/* /Components/AlertaDesconectado.razor.rz.scp.css */

.disconnected-alert[b-qinigk1t3n] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
    display: none;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 100000000000 !important;
    overflow: hidden;
    background-color: rgb(255, 255, 255,0.8);
    text-align: center;
    font-weight: bold;
    z-index: 10000;
    color: black !important;
}

.disconnected-alert.show[b-qinigk1t3n] {
    display: block;
}

.disconnected-alert .popup[b-qinigk1t3n] {
    position: absolute;
    left: 50%;
    top: -25%;
    visibility: hidden;
    width: 460px;
    border-radius: 5px;
    padding: 13px 17px 20px;
    background: #fff;
    display: flex;
    border-top: 3px solid #EA4D67;
    transform: translateX(-50%);
    box-shadow: 0 10px 25px rgba(52,87,220,0.1);
    transition: all 0.25s ease;
    z-index: 1000000 !important
}

.disconnected-alert .popup.show[b-qinigk1t3n] {
    top: 0;
    visibility: visible;
}

.disconnected-alert .popup.online[b-qinigk1t3n] {
    border-color: #2ECC71;
}

.disconnected-alert .popup .icon i[b-qinigk1t3n] {
    width: 40px;
    height: 40px;
    display: flex;
    color: #fff;
    margin-right: 15px;
    font-size: 1.2rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #EA4D67;
}

.disconnected-alert .popup.online .icon i[b-qinigk1t3n] {
    background: #2ECC71;
}

.disconnected-alert .popup .title[b-qinigk1t3n] {
    font-size: 1.2rem;
}

.disconnected-alert .popup .desc[b-qinigk1t3n] {
    color: #474747;
    margin: 3px 0 10px;
    font-size: 1.04rem;
}

.disconnected-alert .popup .reconnect[b-qinigk1t3n] {
    border: none;
    outline: none;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    font-size: 0.95rem;
    padding: 8px 13px;
    border-radius: 4px;
    background: #5372F0;
}

.disconnected-alert .popup.online .reconnect[b-qinigk1t3n] {
    background: #bfbfbf;
    pointer-events: none;
}

@media screen and (max-width: 550px) {
    .disconnected-alert .popup[b-qinigk1t3n] {
        width: 100%;
        padding: 10px 15px 17px;
    }
}
/* /Components/Layout/Login/LoginLayout.razor.rz.scp.css */
/* Sello "Vigilado por la Superintendencia Financiera" en el borde izquierdo del login.
   La imagen viene en horizontal: se gira y se cambia el modo de escritura para que
   quede en vertical pegada al costado. */
.sello-vigilado[b-ejnoepcwys] {
    height: 120px;
    transform: rotate(180deg);
    writing-mode: vertical-rl;
}
/* /Components/Layout/Main/NavMenu.razor.rz.scp.css */
#navbar-collapse[b-8ku0trnky2] {
    width: 250px;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: width 0.3s ease;
}

    #navbar-collapse.collapsed[b-8ku0trnky2] {
        width: 70px;
    }

.navbar-toggle-container[b-8ku0trnky2] {
    flex-shrink: 0;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #e9ecef;
}

.navbar-toggle[b-8ku0trnky2] {
    background: transparent;
    border: none;
    font-size: 18px;
    color: #6c757d;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 4px;
}

    .navbar-toggle:hover[b-8ku0trnky2] {
        background-color: #f8f9fa;
    }

/* El scrollbar ocupa todo el espacio restante dentro del navbar */
#scrollbar[b-8ku0trnky2] {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto !important;
    overflow-x: hidden;
}

.collapsed .menu-title[b-8ku0trnky2] {
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #e9ecef;
}

.menu-icon-collapsed[b-8ku0trnky2] {
    font-size: 20px;
    color: #6c757d;
}

.collapsed-item[b-8ku0trnky2] {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

    .collapsed-item i[b-8ku0trnky2] {
        margin-right: 0;
    }

.collapsed .nav-link[b-8ku0trnky2] {
    text-align: center;
    padding: 12px 0;
}

    .collapsed .nav-link span[b-8ku0trnky2] {
        display: none;
    }

.collapsed .simplebar-content-wrapper[b-8ku0trnky2] {
    overflow-x: hidden !important;
}
/* /Components/Pages/BackOffice/ConsultaSolicitudes.razor.rz.scp.css */
/* ── Card & Header ── */
.solicitudes-card[b-bajtfws98q] {
    border-top: 2px solid #003781;
    box-shadow: 0 2px 12px rgba(0, 55, 129, 0.09);
    zoom: 0.90;
}

.solicitudes-card .card-header[b-bajtfws98q] {
    border-left: 4px solid #003781;
    background: linear-gradient(90deg, #f0f4fa 0%, #ffffff 100%);
    padding: 0.8rem 1.25rem;
}

.solicitudes-card .card-header h4[b-bajtfws98q] {
    color: #003781;
    font-weight: 600;
    letter-spacing: 0.02em;
    font-size: 1rem;
}

/* ── Filas ── */
[b-bajtfws98q] .rz-datatable .rz-datatable-data tr > td {
    font-size: 0.81rem;
    padding: 0.4rem 0.65rem;
    border-color: #edf0f5;
    vertical-align: middle;
}

[b-bajtfws98q] .rz-datatable .rz-datatable-data tr:hover > td {
    background-color: rgba(0, 55, 129, 0.05) !important;
    transition: background-color 0.15s ease;
}

[b-bajtfws98q] .rz-datatable .rz-datatable-data tr:nth-child(even) > td {
    background-color: rgba(0, 160, 223, 0.03);
}

/* ── Encabezados de columna ── */
[b-bajtfws98q] .rz-column-header-content {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #003781;
}

/* ── Botones de acción circulares ── */
.accion-btn-group[b-bajtfws98q] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-wrap: nowrap;
}

.accion-btn-group[b-bajtfws98q]  .rz-button:hover:not([disabled]) {
    transform: scale(1.1);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.12s ease, box-shadow 0.12s ease;
}

/* ── Tiempo Restante — badges ── */
.tr-badge[b-bajtfws98q] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.71rem;
    font-weight: 600;
    white-space: nowrap;
    letter-spacing: 0.02em;
}

.tr-badge.tr-pending[b-bajtfws98q] {
    background: #f0f4fa;
    color: #6b7a99;
    border: 1px solid #d6dce8;
}

.tr-badge.tr-overdue[b-bajtfws98q] {
    background: #fff1f0;
    color: #c62828;
    border: 1px solid #ffcdd2;
}

.tr-badge.tr-ontime[b-bajtfws98q] {
    background: #f0faf4;
    color: #2e7d32;
    border: 1px solid #c8e6c9;
}
/* /Components/Pages/Certificaciones/CertificadosEmitidos.razor.rz.scp.css */
/* Contenedor del visor de PDF embebido.
   La altura mínima evita que el modal colapse mientras PDF.js monta el documento:
   sin ella el cuadro aparece con altura cero y el certificado "parpadea" al abrirse. */
.visor-pdf[b-7zvo9mvz32] {
    min-height: 600px;
}
/* /Components/Pages/Certificaciones/FirmaCertificaciones.razor.rz.scp.css */
/* Las firmas se cargan tal como las subió el usuario, sin normalizar tamaño.
   Cada presentación acota la imagen a su espacio sin deformarla: solo se limita
   el máximo y el navegador conserva la proporción original. */

/* Firma vigente, en la tarjeta de encabezado */
.firma-vigente[b-vc43q1nmuo] {
    max-height: 90px;
    max-width: 100%;
}

/* Miniatura dentro de la grilla. El ancho también se acota porque la columna
   es de 150px fijos y una firma apaisada desbordaría la celda. */
.firma-miniatura[b-vc43q1nmuo] {
    max-height: 45px;
    max-width: 130px;
}

/* Vista previa en el diálogo que confirma la activación */
.firma-confirmacion[b-vc43q1nmuo] {
    max-height: 100px;
    max-width: 100%;
}
/* /Components/Pages/Certificaciones/GenerarCertificados.razor.rz.scp.css */
/* Contenedor del visor de PDF embebido.
   La altura mínima evita que el modal colapse mientras PDF.js monta el documento:
   sin ella el cuadro aparece con altura cero y el certificado "parpadea" al abrirse. */
.visor-pdf[b-ihzl4cr0u4] {
    min-height: 600px;
}
/* /Components/Pages/Cliente/AprobacionCancelacion.razor.rz.scp.css */
.ac-page[b-jmf3ab5kvn] {
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    font-family: 'AllianzNeo-Regular', 'Allianz Neo', Arial, sans-serif;
}

.ac-card[b-jmf3ab5kvn] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(0, 55, 129, 0.10);
    padding: 2.5rem 2rem;
    max-width: 460px;
    width: 100%;
    text-align: center;
}

.ac-icon-wrap[b-jmf3ab5kvn] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    background-color: #e8f4ec;
}

.ac-icon-wrap svg[b-jmf3ab5kvn] {
    width: 36px;
    height: 36px;
}

.ac-title[b-jmf3ab5kvn] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #003781;
    margin: 0 0 0.5rem;
}

.ac-subtitle[b-jmf3ab5kvn] {
    font-size: 0.875rem;
    color: #6b7280;
    margin: 0 0 2rem;
}

.ac-divider[b-jmf3ab5kvn] {
    border: none;
    border-top: 1px solid #f0f0f0;
    margin: 0 0 1.5rem;
}

.ac-details[b-jmf3ab5kvn] {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.ac-row[b-jmf3ab5kvn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
}

.ac-row-label[b-jmf3ab5kvn] {
    color: #6b7280;
    font-size: 0.8125rem;
}

.ac-row-value[b-jmf3ab5kvn] {
    color: #1f2937;
    font-weight: 500;
}

.ac-badge[b-jmf3ab5kvn] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    background: #e8f4ec;
    color: #16a34a;
    border-radius: 20px;
    padding: 0.25rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 500;
}

.ac-loading[b-jmf3ab5kvn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    gap: 1rem;
    color: #6b7280;
    font-size: 0.9rem;
    font-family: 'AllianzNeo-Regular', Arial, sans-serif;
}

.ac-spinner[b-jmf3ab5kvn] {
    width: 36px;
    height: 36px;
    border: 3px solid #e5e7eb;
    border-top-color: #003781;
    border-radius: 50%;
    animation: ac-spin-b-jmf3ab5kvn 0.8s linear infinite;
}

@keyframes ac-spin-b-jmf3ab5kvn {
    to { transform: rotate(360deg); }
}
/* /Components/Pages/Cliente/FormatoDatos/_PopupFormatoDatos.razor.rz.scp.css */
/* ── Variables ─────────────────────────────────────────────────── */
.formato-datos-popup[b-9b71aj89km] {
	--fd-primary: #1e3a5f;
	--fd-accent: #2563eb;
	--fd-accent-soft: #eff6ff;
	--fd-border: #e2e8f0;
	--fd-text: #1e293b;
	--fd-text-muted: #64748b;
	--fd-text-label: #475569;
	--fd-bg-section: #f8fafc;
	--fd-radius: 6px;
	--fd-shadow-focus: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

/* ── Contenedor ────────────────────────────────────────────────── */
.formato-datos-popup[b-9b71aj89km] {
	padding: 1.25rem 1.5rem;
	background: #fff;
}

/* ── Separador de sección ──────────────────────────────────────── */
.fd-section-label[b-9b71aj89km] {
	font-size: 0.68rem;
	font-weight: 600;
	color: var(--fd-text-muted);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 0.75rem;
	margin-top: 1rem;
	display: flex;
	align-items: center;
	gap: 8px;
}

	.fd-section-label[b-9b71aj89km]::after {
		content: '';
		flex: 1;
		height: 1px;
		background: var(--fd-border);
	}

/* ── Grid de campos ────────────────────────────────────────────── */
.form-grid[b-9b71aj89km] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.9rem 1.25rem;
}

.form-grid-3[b-9b71aj89km] {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.form-field-full[b-9b71aj89km] {
	grid-column: 1 / -1;
}

/* ── Grupo de campo ────────────────────────────────────────────── */
.form-group[b-9b71aj89km] {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

	.form-group label[b-9b71aj89km] {
		font-size: 0.72rem;
		font-weight: 600;
		color: var(--fd-text-label);
		text-transform: uppercase;
		letter-spacing: 0.04em;
	}

	/* ── Inputs ────────────────────────────────────────────────────── */
	.form-group .rz-textbox[b-9b71aj89km],
	.form-group .rz-dropdown[b-9b71aj89km] {
		height: 36px;
		border: 1px solid var(--fd-border);
		border-radius: var(--fd-radius);
		padding: 0 10px;
		font-size: 0.85rem;
		color: var(--fd-text);
		background: #fff;
		transition: border-color 0.15s, box-shadow 0.15s;
		width: 100%;
	}

		.form-group .rz-textbox:focus[b-9b71aj89km],
		.form-group .rz-dropdown:focus[b-9b71aj89km] {
			border-color: var(--fd-accent);
			box-shadow: var(--fd-shadow-focus);
			outline: none;
		}

/* ── Tabs ──────────────────────────────────────────────────────── */
.rz-tabview .rz-tabview-nav[b-9b71aj89km] {
	background: var(--fd-bg-section);
	border-bottom: 1px solid var(--fd-border);
	padding: 0 1rem;
	gap: 2px;
}

	.rz-tabview .rz-tabview-nav li a[b-9b71aj89km] {
		font-size: 0.78rem;
		font-weight: 500;
		color: var(--fd-text-muted);
		padding: 0.65rem 1rem;
		border-radius: 0;
		border: none;
		white-space: nowrap;
		transition: color 0.15s;
	}

	.rz-tabview .rz-tabview-nav li:hover:not(.rz-tabview-selected) a[b-9b71aj89km] {
		color: var(--fd-text);
	}

	.rz-tabview .rz-tabview-nav li.rz-tabview-selected a[b-9b71aj89km] {
		color: var(--fd-accent);
		border-bottom: 2px solid var(--fd-accent);
		background: transparent;
	}

.rz-tabview-panels[b-9b71aj89km] {
	background: #fff;
}

/* ── Nota muted ────────────────────────────────────────────────── */
.text-muted[b-9b71aj89km] {
	font-size: 0.72rem;
	color: var(--fd-text-muted);
	display: block;
	margin-bottom: 0.6rem;
}

/* ── Divider entre secciones ───────────────────────────────────── */
.fd-divider[b-9b71aj89km] {
	height: 1px;
	background: var(--fd-border);
	margin: 1rem 0;
}

/* ── Alertas ───────────────────────────────────────────────────── */
.mb-3[b-9b71aj89km] {
	margin-bottom: 0.75rem;
}

/* ── Loading ───────────────────────────────────────────────────── */
.loading-overlay[b-9b71aj89km] {
	text-align: center;
	padding: 1rem;
	color: var(--fd-text-muted);
	font-size: 0.82rem;
}

/* ── Botones de acción ─────────────────────────────────────────── */
.popup-actions[b-9b71aj89km] {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
	margin-top: 1.25rem;
	padding-top: 1rem;
	border-top: 1px solid var(--fd-border);
	background: var(--fd-bg-section);
	margin-left: -1.5rem;
	margin-right: -1.5rem;
	margin-bottom: -1.25rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-bottom: 1rem;
}

	.popup-actions .rz-button[b-9b71aj89km] {
		height: 34px;
		font-size: 0.8rem;
		font-weight: 500;
		border-radius: var(--fd-radius);
		padding: 0 16px;
	}

/* /Components/Pages/Cliente/FormatoDatos/_PopupFormatoDatosRC.razor.rz.scp.css */
/* ── Variables ─────────────────────────────────────────────────── */
.formato-datos-popup[b-uau5ckspgi] {
    --fd-primary: #1e3a5f;
    --fd-accent: #2563eb;
    --fd-accent-soft: #eff6ff;
    --fd-border: #e2e8f0;
    --fd-text: #1e293b;
    --fd-text-muted: #64748b;
    --fd-text-label: #475569;
    --fd-bg-section: #f8fafc;
    --fd-radius: 6px;
    --fd-shadow-focus: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

/* ── Contenedor ────────────────────────────────────────────────── */
.formato-datos-popup[b-uau5ckspgi] {
    padding: 1.25rem 1.5rem;
    background: #fff;
}

/* ── Separador de sección ──────────────────────────────────────── */
.fd-section-label[b-uau5ckspgi] {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--fd-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 0.75rem;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .fd-section-label[b-uau5ckspgi]::after {
        content: '';
        flex: 1;
        height: 1px;
        background: var(--fd-border);
    }

/* ── Grid de campos ────────────────────────────────────────────── */
.form-grid[b-uau5ckspgi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem 1.25rem;
}

.form-grid-3[b-uau5ckspgi] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.form-field-full[b-uau5ckspgi] {
    grid-column: 1 / -1;
}

/* ── Grupo de campo ────────────────────────────────────────────── */
.form-group[b-uau5ckspgi] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .form-group label[b-uau5ckspgi] {
        font-size: 0.72rem;
        font-weight: 600;
        color: var(--fd-text-label);
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }

    /* ── Inputs ────────────────────────────────────────────────────── */
    .form-group .rz-textbox[b-uau5ckspgi],
    .form-group .rz-dropdown[b-uau5ckspgi] {
        height: 36px;
        border: 1px solid var(--fd-border);
        border-radius: var(--fd-radius);
        padding: 0 10px;
        font-size: 0.85rem;
        color: var(--fd-text);
        background: #fff;
        transition: border-color 0.15s, box-shadow 0.15s;
        width: 100%;
    }

        .form-group .rz-textbox:focus[b-uau5ckspgi],
        .form-group .rz-dropdown:focus[b-uau5ckspgi] {
            border-color: var(--fd-accent);
            box-shadow: var(--fd-shadow-focus);
            outline: none;
        }

/* ── Tabs ──────────────────────────────────────────────────────── */
.rz-tabview .rz-tabview-nav[b-uau5ckspgi] {
    background: var(--fd-bg-section);
    border-bottom: 1px solid var(--fd-border);
    padding: 0 1rem;
    gap: 2px;
}

    .rz-tabview .rz-tabview-nav li a[b-uau5ckspgi] {
        font-size: 0.78rem;
        font-weight: 500;
        color: var(--fd-text-muted);
        padding: 0.65rem 1rem;
        border-radius: 0;
        border: none;
        white-space: nowrap;
        transition: color 0.15s;
    }

    .rz-tabview .rz-tabview-nav li:hover:not(.rz-tabview-selected) a[b-uau5ckspgi] {
        color: var(--fd-text);
    }

    .rz-tabview .rz-tabview-nav li.rz-tabview-selected a[b-uau5ckspgi] {
        color: var(--fd-accent);
        border-bottom: 2px solid var(--fd-accent);
        background: transparent;
    }

.rz-tabview-panels[b-uau5ckspgi] {
    background: #fff;
}

/* ── Nota muted ────────────────────────────────────────────────── */
.text-muted[b-uau5ckspgi] {
    font-size: 0.72rem;
    color: var(--fd-text-muted);
    display: block;
    margin-bottom: 0.6rem;
}

/* ── Divider ───────────────────────────────────────────────────── */
.fd-divider[b-uau5ckspgi] {
    height: 1px;
    background: var(--fd-border);
    margin: 1rem 0;
}

/* ── Alertas ───────────────────────────────────────────────────── */
.mb-3[b-uau5ckspgi] {
    margin-bottom: 0.75rem;
}

/* ── Loading ───────────────────────────────────────────────────── */
.loading-overlay[b-uau5ckspgi] {
    text-align: center;
    padding: 1rem;
    color: var(--fd-text-muted);
    font-size: 0.82rem;
}

/* ── Botones de acción ─────────────────────────────────────────── */
.popup-actions[b-uau5ckspgi] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--fd-border);
    background: var(--fd-bg-section);
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-bottom: -1.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1rem;
}

    .popup-actions .rz-button[b-uau5ckspgi] {
        height: 34px;
        font-size: 0.8rem;
        font-weight: 500;
        border-radius: var(--fd-radius);
        padding: 0 16px;
    }

/* ── DatePicker ────────────────────────────────────────────────── */
.formato-datos-popup .form-group .rz-datepicker[b-uau5ckspgi] {
    width: 100%;
    display: flex;
}

    .formato-datos-popup .form-group .rz-datepicker .rz-inputtext[b-uau5ckspgi] {
        flex: 1;
        height: 36px;
        border: 1px solid #e2e8f0;
        border-right: none;
        border-radius: 6px 0 0 6px;
        padding: 0 10px;
        font-size: 0.85rem;
        color: #1e293b;
        background: #fff;
        transition: border-color 0.15s;
        box-shadow: none !important;
        outline: none !important;
    }

        .formato-datos-popup .form-group .rz-datepicker .rz-inputtext:focus[b-uau5ckspgi],
        .formato-datos-popup .form-group .rz-datepicker .rz-inputtext.rz-state-focus[b-uau5ckspgi] {
            border-color: #e2e8f0 !important;
            border-bottom: 1px solid #e2e8f0 !important;
            box-shadow: none !important;
            outline: none !important;
        }

    .formato-datos-popup .form-group .rz-datepicker.rz-state-focus[b-uau5ckspgi],
    .formato-datos-popup .form-group .rz-datepicker .rz-state-focus[b-uau5ckspgi] {
        box-shadow: none !important;
        border-color: #e2e8f0 !important;
        outline: none !important;
    }

    .formato-datos-popup .form-group .rz-datepicker .rz-inputtext[b-uau5ckspgi]::before,
    .formato-datos-popup .form-group .rz-datepicker .rz-inputtext[b-uau5ckspgi]::after {
        display: none !important;
    }

    .formato-datos-popup .form-group .rz-datepicker .rz-datepicker-trigger[b-uau5ckspgi] {
        height: 36px;
        width: 36px;
        border: 1px solid #e2e8f0;
        border-left: none;
        border-radius: 0 6px 6px 0;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background 0.15s;
        padding: 0;
    }

        .formato-datos-popup .form-group .rz-datepicker .rz-datepicker-trigger:hover[b-uau5ckspgi] {
            background: #eff6ff;
        }

        .formato-datos-popup .form-group .rz-datepicker .rz-datepicker-trigger .rzi[b-uau5ckspgi] {
            font-size: 16px;
            color: #2563eb;
        }

/* /Components/Pages/Cliente/RechazarCancelacion.razor.rz.scp.css */
.ac-page[b-55wtxhoh3v] {
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    font-family: 'AllianzNeo-Regular', 'Allianz Neo', Arial, sans-serif;
}

.ac-card[b-55wtxhoh3v] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(0, 55, 129, 0.10);
    padding: 2.5rem 2rem;
    max-width: 460px;
    width: 100%;
    text-align: center;
}

.ac-icon-wrap[b-55wtxhoh3v] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
}

.ac-icon-wrap.success[b-55wtxhoh3v] { background-color: #e8f4ec; }
.ac-icon-wrap.warning[b-55wtxhoh3v] { background-color: #fff7ed; }

.ac-icon-wrap svg[b-55wtxhoh3v] {
    width: 36px;
    height: 36px;
}

.ac-title[b-55wtxhoh3v] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #003781;
    margin: 0 0 0.5rem;
}

.ac-subtitle[b-55wtxhoh3v] {
    font-size: 0.875rem;
    color: #6b7280;
    margin: 0 0 2rem;
    line-height: 1.5;
}

.ac-poliza[b-55wtxhoh3v] {
    font-weight: 600;
    color: #003781;
}

.ac-divider[b-55wtxhoh3v] {
    border: none;
    border-top: 1px solid #f0f0f0;
    margin: 0 0 1.5rem;
}

.ac-details[b-55wtxhoh3v] {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.ac-row[b-55wtxhoh3v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
}

.ac-row-label[b-55wtxhoh3v] {
    color: #6b7280;
    font-size: 0.8125rem;
}

.ac-row-value[b-55wtxhoh3v] {
    color: #1f2937;
    font-weight: 500;
}

.ac-badge-rejected[b-55wtxhoh3v] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    background: #fef2f2;
    color: #dc2626;
    border-radius: 20px;
    padding: 0.25rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 500;
}

.ac-btn[b-55wtxhoh3v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background-color: #003781;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 0.75rem 2rem;
    font-size: 0.9375rem;
    font-family: 'AllianzNeo-Regular', Arial, sans-serif;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
    width: 100%;
    margin-top: 1.5rem;
}

.ac-btn:hover:not(:disabled)[b-55wtxhoh3v] {
    background-color: #215f9a;
}

.ac-btn:disabled[b-55wtxhoh3v] {
    background-color: #93a8c8;
    cursor: not-allowed;
}

.ac-btn-spinner[b-55wtxhoh3v] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: ac-spin-b-55wtxhoh3v 0.7s linear infinite;
    flex-shrink: 0;
}

.ac-loading[b-55wtxhoh3v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    gap: 1rem;
    color: #6b7280;
    font-size: 0.9rem;
    font-family: 'AllianzNeo-Regular', Arial, sans-serif;
}

.ac-spinner[b-55wtxhoh3v] {
    width: 36px;
    height: 36px;
    border: 3px solid #e5e7eb;
    border-top-color: #003781;
    border-radius: 50%;
    animation: ac-spin-b-55wtxhoh3v 0.8s linear infinite;
}

@keyframes ac-spin-b-55wtxhoh3v {
    to { transform: rotate(360deg); }
}
/* /Components/Pages/GestionCertificados/GestionCertificados.razor.rz.scp.css */
/* Wizard de Gestión de certificados — línea de marca Allianz.
   Réplica de la estructura visual de las capturas del requerimiento fuente
   (stepper de 5 pasos en banner oscuro, tarjetas de operación con jerarquía,
   tarjetas de póliza, acento de "certificado encontrado" y bloque de cálculo),
   pero recoloreada al azul corporativo Allianz en vez del navy genérico de la
   herramienta de terceros. Azul de marca definido una sola vez aquí, sobre el
   contenedor raíz del componente (.gestion-certificados, ya presente en el
   markup), y reutilizado por todo el archivo vía var(). */

.gestion-certificados[b-dtxm9rx3ob] {
    --azul-allianz: #003781;
    --azul-allianz-oscuro: #002a63;
}

/* ---------------------------------------------------------------------
   Tarjeta contenedora: header azul + cuerpo blanco, como una sola pieza
   --------------------------------------------------------------------- */
.wizard-card[b-dtxm9rx3ob] {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    background: #ffffff;
    margin-bottom: 2rem;
}

.wizard-header[b-dtxm9rx3ob] {
    position: relative;
    background: var(--azul-allianz);
    color: #ffffff;
    padding: 1.75rem 2rem 1.5rem;
    overflow: hidden;
    isolation: isolate;
}

/* Fondo de marca: mesh de azules generado por CSS, sin imagen externa ni foto de
   stock (no hay ningún asset de patrón/textura en el repo que sirviera — solo
   fotografías de stock, ver assetsCliente/images). Vive en un ::before detrás del
   contenido (z-index negativo + overflow/isolation en el contenedor), difuminado
   y con opacidad baja para quedar minimalista, no un fondo protagonista.
   #6A85D9 es el mismo azul claro ya usado como acento de marca en
   wwwroot/css/radzen/gridview.css (--rz-primary-light) — no se inventa un tono nuevo */
.wizard-header[b-dtxm9rx3ob]::before {
    content: "";
    position: absolute;
    inset: -35% -10% -15%;
    background:
        radial-gradient(circle at 12% 18%, rgba(106, 133, 217, .55), transparent 55%),
        radial-gradient(circle at 88% 12%, rgba(255, 255, 255, .16), transparent 45%),
        radial-gradient(circle at 60% 95%, rgba(0, 20, 56, .8), transparent 60%);
    filter: blur(60px);
    z-index: -1;
    pointer-events: none;
}

/* h1-h6 traen color explícito (--vz-heading-color, gris oscuro) desde
   bootstrap.min.css, cargado globalmente en ClienteLayout. Ese color explícito
   sobre el propio <h3> gana siempre sobre el color heredado de .wizard-header,
   sin importar la especificidad: la herencia solo aplica cuando ninguna regla
   toca la propiedad en el elemento, y aquí sí la toca. Por eso hace falta fijar
   el blanco aquí explícitamente — no es una guerra de especificidad, y con dos
   selectores de clase (más el atributo de scope) ya se gana sin necesidad de
   !important */
.wizard-header__title[b-dtxm9rx3ob] {
    font-weight: 700;
    margin: 0;
    font-size: 1.4rem;
    color: #ffffff;
}

.wizard-header__subtitle[b-dtxm9rx3ob] {
    margin: .15rem 0 1.5rem;
    color: rgba(255, 255, 255, .8);
    font-size: .875rem;
}

.wizard-body[b-dtxm9rx3ob] {
    padding: 1.75rem 2rem 2rem;
}

/* ---------------------------------------------------------------------
   Stepper de 5 pasos, dentro del header oscuro
   --------------------------------------------------------------------- */
.wizard-stepper[b-dtxm9rx3ob] {
    display: flex;
    align-items: flex-start;
}

.wizard-step[b-dtxm9rx3ob] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
    min-width: 76px;
}

.wizard-step__circle[b-dtxm9rx3ob] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: .9rem;
    margin-bottom: .4rem;
    transition: transform .15s ease, box-shadow .15s ease;
}

.wizard-step__label[b-dtxm9rx3ob] {
    font-size: .75rem;
    text-align: center;
    white-space: nowrap;
}

.wizard-step__connector[b-dtxm9rx3ob] {
    flex: 1 1 auto;
    height: 2px;
    background: rgba(255, 255, 255, .3);
    margin-top: 17px;
    min-width: 16px;
}

.wizard-step__connector--activa[b-dtxm9rx3ob] {
    background: #ffffff;
}

/* Pendiente: solo borde translúcido, sin relleno */
.wizard-step--pendiente .wizard-step__circle[b-dtxm9rx3ob] {
    border: 2px solid rgba(255, 255, 255, .4);
    color: rgba(255, 255, 255, .55);
}

.wizard-step--pendiente .wizard-step__label[b-dtxm9rx3ob] {
    color: rgba(255, 255, 255, .55);
    font-weight: 500;
}

/* Activo: círculo blanco relleno, número en azul de marca, con anillo sutil */
.wizard-step--activo .wizard-step__circle[b-dtxm9rx3ob] {
    background: #ffffff;
    color: var(--azul-allianz);
    box-shadow: 0 0 0 4px rgba(255, 255, 255, .25);
    transform: scale(1.1);
}

.wizard-step--activo .wizard-step__label[b-dtxm9rx3ob] {
    color: #ffffff;
    font-weight: 700;
}

/* Completado: círculo blanco relleno con check en azul de marca */
.wizard-step--completado .wizard-step__circle[b-dtxm9rx3ob] {
    background: #ffffff;
    color: var(--azul-allianz);
}

.wizard-step--completado .wizard-step__label[b-dtxm9rx3ob] {
    color: #ffffff;
    font-weight: 700;
}

/* ---------------------------------------------------------------------
   Paso Operación: tarjetas con acento semántico (verde/naranja/rojo) —
   el color de la operación es información útil, no todo tiene que ser azul
   --------------------------------------------------------------------- */
.operacion-card[b-dtxm9rx3ob] {
    position: relative;
    border-top: 4px solid transparent;
    cursor: pointer;
    transition: box-shadow .15s ease, transform .15s ease;
}

.operacion-card:hover[b-dtxm9rx3ob] {
    box-shadow: 0 10px 24px rgba(0, 0, 0, .1);
    transform: translateY(-2px);
}

.operacion-card--exito[b-dtxm9rx3ob] {
    border-top-color: var(--bs-success);
}

.operacion-card--advertencia[b-dtxm9rx3ob] {
    border-top-color: var(--bs-warning);
}

.operacion-card--peligro[b-dtxm9rx3ob] {
    border-top-color: var(--bs-danger);
}

.operacion-card.paso-card-activa[b-dtxm9rx3ob] {
    box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
}

.operacion-card__check[b-dtxm9rx3ob] {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--bs-success);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .85rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
}

/* ---------------------------------------------------------------------
   Paso Póliza: aquí no hay semántica de color por operación, el acento de
   selección es el azul de marca
   --------------------------------------------------------------------- */
.poliza-card[b-dtxm9rx3ob] {
    cursor: pointer;
    border: 1px solid #e4e7eb;
    transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease;
}

.poliza-card:hover[b-dtxm9rx3ob] {
    box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
    transform: translateY(-2px);
}

.poliza-card-activa[b-dtxm9rx3ob] {
    border-color: var(--azul-allianz);
    border-width: 2px;
    background-color: rgba(0, 55, 129, .04);
    box-shadow: 0 0 0 1px var(--azul-allianz);
}

/* ---------------------------------------------------------------------
   Certificado encontrado (Modificación / Exclusión) — acento verde de
   resultado positivo, ecoando el bloque verde de la captura de exclusión
   --------------------------------------------------------------------- */
.certificado-encontrado-card[b-dtxm9rx3ob] {
    border-top: 4px solid var(--bs-success);
}

/* ---------------------------------------------------------------------
   Cálculo de devolución y resumen del paso Resultado: más aire y
   jerarquía tipográfica (números grandes, etiquetas pequeñas en mayúscula)
   --------------------------------------------------------------------- */
.calculo-devolucion[b-dtxm9rx3ob] {
    background: rgba(25, 135, 84, .07);
    border-radius: 10px;
    padding: 1.25rem 1.25rem .75rem;
}

.valor-etiqueta[b-dtxm9rx3ob] {
    font-size: .7rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #6c757d;
    font-weight: 600;
    margin-bottom: .2rem;
}

.valor-numero[b-dtxm9rx3ob] {
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0;
    color: #003781 !important;
}

.valor-numero--total[b-dtxm9rx3ob] {
    font-size: 1.7rem;
    color: #003781 !important;
}

/* ---------------------------------------------------------------------
   Paso Resultado: CTA principal en azul de marca (descargar), la
   secundaria queda en outline/light
   --------------------------------------------------------------------- */
.btn-marca[b-dtxm9rx3ob] {
    background-color: var(--azul-allianz);
    border-color: var(--azul-allianz);
    color: #ffffff;
}

.btn-marca:hover[b-dtxm9rx3ob],
.btn-marca:focus[b-dtxm9rx3ob] {
    background-color: var(--azul-allianz-oscuro);
    border-color: var(--azul-allianz-oscuro);
    color: #ffffff;
}
/* /Components/Pages/Parametrizacion/FestivosParametrizados.razor.rz.scp.css */
/* =============================================
   Festivos Parametrizados — Estilos de marca Allianz
   ============================================= */

/* --- Badge Activo / Inactivo --- */
.badge-allianz[b-9u5s13nsm6] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1;
}

.badge-allianz-activo[b-9u5s13nsm6] {
    background-color: #e8f0fb;
    color: #003781;
    border: 1.5px solid #003781;
}

.badge-allianz-activo[b-9u5s13nsm6]::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #003781;
    flex-shrink: 0;
}

.badge-allianz-inactivo[b-9u5s13nsm6] {
    background-color: #f2f2f2;
    color: #6c757d;
    border: 1.5px solid #c8c8c8;
}

.badge-allianz-inactivo[b-9u5s13nsm6]::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #c8c8c8;
    flex-shrink: 0;
}

/* --- Switch del formulario --- */
.form-check-input:checked[b-9u5s13nsm6] {
    background-color: #003781;
    border-color: #003781;
}

.form-check-input:focus[b-9u5s13nsm6] {
    border-color: #215f9a;
    box-shadow: 0 0 0 0.2rem rgba(0, 55, 129, 0.2);
}

/* --- Tarjeta del formulario --- */
.card-formulario-festivo .card-header[b-9u5s13nsm6] {
    background-color: #003781;
    color: #ffffff;
    border-bottom: none;
    border-radius: 6px 6px 0 0;
}

.card-formulario-festivo .card-header .card-title[b-9u5s13nsm6] {
    color: #ffffff;
    margin-bottom: 0;
}
/* /Components/Pages/PolizasColectivas/FirmaPoliza.razor.rz.scp.css */
/* Copia exacta de Certificaciones/FirmaCertificaciones.razor.css: mismo componente visual,
   mismas clases (.firma-vigente / .firma-miniatura / .firma-confirmacion), reutilizadas aquí
   en el markup de FirmaPoliza.razor. Sin este archivo (CSS isolation de Blazor: cada .razor
   necesita su propio .razor.css, uno no hereda las reglas del otro) las clases no tenían
   ninguna regla que las acotara y la imagen se pintaba a su resolución nativa.

   Las firmas se cargan tal como las subió el usuario, sin normalizar tamaño. Cada
   presentación acota la imagen a su espacio sin deformarla: solo se limita el máximo y el
   navegador conserva la proporción original. */

/* Firma vigente, en la tarjeta de encabezado */
.firma-vigente[b-lvc8042vxr] {
    max-height: 90px;
    max-width: 100%;
}

/* Miniatura dentro de la grilla. El ancho también se acota porque la columna
   es de 150px fijos y una firma apaisada desbordaría la celda. */
.firma-miniatura[b-lvc8042vxr] {
    max-height: 45px;
    max-width: 130px;
}

/* Vista previa en el diálogo que confirma la activación */
.firma-confirmacion[b-lvc8042vxr] {
    max-height: 100px;
    max-width: 100%;
}
/* /Components/Shared/_FirmaElectronica.razor.rz.scp.css */
@media (min-width: 1200px) {
    .container[b-klk7fipdrl] {
        width: 100% !important;
        max-width: 80% !important;
    }
}
/* /Components/Shared/_FirmaElectronicaFirmante.razor.rz.scp.css */
@media (min-width: 1200px) {
    .container[b-7r8wz9ixzt] {
        width: 100% !important;
        max-width: 80% !important;
    }
}
/* /Components/Shared/_FormularioAdjuntosAutos.razor.rz.scp.css */
/* =========================
   ICONOS
========================= */
.icon[b-ocz054pofm] {
    width: 22px;
    height: 22px;
    display: block;
}

/* =========================
   BOTÓN ELIMINAR (SIN FONDO)
========================= */
.btn-remove[b-ocz054pofm] {
    background: transparent !important;
    border: none;
    padding: 0;
    margin-left: 6px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .btn-remove:hover .icon[b-ocz054pofm] {
        opacity: 0.7;
    }

/* =========================
   BOTÓN AGREGAR (SIN FONDO + MÁS ARRIBA)
========================= */
.btn-add-file[b-ocz054pofm] {
    background: transparent !important;
    border: none;
    padding: 0;
    margin-top: -9px; /* ⬅️ lo sube */
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .btn-add-file:hover .icon[b-ocz054pofm] {
        opacity: 0.7;
    }

/* =========================
   CONTENEDOR INPUT + ICONO
========================= */
.file-input-container[b-ocz054pofm] {
    display: flex;
    align-items: center;
}
.alert-info-custom[b-ocz054pofm] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 10px;
    background-color: #e7f3ff;
    border-left: 5px solid #0d6efd;
    color: #0c3c78;
    margin-bottom: 18px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

    .alert-info-custom p[b-ocz054pofm] {
        margin: 0;
        font-size: 14px;
        line-height: 1.5;
    }

.alert-subtext[b-ocz054pofm] {
    margin-top: 6px;
    font-size: 13px;
    color: #1a4f91;
}

.alert-icon i[b-ocz054pofm] {
    font-size: 20px;
    color: #0d6efd;
    margin-top: 2px;
}

.titulo-seccion[b-ocz054pofm] {
    font-weight: 600;
    margin-bottom: 8px;
}
/* /Components/Shared/_FormularioAdjuntosHogar.razor.rz.scp.css */
.alert-info-custom[b-y3vizuggo1] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 10px;
    background-color: #e7f3ff;
    border-left: 5px solid #0d6efd;
    color: #0c3c78;
    margin-bottom: 18px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

    .alert-info-custom p[b-y3vizuggo1] {
        margin: 0;
        font-size: 14px;
        line-height: 1.5;
    }

.alert-subtext[b-y3vizuggo1] {
    margin-top: 6px;
    font-size: 13px;
    color: #1a4f91;
}

.alert-icon i[b-y3vizuggo1] {
    font-size: 20px;
    color: #0d6efd;
    margin-top: 2px;
}

.titulo-seccion[b-y3vizuggo1] {
    font-weight: 600;
    margin-bottom: 8px;
}
/* /Components/Shared/_Loading.razor.rz.scp.css */
.loading-div[b-mv0t5fgg97] {
    display: flex;
    width: 100%;
    height: 100%;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
/* /Components/Shared/_LoadingSpinner.razor.rz.scp.css */

.text-wrapper[b-g5e59k97pz] {
    background: linear-gradient(90deg, #103F83 5.75%, #3F97EF 91.84%);
    -webkit-background-clip: text !important;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-family: "Poppins", Helvetica !important;
    font-weight: 600;
    color: transparent;
    font-size: 35px;
    text-align: center;
    letter-spacing: 0;
    line-height: 47.9px;
    white-space: normal;
}
/* /Components/Shared/_Page403.razor.rz.scp.css */

*[b-0btubaq6fa], *[b-0btubaq6fa]:before, *[b-0btubaq6fa]:after {
    box-sizing: border-box;
}

html[b-0btubaq6fa] {
    height: 100%;
}

body[b-0btubaq6fa] {
    font-family: 'Raleway', sans-serif;
    background-color: #342643;
    height: 100%;
    padding: 10px;
}

a[b-0btubaq6fa] {
    color: #EE4B5E !important;
    text-decoration: none;
}

    a:hover[b-0btubaq6fa] {
        color: #FFFFFF !important;
        text-decoration: none;
    }

.text-wrapper[b-0btubaq6fa] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.title[b-0btubaq6fa] {
    font-size: 5em;
    font-weight: 700;
    color: #EE4B5E;
}

.subtitle[b-0btubaq6fa] {
    font-size: 40px;
    font-weight: 700;
    color: #1FA9D6;
}

.isi[b-0btubaq6fa] {
    font-size: 18px;
    text-align: center;
    margin: 30px;
    padding: 20px;
    color: black;
}

.buttons[b-0btubaq6fa] {
    margin: 30px;
    font-weight: 700;
    border: 2px solid #EE4B5E;
    text-decoration: none;
    padding: 15px;
    text-transform: uppercase;
    color: #EE4B5E;
    border-radius: 26px;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    .buttons:hover

{
    background-color: #EE4B5E;
    color: white;
    transition: all 0.2s ease-in-out;
}

}
}