/* TerraSwals - Estilos profesionales para SweetAlert */

.swal2-popup {
    border-radius: 8px;
    font-family: 'Public Sans', sans-serif;
}

.swal2-popup .state-change-visual {
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.swal2-popup .state-change-visual .badge {
    font-size: 0.875rem;
    padding: 8px 16px;
    font-weight: 500;
}

.swal2-popup .state-change-visual .ti-arrow-right {
    font-size: 1.25rem;
    color: #696cff;
}

/* Colores corporativos para los iconos de estado */
.swal2-icon.swal2-success {
    border-color: #28c76f;
    color: #28c76f;
}

.swal2-icon.swal2-error {
    border-color: #ea5455;
    color: #ea5455;
}

.swal2-icon.swal2-warning {
    border-color: #ff9f43;
    color: #ff9f43;
}

.swal2-icon.swal2-info {
    border-color: #00cfe8;
    color: #00cfe8;
}

/* Botones con estilos consistentes */
.swal2-actions button {
    margin: 0 5px;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.15s ease;
}

.swal2-actions button:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

/* Títulos con iconos */
.swal2-title i {
    color: #696cff;
}

/* Footers informativos */
.swal2-footer {
    color: #6c757d;
    font-size: 0.875rem;
}

.swal2-footer i {
    color: #696cff;
}

/* Loading spinner */
.swal2-loading .swal2-styled {
    background-color: #696cff;
}

/* Progress bar */
.swal2-timer-progress-bar {
    background: #696cff;
}

/* Toast específico */
.swal2-toast {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Texto muted para información secundaria */
.swal2-html-container .text-muted {
    color: #6c757d !important;
    font-size: 0.875rem;
}

/* Espaciado mejorado */
.swal2-html-container {
    line-height: 1.5;
}

.swal2-html-container p {
    margin-bottom: 0.75rem;
}

/* Estados finales con bordes distintivos */
.swal2-popup.swal2-icon-warning {
    border-top: 3px solid #ff9f43;
}

.swal2-popup.swal2-icon-success {
    border-top: 3px solid #28c76f;
}

.swal2-popup.swal2-icon-error {
    border-top: 3px solid #ea5455;
}

.swal2-popup.swal2-icon-info {
    border-top: 3px solid #00cfe8;
}