.input-group .btn {
    position: relative;
    z-index: 1;
}

#MensajeModal {
    z-index: 1050 !important;
}

.modal-backdrop {
    z-index: 1040 !important;
}

.modal-content {
    height: max-content !important;
}

.modal-footer {
    color: black;
}

.modal-header {
    background-color: white;
    color: black;
    padding: 15px;
}

.border-red-200 {
    border-color: var(--color-red-200) !important;
    color: var(--color-red-800) !important;
}

.text-red-600 {
    color: var(--color-red-600) !important;
}

.text-red-800 {
    color: var(--color-red-800);
}

.card-alerta {
    background-color: #ffe1e1d9;
}

.card-info {
    background-color: #f5f5f547;
}

.card-consultas {
    background-color: var(--color-orange-50);
    border: 2px solid var(--color-orange-200) !important;
    color: #ef6a19;
}

.font-txt {
    font-size: 14px;
}

.color-text {
    color: #8b8484;
}

.modal-dialog.modal-dialog-centered.modal-fullscreen-sm-down {
    max-width: 50%;
}

strong {
    color: #000000cc;
}

.notification-card {
    background: linear-gradient(135deg, #fff9f2 0%, #fff4e8 100%);
    border: 1px solid #ffd4a8;
    border-radius: 12px;
    padding: 18px;
    margin: 0;
    box-shadow: 0 4px 12px rgba(239, 106, 25, 0.08);
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    font-size: 15px;
    /*max-width: 600px;*/
    /*margin: 0 auto;*/
}

.notification-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px dashed #ffd4a8;
}

.notification-icon svg {
    color: #ef6a19;
    flex-shrink: 0;
}

.notification-title {
    font-size: 16px;
    font-weight: 600;
    color: #ef6a19;
    margin: 0;
}

.notification-content {
    display: flex;
    gap: 12px;
}

.notification-alert svg {
    color: #ef6a19;
    margin-top: 2px;
    flex-shrink: 0;
}

.notification-message {
    color: #5a4a42;
    margin: 0 0 14px 0;
    line-height: 1.5;
}

.schedule-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.schedule-item {
    display: flex;
    justify-content: space-between;
    background: white;
    padding: 10px 14px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
    align-items: center;
}

.schedule-days {
    font-weight: 500;
    color: #333;
}

.schedule-hours {
    font-weight: 600;
    color: #ef6a19;
}

    .schedule-hours.closed {
        color: #ff0043ab;
        font-weight: 500;
    }

.email-warning-card {
    background: linear-gradient(135deg, #fff0f0 0%, #ffe6e6 100%);
    border: 1px solid #ffb3b3;
    border-left: 4px solid #ff4d4d;
    border-radius: 10px;
    padding: 18px;
    box-shadow: 0 2px 8px rgba(255, 77, 77, 0.08);
    font-size: 15px;
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    /*max-width: 600px;*/
    /*margin: 0 auto;*/
}

.email-warning-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.email-warning-icon svg {
    color: #ff4d4d;
    flex-shrink: 0;
}

.email-warning-title {
    font-size: 15px;
    font-weight: 600;
    color: #d82c2c;
    margin: 0;
}

.email-warning-content {
    padding-left: 32px;
}

.email-warning-message {
    color: #5a3e3e;
    margin: 0 0 12px 0;
    line-height: 1.6;
    font-size: 14px;
}

    .email-warning-message strong {
        color: #c53030;
        font-weight: 600;
    }

.email-warning-footer {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #a04444;
    font-style: italic;
}

    .email-warning-footer svg {
        color: #ff4d4d;
        flex-shrink: 0;
    }


.contact-info-card {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 1px solid #dee2e6;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    font-size: 15px;
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    /*max-width: 600px;*/
    /*margin: 0 auto;*/
}

.contact-info-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e9ecef;
}

.contact-info-icon svg {
    color: #495057;
    flex-shrink: 0;
}

.contact-info-title {
    font-size: 16px;
    font-weight: 600;
    color: #212529;
    margin: 0;
}

.contact-info-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.location-section {
    display: flex;
    gap: 14px;
}

.location-icon svg {
    color: #6c757d;
    margin-top: 3px;
    flex-shrink: 0;
}

.section-title {
    font-size: 14px;
    font-weight: 600;
    color: #343a40;
    margin: 0 0 12px 0;
}

.location-item {
    margin-bottom: 12px;
}

.location-name {
    font-size: 13px;
    font-weight: 600;
    color: #495057;
    margin-bottom: 4px;
}

.location-address {
    font-size: 13px;
    color: #6c757d;
    line-height: 1.5;
}

.schedule-notice {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #495057;
    background: #f1f3f5;
    padding: 8px 12px;
    border-radius: 6px;
    margin-top: 12px;
}

    .schedule-notice svg {
        color: #6c757d;
        flex-shrink: 0;
    }


.declaration-card {
    background: linear-gradient(135deg, #fff5f5 0%, #ffebeb 100%);
    border: 1px solid #ffcccc;
    border-left: 4px solid #ff6b6b;
    border-radius: 10px;
    padding: 18px;
    box-shadow: 0 2px 8px rgba(255, 107, 107, 0.1);
    font-size: 15px;
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    /*max-width: 600px;*/
    /*margin: 0 auto;*/
}

.declaration-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.declaration-icon i {
    color: #ff6b6b;
    flex-shrink: 0;
    font-size: 20px;
}

.declaration-title {
    font-size: 16px;
    font-weight: 600;
    color: #d33;
    margin: 0;
}

.declaration-content {
    padding-left: 32px;
}

.declaration-text {
    color: #5a3e3e;
    margin: 0 0 14px 0;
    line-height: 1.6;
    font-size: 14px;
}

    .declaration-text strong {
        color: #d33;
        font-weight: 600;
    }

.legal-notice {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #a04444;
    font-style: italic;
}

    .legal-notice svg {
        color: #ff6b6b;
        flex-shrink: 0;
    }

@media (max-width: 480px) {
    .declaration-card {
        padding: 16px;
    }

    .declaration-content {
        padding-left: 0;
    }
}