/*! Portal Documental · diagnóstico (pasos, resultado y autorización)
  Va después de publico.css. Pregunta a la izquierda, campos a la derecha.
  Andrés Madrid · andresmadrid.vercel.app */

/* Solo para lectores de pantalla (el ✓ y el ✕ no se leen) */
.sr{
    position:absolute;
    width:1px; height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
}

/* ---- Progreso ---- */
.progreso{ padding:14px var(--margen) 0; display:flex; align-items:center; gap:20px; }
.progreso__txt{ font:600 13px/1 var(--texto); white-space:nowrap; }
.progreso__barras{ flex:1; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:6px; }
.progreso__barras i{ height:6px; border-radius:999px; background:var(--linea); transition:background .3s var(--curva); }
.progreso__barras i.hecho{ background:var(--mar); }

/* ---- Rejilla del paso ---- */
.paso{
    flex:1;
    display:grid;
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    gap:clamp(32px, 6vw, 88px);
    align-items:start;
    padding:64px var(--margen) 0;
    animation:aparecer .35s var(--curva) backwards;
}
@keyframes aparecer{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }

.paso__intro h1{
    margin:0;
    font:700 clamp(36px, 4.2vw, 60px)/1.02 var(--titulos);
    letter-spacing:-.035em;
    text-wrap:balance;
}
.paso__intro h1:focus{ outline:none; }
.paso--primero .paso__intro h1{ font-size:clamp(36px, 4.5vw, 64px); line-height:1; }

/* ---- Portada ---- */
/* En la portada se estira la sección de preguntas, no el bloque principal. */
.paso--inicio{ flex:0 0 auto; }
.paso--inicio + .preguntas{ flex:1 0 auto; }
.paso--inicio .paso__intro h1{ font-size:clamp(40px, 5.2vw, 72px); line-height:.98; }
.paso--inicio .paso__texto{ font-size:19px; line-height:1.55; max-width:32ch; }
.inicio__eti{
    margin:0 0 18px;
    font:700 12px/1 var(--texto);
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--mar-prof);
}
.inicio__accion{ margin-top:34px; }
.inicio__accion .btn-sol{ height:60px; padding:0 32px; font-size:18px; }
.inicio__tit{ margin:0 0 6px; font:600 14px/1 var(--texto); color:var(--texto-3); }
.inicio__lista{ margin:0; padding:0; list-style:none; }
.inicio__lista li{
    display:flex;
    align-items:center;
    gap:14px;
    padding:14px 0;
    border-bottom:1px solid var(--linea-2);
    font:500 17px/1.35 var(--texto);
}
.inicio__lista span{
    width:32px; height:32px;
    flex:none;
    border-radius:999px;
    background:var(--arena-2);
    display:flex;
    align-items:center;
    justify-content:center;
    font:700 14px/1 var(--titulos);
}
.inicio__nota{ margin:18px 0 0; font:400 14.5px/1.55 var(--texto); color:var(--texto-3); }

/* ---- Preguntas frecuentes (portada) ----
   Título a la izquierda, preguntas a la derecha. */
.preguntas{
    display:grid;
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    gap:clamp(32px, 6vw, 88px);
    align-items:start;
    padding:96px var(--margen) 0;
}
.preguntas__intro h2{
    margin:0;
    font:700 clamp(30px, 3vw, 42px)/1.05 var(--titulos);
    letter-spacing:-.03em;
}
.preguntas__intro p{ margin:14px 0 0; font:400 17px/1.55 var(--texto); color:var(--texto-2); max-width:32ch; }
.preguntas__lista{ display:flex; flex-direction:column; gap:10px; }
.pregunta{
    border:1px solid var(--linea);
    border-radius:18px;
    background:var(--superficie);
    transition:border-color .18s var(--curva);
}
.pregunta[open]{ border-color:var(--linea-3); }
.pregunta summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:20px 24px;
    font:600 17px/1.35 var(--texto);
    cursor:pointer;
    list-style:none;
}
.pregunta summary::-webkit-details-marker{ display:none; }
/* + que gira a × al abrir */
.pregunta summary::after{
    content:'+';
    width:32px; height:32px;
    flex:none;
    border-radius:999px;
    background:var(--arena-2);
    display:flex;
    align-items:center;
    justify-content:center;
    font:500 20px/1 var(--texto);
    transition:transform .2s var(--curva);
}
.pregunta[open] summary::after{ transform:rotate(45deg); }
.pregunta summary:hover::after{ background:var(--mar-suave); }
.pregunta p{ margin:0; padding:0 24px 22px; font:400 16px/1.6 var(--texto); color:var(--texto-2); max-width:62ch; }

/* ---- Contáctenos (portada) y burbuja (todas las pantallas) ----
   Tarjeta como los paneles del sitio y dos botones iguales; WhatsApp se
   distingue solo por el ícono verde. Sin naranja (ya está el de Comenzar). */
.contactenos{ padding:96px var(--margen) 0; }
.contactenos__caja{
    display:grid;
    grid-template-columns:minmax(0,5fr) minmax(0,6fr);
    gap:28px clamp(32px, 5vw, 72px);
    align-items:center;
    padding:clamp(28px, 4vw, 48px);
    border-radius:28px;
    border:1px solid var(--linea);
    background:var(--superficie);
    box-shadow:var(--sombra-tarjeta);
}
.contactenos__eti{
    margin:0 0 14px;
    font:700 12px/1 var(--texto);
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--mar-prof);
}
.contactenos h2{ margin:0; font:700 clamp(28px, 3vw, 40px)/1.05 var(--titulos); letter-spacing:-.03em; }
.contactenos__txt{ margin:14px 0 0; font:400 17px/1.55 var(--texto); color:var(--texto-2); max-width:38ch; }
.contactenos__botones{ display:flex; flex-direction:column; gap:12px; }
.contactenos__btn{
    --wa:#0F7B3F;
    --wa-suave:rgba(15,123,63,.12);
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    gap:16px;
    min-height:78px;
    padding:14px 16px 14px 14px;
    border-radius:18px;
    border:1px solid var(--linea-2);
    background:var(--crema);
    color:var(--tinta);
    text-decoration:none;
    transition:transform .18s var(--curva), border-color .18s var(--curva), background .18s var(--curva);
    -webkit-tap-highlight-color:transparent;
}
html[data-tema="oscuro"] .contactenos__btn{ --wa:#4ADE80; --wa-suave:rgba(74,222,128,.14); }
.contactenos__btn > *:not(.onda){ position:relative; z-index:1; }
.contactenos__btn:hover{ color:var(--tinta); background:var(--superficie); border-color:var(--mar); transform:translateY(-2px); }
.contactenos__btn:active{ transform:scale(.97); transition-duration:.08s; }
.contactenos__ico{
    width:48px; height:48px;
    flex:none;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--mar-suave);
    color:var(--mar-prof);
}
.contactenos__btn--wa .contactenos__ico{ background:var(--wa-suave); color:var(--wa); }
.contactenos__ico svg{ width:24px; height:24px; }
.contactenos__dato{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.contactenos__dato small{ font:500 13.5px/1.3 var(--texto); color:var(--texto-3); }
.contactenos__dato b{ font:700 18px/1.25 var(--texto); }
.contactenos__accion{
    flex:none;
    padding:9px 14px;
    border-radius:999px;
    border:1px solid var(--linea);
    background:var(--superficie);
    font:600 13.5px/1 var(--texto);
    color:var(--texto-2);
}
/* Onda que sale del punto donde se toca */
.onda{
    position:absolute;
    border-radius:50%;
    background:var(--mar);
    opacity:.2;
    transform:scale(0);
    pointer-events:none;
    animation:onda .6s var(--curva) forwards;
}
@keyframes onda{ to{ transform:scale(1); opacity:0; } }

/* Burbuja: abajo a la derecha; se esconde con el cuadro en pantalla */
.burbuja{
    position:fixed;
    right:clamp(16px, 3vw, 32px);
    bottom:clamp(16px, 3vw, 32px);
    z-index:90;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:12px;
    transition:opacity .25s var(--curva), transform .3s var(--curva);
}
.burbuja--oculta{ opacity:0; transform:translateY(16px) scale(.9); pointer-events:none; }
.burbuja__btn{
    position:relative;
    width:62px; height:62px;
    border:0;
    border-radius:50%;
    background:var(--mar-prof);
    color:var(--arena);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    box-shadow:0 14px 30px -10px rgba(0,107,123,.7);
    transition:transform .2s var(--curva);
    -webkit-tap-highlight-color:transparent;
}
.burbuja__btn:hover{ transform:scale(1.06); }
.burbuja__btn:active{ transform:scale(.92); transition-duration:.08s; }
.burbuja__btn svg{ position:absolute; width:28px; height:28px; transition:transform .3s var(--curva), opacity .2s var(--curva); }
.burbuja__cerrar{ opacity:0; transform:rotate(-90deg) scale(.5); }
.burbuja.abierta .burbuja__abrir{ opacity:0; transform:rotate(90deg) scale(.5); }
.burbuja.abierta .burbuja__cerrar{ opacity:1; transform:none; }
/* Late tres veces al llegar, para que se note */
.burbuja__btn::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:50%;
    animation:latido 2.4s ease-out 1.5s 3;
}
@keyframes latido{
    0%  { box-shadow:0 0 0 0 rgba(0,161,184,.5); }
    70% { box-shadow:0 0 0 18px rgba(0,161,184,0); }
    100%{ box-shadow:0 0 0 0 rgba(0,161,184,0); }
}
.burbuja__menu{
    width:min(330px, calc(100vw - 32px));
    padding:18px;
    border-radius:22px;
    background:var(--superficie);
    border:1px solid var(--linea);
    box-shadow:0 30px 70px -20px rgba(0,0,0,.45);
    transform-origin:100% 100%;
    animation:abre-burbuja .28s var(--curva);
}
@keyframes abre-burbuja{ from{ opacity:0; transform:translateY(10px) scale(.9); } to{ opacity:1; transform:none; } }
.burbuja__tit{ margin:0; font:700 21px/1.2 var(--titulos); letter-spacing:-.02em; }
.burbuja__txt{ margin:4px 0 14px; font:400 14px/1.5 var(--texto); color:var(--texto-2); }
.burbuja__menu .contactenos__botones{ gap:8px; }
.contactenos__btn--mini{ min-height:62px; gap:12px; padding:10px 12px; border-radius:14px; }
.contactenos__btn--mini .contactenos__ico{ width:40px; height:40px; border-radius:11px; }
.contactenos__btn--mini .contactenos__ico svg{ width:21px; height:21px; }
.contactenos__btn--mini .contactenos__dato b{ font-size:15.5px; }
.contactenos__btn--mini .contactenos__accion{ display:none; }
/* Que la burbuja no tape el pie al final de la página */
.con-burbuja .pie{ padding-bottom:104px; }
.paso__texto{
    margin:22px 0 0;
    font:400 18px/1.6 var(--texto);
    color:var(--texto-2);
    max-width:36ch;
    text-wrap:pretty;
}
.paso--primero .paso__texto{ font-size:19px; line-height:1.55; max-width:30ch; }
.consejo{ margin-top:32px; display:flex; gap:12px; align-items:flex-start; max-width:36ch; }
.consejo__i{
    width:26px; height:26px;
    flex:none;
    border-radius:999px;
    background:var(--mar-suave);
    color:var(--mar-prof);
    display:flex;
    align-items:center;
    justify-content:center;
    font:700 13px/1 var(--texto);
}
.consejo p{ margin:2px 0 0; font:400 15px/1.55 var(--texto); color:var(--texto-2); }

/* ---- Panel blanco ---- */
.panel{
    padding:28px;
    border-radius:24px;
    background:var(--superficie);
    border:1px solid var(--linea);
}
.panel + .panel, .eleccion + .panel, .eleccion + #zona-bienes > .panel{ margin-top:14px; }

/* ---- Campos ---- */
.campo{
    width:100%;
    height:52px;
    padding:0 16px;
    border:1.5px solid var(--linea);
    border-radius:14px;
    background:transparent;
    color:var(--tinta);
    font:500 16px/1 var(--texto);
    transition:border-color .15s, box-shadow .15s;
}
.campo::placeholder{ color:var(--texto-3); opacity:.7; }
.campo:focus{ outline:none; border-color:var(--mar); box-shadow:0 0 0 4px var(--anillo); }
.campo.error{ border-color:var(--error); background:var(--error-suave); }

.dinero{ position:relative; }
.dinero > span{
    position:absolute;
    left:16px; top:50%;
    transform:translateY(-50%);
    font:500 16px/1 var(--texto);
    color:var(--texto-3);
    pointer-events:none;
}
.dinero .campo{
    padding-left:32px;
    text-align:right;
    font-weight:600;
    font-variant-numeric:tabular-nums;
}
.dinero--grande > span{ left:20px; font:500 26px/1 var(--titulos); }
.dinero--grande .campo{
    height:64px;
    padding-left:46px;
    padding-right:20px;
    border-width:2px;
    border-radius:16px;
    text-align:left;
    font:600 26px/1 var(--titulos);
}
.etiqueta{ display:block; margin-bottom:10px; font:600 14px/1.3 var(--texto); }
.etiqueta small{ font-weight:400; color:var(--texto-3); }
.bloque-campo{ margin-top:24px; }
.bloque-campo + .bloque-campo{ margin-top:20px; }
.ayuda-campo{ margin:8px 0 0; font:400 13.5px/1.45 var(--texto); color:var(--texto-3); }

/* ---- Filas: descripción + valor ---- */
.filas-cab,
.fila{
    display:grid;
    grid-template-columns:minmax(0,1fr) 190px 36px;
    gap:10px;
}
.filas-cab{ margin-top:22px; font:600 12.5px/1 var(--texto); color:var(--texto-3); }
.panel > .filas-cab:first-child{ margin-top:0; }
.filas{ margin-top:10px; display:flex; flex-direction:column; gap:10px; }
.fila{ align-items:center; }
.quitar{
    width:36px; height:36px;
    border:0;
    border-radius:10px;
    background:transparent;
    color:var(--texto-3);
    font-size:20px;
    line-height:1;
    cursor:pointer;
}
.quitar:hover{ background:var(--arena-2); color:var(--tinta); }
.anadir{ margin-top:12px; }
/* Cómo llenar las filas: qué va en cada casilla y un ejemplo */
.guia{
    padding:16px 18px;
    border-radius:16px;
    background:var(--mar-suave);
    color:var(--mar-tinta);
}
.guia__tit{ margin:0 0 10px; font:700 12px/1 var(--texto); letter-spacing:.12em; text-transform:uppercase; color:var(--mar-prof); }
.guia__lista{ margin:0; padding:0; list-style:none; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px 18px; }
.guia__lista li{ display:flex; gap:10px; align-items:flex-start; }
.guia__n{
    width:24px; height:24px;
    flex:none;
    border-radius:999px;
    background:var(--mar);
    color:#111111;
    display:flex;
    align-items:center;
    justify-content:center;
    font:700 12.5px/1 var(--titulos);
}
.guia__lista b{ display:block; font:700 14.5px/1.3 var(--texto); color:var(--tinta); }
.guia__lista small{ display:block; margin-top:2px; font:400 13.5px/1.45 var(--texto); color:var(--texto-2); }
.guia__ej{
    margin:12px 0 0;
    padding-top:12px;
    border-top:1px dashed rgba(0,107,123,.3);
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    font:500 13.5px/1.3 var(--texto);
}
.guia__ej span{ color:var(--texto-3); margin-right:2px; }
.guia__ej em{
    font-style:normal;
    font-weight:600;
    padding:6px 10px;
    border-radius:9px;
    background:var(--superficie);
    border:1px solid var(--linea);
    color:var(--tinta);
}
.aviso-letras{ margin:10px 0 0; padding:10px 12px; border-radius:12px; background:var(--ambar-suave); color:var(--ambar-tinta); font:500 13.5px/1.45 var(--texto); }

/* ---- Totales ---- */
.total{
    margin-top:20px;
    padding:18px 22px;
    border-radius:16px;
    background:var(--mar-suave);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px 16px;
    flex-wrap:wrap;
}
.total > span{ font:600 15px/1.3 var(--texto); color:var(--mar-tinta); }
.total > strong{
    font:700 28px/1 var(--titulos);
    letter-spacing:-.02em;
    font-variant-numeric:tabular-nums;
}
.total > small{ flex-basis:100%; font:500 13.5px/1.4 var(--texto); color:var(--mar-tinta); }
.total--arena{ background:var(--arena-2); }
.total--arena > span{ color:var(--tinta); }

/* Lo que queda al mes, con barra. Cian suave de día, translúcido de noche,
   ámbar si falta plata. Cifra en cian profundo (5,5:1). */
.queda{
    margin-top:12px;
    padding:20px 22px;
    border-radius:16px;
    background:var(--mar-suave);
    border:1px solid rgba(0,161,184,.22);
    color:var(--tinta);
}
.queda__fila{ display:flex; align-items:flex-end; justify-content:space-between; gap:8px 16px; flex-wrap:wrap; }
.queda__eti{ font:600 15px/1.3 var(--texto); }
.queda__sub{ margin-top:4px; font:400 13.5px/1.4 var(--texto); color:var(--texto-2); }
.queda__valor{
    font:700 32px/1 var(--titulos);
    letter-spacing:-.02em;
    color:var(--mar-prof);
    font-variant-numeric:tabular-nums;
}
.queda__barra{
    margin-top:16px;
    height:8px;
    border-radius:999px;
    background:rgba(17,17,17,.08);
    display:flex;
    overflow:hidden;
}
.queda__barra i{ transition:width .3s var(--curva); }
.queda__barra .g{ background:rgba(17,17,17,.28); }
.queda__barra .q{ background:var(--mar); }
.queda__leyenda{ margin-top:8px; display:flex; justify-content:space-between; gap:12px; font:500 12.5px/1.2 var(--texto); color:var(--texto-2); }
.queda--falta{ background:var(--ambar-suave); border-color:rgba(250,155,2,.35); }
.queda--falta .queda__valor{ color:var(--ambar-tinta); }
.queda--falta .queda__barra .g{ background:var(--sol); }
/* De noche: claro sobre oscuro */
html[data-tema="oscuro"] .queda{ border-color:rgba(69,201,218,.22); }
html[data-tema="oscuro"] .queda__barra{ background:rgba(244,237,225,.14); }
html[data-tema="oscuro"] .queda__barra .g{ background:rgba(244,237,225,.45); }
html[data-tema="oscuro"] .queda__barra .q{ background:#45C9DA; }
html[data-tema="oscuro"] .queda--falta{ border-color:rgba(250,155,2,.3); }
html[data-tema="oscuro"] .queda--falta .queda__barra .g{ background:#FFB45C; }

/* ---- Navegación del paso ---- */
.nav-paso{ margin-top:22px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.aviso-paso{ margin:16px 0 0; font:600 14.5px/1.4 var(--texto); color:var(--error); }

/* ---- Tarjetas de elección ---- */
.opciones{ display:flex; flex-direction:column; gap:14px; }
.opcion{
    width:100%;
    display:flex;
    align-items:center;
    gap:22px;
    padding:26px 28px;
    border:1.5px solid var(--linea);
    border-radius:22px;
    background:var(--superficie);
    box-shadow:0 1px 2px rgba(0,0,0,.06);
    text-align:left;
    cursor:pointer;
    transition:transform .18s var(--curva), box-shadow .18s var(--curva), border-color .18s var(--curva);
}
.opcion:hover{ transform:translateY(-2px); }
.opcion.activa{
    border-color:var(--mar);
    background:var(--elegida);
    box-shadow:0 0 0 4px var(--anillo), 0 14px 30px -18px rgba(0,0,0,.35);
}
.opcion__letra{
    width:44px; height:44px;
    flex:none;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--arena-2);
    color:var(--tinta);
    font:700 16px/1 var(--titulos);
}
.opcion.activa .opcion__letra{ background:var(--oscuro); color:var(--oscuro-txt); }
.opcion__txt{ flex:1; min-width:0; }
.opcion__txt b{ display:block; font:600 22px/1.2 var(--titulos); letter-spacing:-.01em; }
.opcion__txt small{ display:block; margin-top:6px; font:400 16px/1.5 var(--texto); color:var(--texto-2); }
.opcion__flecha{
    width:44px; height:44px;
    flex:none;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--arena-2);
    font:600 18px/1 var(--texto);
}
.opcion.activa .opcion__flecha{ background:var(--sol); color:var(--sol-txt); }

.confidencial{
    margin:22px 0 0;
    display:flex;
    align-items:center;
    gap:10px;
    font:500 14px/1.4 var(--texto);
    color:var(--texto-2);
}
.confidencial svg{ width:15px; height:17px; flex:none; color:var(--mar-prof); }

/* Sí / No, en dos columnas */
.eleccion{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; }
.eleccion .opcion{ padding:24px; gap:14px; border-radius:20px; }
.radio{
    width:24px; height:24px;
    flex:none;
    border-radius:999px;
    border:2px solid var(--linea-3);
    display:flex;
    align-items:center;
    justify-content:center;
}
.radio i{ width:10px; height:10px; border-radius:999px; background:transparent; }
.opcion.activa .radio{ border-color:var(--mar); }
.opcion.activa .radio i{ background:var(--oscuro); }
.eleccion .opcion b{ font:600 19px/1.2 var(--titulos); }

/* ---- Deudas: una ficha por acreedor ---- */
.deudas{ margin-top:22px; display:flex; flex-direction:column; gap:10px; }
.ficha{
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 10px 8px 8px;
    border-radius:16px;
    background:var(--crema);
    border:1px solid var(--linea-2);
}
.ficha__abrir{
    flex:1;
    min-width:0;
    display:flex;
    align-items:center;
    gap:16px;
    padding:8px 10px;
    border:0;
    border-radius:12px;
    background:transparent;
    text-align:left;
    cursor:pointer;
}
.ficha__abrir:hover{ background:var(--hover); }
.ficha__ini{
    width:42px; height:42px;
    flex:none;
    border-radius:12px;
    background:var(--oscuro);
    color:var(--oscuro-txt);
    display:flex;
    align-items:center;
    justify-content:center;
    font:700 14px/1 var(--titulos);
}
.ficha__txt{ flex:1; min-width:0; }
.ficha__txt b{ display:block; font:600 16px/1.3 var(--texto); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ficha__txt small{ display:block; margin-top:3px; font:400 14px/1.4 var(--texto); color:var(--texto-3); }
.ficha__monto{ display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
.ficha__monto strong{
    font:700 18px/1 var(--titulos);
    letter-spacing:-.01em;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
}
/* Más de 90 días cuenta para la ley; 90 o menos, en rojo */
.etiqueta-mora{
    padding:4px 8px;
    border-radius:999px;
    background:var(--mar-suave);
    color:var(--mar-prof);
    font:700 11.5px/1.2 var(--texto);
    white-space:nowrap;
}
.etiqueta-mora--no{ background:var(--error-suave); color:var(--error); }

.editor{
    padding:18px;
    border-radius:16px;
    border:1.5px solid var(--mar);
    background:var(--superficie);
    box-shadow:0 0 0 4px var(--anillo);
}
.editor__rejilla{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; }
.editor__rejilla label{ display:flex; flex-direction:column; gap:8px; font:600 13.5px/1.3 var(--texto); }
.editor__rejilla label small{ font-weight:400; color:var(--texto-3); }
.editor__pie{ margin-top:14px; display:flex; justify-content:flex-end; gap:8px; }

/* Más de 90 días: Sí en cian, No en rojo */
.d-mora-campo{ display:flex; flex-direction:column; gap:8px; font:600 13.5px/1.3 var(--texto); }
.d-mora{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.d-mora__op{
    height:52px;
    border:1.5px solid var(--linea);
    border-radius:14px;
    background:transparent;
    color:var(--tinta);
    font:600 16px/1 var(--texto);
    cursor:pointer;
    transition:border-color .15s, background .15s, box-shadow .15s;
}
.d-mora__op:hover{ background:var(--hover); }
.d-mora__op:focus-visible{ outline:none; border-color:var(--mar); box-shadow:0 0 0 4px var(--anillo); }
.d-mora__op.activa{ border-color:var(--mar); background:var(--mar-suave); color:var(--mar-prof); }
.d-mora__op--no.activa{ border-color:var(--error); background:var(--error-suave); color:var(--error); }
.d-mora.error .d-mora__op{ border-color:var(--error); background:var(--error-suave); }
.d-mora-nota{ font:500 13px/1.4 var(--texto); color:var(--error); }
.d-mora-nota:empty{ display:none; }
.d-mora-nota--ok{ color:var(--mar-prof); }

/* Consejo en rojo (deudas de 90 días o menos) */
.consejo--ojo .consejo__i{ background:var(--error-suave); color:var(--error); }

/* Lo que pide la ley, arriba de las deudas */
.ley{
    padding:18px 20px;
    border-radius:16px;
    background:var(--crema);
    border:1px solid var(--linea-2);
}
.ley__tit{ margin:0; font:700 12px/1 var(--texto); letter-spacing:.12em; text-transform:uppercase; color:var(--mar-prof); }
.ley__lista{ margin:14px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:12px; }
.ley__req{ display:flex; align-items:flex-start; gap:12px; }
.ley__ico{
    width:24px; height:24px;
    flex:none;
    border-radius:999px;
    background:var(--arena-2);
    color:var(--texto-2);
    display:flex;
    align-items:center;
    justify-content:center;
    font:700 12px/1 var(--texto);
}
.ley__req--ok .ley__ico{ background:var(--mar); color:#111111; }
.ley__txt{ min-width:0; }
.ley__txt b{ display:block; font:600 14.5px/1.4 var(--texto); }
.ley__va{ display:block; margin-top:2px; font:400 13.5px/1.45 var(--texto); color:var(--texto-3); overflow-wrap:anywhere; }
.ley__req--ok .ley__va{ color:var(--mar-prof); font-weight:600; }

/* ---- Proyección de cuotas en el resultado ---- */
.proyeccion{
    margin-top:14px;
    padding:18px 20px;
    border-radius:16px;
    background:var(--superficie);
    border:1px solid var(--linea);
}
/* Riesgo alto = urgente: borde, barra y título en rojo. */
.proyeccion--alto{ border-color:var(--error); }
.proyeccion__cab{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.proyeccion__eti{ font:600 13px/1.3 var(--texto); color:var(--texto-3); }
.proyeccion__cifra{ margin-top:10px; display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; }
.proyeccion__cifra strong{ font:700 40px/1 var(--titulos); letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.proyeccion__cifra span{ font:500 15px/1.35 var(--texto); color:var(--texto-2); }
.proyeccion__barra{ margin-top:14px; position:relative; height:8px; border-radius:999px; background:var(--linea-2); }
.proyeccion__barra i{ position:absolute; left:0; top:0; bottom:0; border-radius:999px; background:var(--mar); }
.proyeccion--alto .proyeccion__barra i{ background:var(--error); }
.proyeccion__marca{ position:absolute; left:50%; top:-5px; width:2px; height:18px; border-radius:2px; background:var(--tinta); }
.proyeccion__marca-txt{ position:relative; height:22px; }
.proyeccion__marca-txt span{
    position:absolute;
    left:50%; top:8px;
    transform:translateX(-50%);
    font:500 12.5px/1 var(--texto);
    color:var(--texto-3);
    white-space:nowrap;
}
.proyeccion__titulo{ margin:12px 0 0; font:700 18px/1.3 var(--titulos); }
.proyeccion--bajo .proyeccion__titulo{ color:var(--mar-prof); }
.proyeccion--alto .proyeccion__titulo{ color:var(--error); }
.proyeccion__txt{ margin:6px 0 0; font:400 15px/1.55 var(--texto); color:var(--texto-2); }

/* "Caso urgente": late cada 1,2 s (lejos del límite de WCAG). Quieta con
   "reducir movimiento". #D92D20 con blanco: 4,8:1. */
.urgente{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:5px 10px 5px 9px;
    border-radius:999px;
    background:#B42318;
    color:#FFFFFF;
    font:700 11.5px/1 var(--texto);
    letter-spacing:.06em;
    text-transform:uppercase;
    white-space:nowrap;
    animation:urgente-latido 1.2s ease-in-out infinite;
}
.urgente::before{
    content:'';
    width:7px; height:7px;
    flex:none;
    border-radius:50%;
    background:#FFFFFF;
    animation:urgente-punto 1.2s ease-in-out infinite;
}
@keyframes urgente-latido{
    0%  { background-color:#B42318; box-shadow:0 0 0 0 rgba(217,45,32,.55); }
    50% { background-color:#D92D20; }
    70% { box-shadow:0 0 0 9px rgba(217,45,32,0); }
    100%{ background-color:#B42318; box-shadow:0 0 0 0 rgba(217,45,32,0); }
}
@keyframes urgente-punto{
    0%, 100%{ opacity:1; }
    50%     { opacity:.2; }
}

/* ---- Llamado a contactar, en todos los resultados ---- */
.llamado{
    margin-top:14px;
    padding:20px 22px;
    border-radius:16px;
    background:var(--mar-suave);
    color:var(--mar-tinta);
}
.llamado__titulo{ margin:0; font:700 20px/1.25 var(--titulos); color:var(--tinta); }
.llamado__txt{ margin:6px 0 0; font:400 15px/1.55 var(--texto); }
.llamado__botones{ margin-top:14px; display:flex; gap:8px; flex-wrap:wrap; }
.llamado__btn{
    display:inline-flex;
    align-items:center;
    min-height:44px;
    padding:0 16px;
    border-radius:12px;
    background:var(--superficie);
    color:var(--tinta);
    font:600 14.5px/1.2 var(--texto);
    text-decoration:none;
    word-break:break-all;
}
.llamado__btn:hover{ color:var(--tinta); box-shadow:0 0 0 2px var(--mar); }
/* Verde de WhatsApp oscurecido para que el blanco llegue a 5:1 */
.llamado__btn--wa{ background:#0F7B3F; color:#FFFFFF; word-break:normal; }
.llamado__btn--wa:hover{ color:#FFFFFF; background:#0B6433; box-shadow:none; }
/* Urgente: rojo suave con título rojo, en los dos temas. */
.llamado--urgente{
    background:var(--error-suave);
    border:1px solid var(--error);
    color:var(--texto-2);
}
.llamado--urgente .llamado__titulo{ margin-top:12px; color:var(--error); }
.llamado--urgente .llamado__txt{ color:var(--texto-2); }
.llamado--urgente .llamado__btn:not(.llamado__btn--wa){ border:1px solid var(--linea); }

/* ---- Resultado ---- */
.resultado__intro{ position:relative; }
/* Marca de la fundación detrás del resultado (el PNG ya viene al 10 %). */
.resultado__agua{
    position:absolute;
    left:50%; top:46%;
    width:min(420px, 90%);
    aspect-ratio:560 / 417;
    transform:translate(-50%, -50%) rotate(-10deg);
    background:url('../img/logo-agua.png') center / contain no-repeat;
    pointer-events:none;
}
html[data-tema="oscuro"] .resultado__agua{ opacity:.5; filter:invert(1); }
.resultado__intro > *:not(.resultado__agua){ position:relative; }

/* Dos filas: título | proyección, detalle | formulario. */
.paso--resultado{
    grid-template-areas:
        "titulo  destacado"
        "detalle accion";
    row-gap:40px;
}
.resultado__titulo{ grid-area:titulo; }
.resultado__titulo h1{ margin-top:22px; font-size:clamp(34px, 3.7vw, 54px); }
/* Pegado al texto del título */
.resultado__destacado{ grid-area:destacado; align-self:end; }
.resultado__destacado > *{ margin-top:0; }
.resultado__detalle{ grid-area:detalle; }
.resultado__detalle > .criterios:first-of-type{ margin-top:0; }
.resultado__accion{ grid-area:accion; }

.insignia{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 14px 8px 8px;
    border-radius:999px;
    background:var(--mar-suave);
    color:var(--mar-tinta);
    font:700 13.5px/1 var(--texto);
}
.insignia i{
    width:22px; height:22px;
    border-radius:999px;
    background:var(--mar);
    color:#111111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-style:normal;
    font-size:12px;
}
.insignia--ambar{ background:var(--ambar-suave); color:var(--ambar-tinta); }
.insignia--ambar i{ background:var(--sol); }

.criterios{ margin:30px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:10px; }
.criterio{
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:15px 18px;
    border-radius:16px;
    background:var(--superficie);
    border:1px solid var(--linea);
}
.criterio__ico{
    width:26px; height:26px;
    flex:none;
    border-radius:999px;
    background:var(--mar);
    color:#111111;
    display:flex;
    align-items:center;
    justify-content:center;
    font:700 13px/1 var(--texto);
}
.criterio--no .criterio__ico{ background:var(--ambar-suave); color:var(--ambar-tinta); }
.criterio__cuerpo{ flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; }
.criterio__txt{ flex:1; min-width:12ch; font:600 15.5px/1.4 var(--texto); }
.criterio__min{ font:500 13px/1.4 var(--texto); color:var(--texto-3); white-space:nowrap; }
.criterio__barra{ flex-basis:100%; margin-top:10px; position:relative; height:8px; border-radius:999px; background:var(--linea-2); }
.criterio__barra i{ position:absolute; left:0; top:0; bottom:0; border-radius:999px; background:var(--mar); }
.criterio--no .criterio__barra i{ background:var(--sol); }
.criterio__marca{ position:absolute; left:30%; top:-5px; width:2px; height:18px; border-radius:2px; background:var(--tinta); }
.criterio__marca-txt{
    flex-basis:100%;
    position:relative;
    height:22px;
}
.criterio__marca-txt span{
    position:absolute;
    left:30%; top:8px;
    transform:translateX(-50%);
    font:500 12.5px/1 var(--texto);
    color:var(--texto-3);
    white-space:nowrap;
}

.resultado__nota{ margin:22px 0 0; font:400 13px/1.6 var(--texto); color:var(--texto-3); max-width:56ch; }
.resultado__extra{ margin:18px 0 0; font:400 15px/1.55 var(--texto); color:var(--texto-2); max-width:44ch; }

.contacto{
    position:sticky;
    top:24px;
    padding:32px;
    border-radius:24px;
    background:var(--superficie);
    border:1px solid var(--linea);
    box-shadow:var(--sombra-tarjeta);
}
.contacto h2{ margin:0; font:700 28px/1.1 var(--titulos); letter-spacing:-.02em; }
.contacto > p{ margin:10px 0 0; font:400 16px/1.55 var(--texto); color:var(--texto-2); }
.contacto__campos{ margin-top:26px; display:flex; flex-direction:column; gap:18px; }
.contacto__campos label > span{ display:block; margin-bottom:9px; font:600 14px/1 var(--texto); }
.contacto__campos .campo{ height:54px; }
.contacto .btn-sol{ width:100%; height:58px; margin-top:26px; }
/* Aviso de Spam y Promociones: resaltado, la gente no lo veía en gris */
.contacto > .contacto__nota, .contacto__nota{ margin:14px 0 0; padding:10px 14px; border-radius:10px; background:var(--ambar-suave); border-left:4px solid var(--sol); text-align:left; font:500 14px/1.5 var(--texto); color:var(--ambar-tinta); }
.contacto__nota strong{ font-weight:700; color:inherit; }
.contacto__otra{ margin-top:18px; padding-top:18px; border-top:1px solid var(--linea-2); text-align:center; }
.contacto__otra button{ border:0; background:none; color:var(--mar-prof); font:600 14.5px/1 var(--texto); text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.contacto__otra button:hover{ color:#F2801C; }
.envio{
    margin:16px 0 0;
    padding:14px 16px;
    border-radius:14px;
    background:var(--mar-suave);
    color:var(--mar-tinta);
    font:500 14.5px/1.5 var(--texto);
}
.envio--ojo{ background:var(--ambar-suave); color:var(--ambar-tinta); }
/* Paso 6 y confirmación en el resultado */
.contacto > .contacto__campos:first-child{ margin-top:0; }
.contacto--hecho .insignia{ margin-bottom:16px; }
.envio .btn-texto{ display:inline; margin:0 0 0 4px; padding:0; font-weight:700; }

/* ---- Autorización de datos ---- */
.velo{
    position:fixed;
    inset:0;
    z-index:100;
    display:flex;
    padding:24px;
    overflow-y:auto;
    background:rgba(0,0,0,.6);
    backdrop-filter:blur(2px);
}
.dialogo{
    width:100%;
    max-width:920px;
    margin:auto;
    background:var(--superficie);
    border-radius:28px;
    box-shadow:0 40px 100px -20px rgba(0,0,0,.55);
    overflow:hidden;
    animation:aparecer .3s var(--curva) backwards;
}
.dialogo__cab{ padding:40px 48px 0; }
.dialogo__sello{ display:flex; align-items:center; gap:12px; }
.dialogo__sello i{
    width:44px; height:44px;
    border-radius:14px;
    background:var(--mar-suave);
    color:var(--mar-prof);
    display:flex;
    align-items:center;
    justify-content:center;
}
.dialogo__sello i svg{ width:17px; height:20px; }
.dialogo__sello span{ font:700 12px/1 var(--texto); letter-spacing:.14em; text-transform:uppercase; color:var(--mar-prof); }
.dialogo h2{ margin:18px 0 0; font:700 36px/1.08 var(--titulos); letter-spacing:-.025em; }
.dialogo__cab p{ margin:14px 0 0; font:400 16.5px/1.6 var(--texto); color:var(--texto-2); text-wrap:pretty; }
.dialogo__bloques{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; padding:24px 48px 0; }
.dialogo__bloque{ padding:22px 24px; border-radius:18px; background:var(--crema); border:1px solid var(--linea-2); }
.dialogo__bloque b{ font:700 15px/1.35 var(--texto); }
.dialogo__bloque p{ margin:10px 0 0; font:400 14.5px/1.6 var(--texto); color:var(--texto-2); }
.dialogo__promesa{
    margin:14px 48px 0;
    padding:20px 24px;
    border-radius:18px;
    background:var(--mar-suave);
    display:flex;
    gap:16px;
    align-items:flex-start;
}
.dialogo__promesa i{
    width:36px; height:36px;
    flex:none;
    border-radius:12px;
    background:var(--mar);
    color:#111111;
    display:flex;
    align-items:center;
    justify-content:center;
    font:700 16px/1 var(--texto);
    font-style:normal;
}
.dialogo__promesa p{ margin:0; font:500 15.5px/1.55 var(--texto); color:var(--mar-tinta); }
.dialogo__letra{ margin:16px 48px 0; font:400 13.5px/1.6 var(--texto); color:var(--texto-3); }
.dialogo__pie{
    margin-top:28px;
    padding:22px 48px;
    background:var(--crema);
    border-top:1px solid var(--linea-2);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px 24px;
    flex-wrap:wrap;
}
.dialogo__botones{ display:flex; align-items:center; gap:8px; }
.casilla{ display:flex; align-items:center; gap:14px; cursor:pointer; font:600 15px/1.4 var(--texto); max-width:44ch; }
.casilla input{
    appearance:none;
    -webkit-appearance:none;
    width:26px; height:26px;
    flex:none;
    margin:0;
    border:2px solid #B9AC95;
    border-radius:8px;
    background:var(--superficie) center / 16px no-repeat;
    cursor:pointer;
}
.casilla input:checked{
    border-color:var(--mar);
    background-color:var(--mar);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B2F38' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
.casilla input:focus-visible{ outline:3px solid var(--mar); outline-offset:2px; }

/* Autorización como paso (diagnóstico y consultas) */
.bloques{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; }
.letra{ margin:18px 0 0; font:400 14px/1.6 var(--texto); color:var(--texto-3); }
.casilla--paso{
    margin-top:18px;
    padding:16px 18px;
    max-width:none;
    align-items:flex-start;
    border-radius:16px;
    background:var(--mar-suave);
    color:var(--mar-tinta);
}
.casilla--paso input{ margin-top:1px; }
.casilla--paso input.error{ border-color:var(--error); background-color:var(--error-suave); }

/* ---- Salir sin enviar ---- */
.dialogo--salir{ max-width:580px; }
.dialogo--salir .dialogo__pie{ justify-content:flex-end; }
.dialogo__sello--ojo i{
    background:var(--ambar-suave);
    color:var(--ambar-tinta);
    font:800 21px/1 var(--titulos);
    font-style:normal;
}
.dialogo__sello--ojo span{ color:var(--ambar-tinta); }

/* ---- Aviso antes del Portal Documental y antes de escribirnos ---- */
/* Más angosto que la autorización; botones a la derecha. */
.dialogo--portal, .dialogo--contacto{ max-width:720px; }
.dialogo--portal .dialogo__pie, .dialogo--contacto .dialogo__pie{ justify-content:flex-end; }
.dialogo__sello i .dialogo__ico{ width:21px; height:21px; }
.dialogo--contacto .btn-atras{ text-decoration:none; }

/* ---- Pantallas angostas ---- */
@media (max-width:900px){
    /* minmax(0,1fr): con 1fr una ficha larga empujaba la página fuera de pantalla. */
    .paso{ grid-template-columns:minmax(0,1fr); gap:28px; padding-top:36px; }
    /* Una columna: título, proyección, detalle, formulario */
    .paso--resultado{ grid-template-areas:"titulo" "destacado" "detalle" "accion"; row-gap:24px; }
    .resultado__destacado{ align-self:auto; }
    .preguntas{ grid-template-columns:minmax(0,1fr); gap:20px; padding-top:64px; }
    .pregunta summary{ padding:18px 18px; font-size:16px; }
    .pregunta p{ padding:0 18px 18px; font-size:15.5px; }
    .paso__texto, .paso--primero .paso__texto{ max-width:none; font-size:16.5px; }
    .consejo{ margin-top:20px; max-width:none; }
    .contacto{ position:static; }
    .dialogo__cab{ padding:28px 24px 0; }
    .dialogo h2{ font-size:28px; }
    .dialogo__bloques{ grid-template-columns:1fr; padding:20px 24px 0; }
    .dialogo__promesa{ margin:14px 24px 0; }
    .dialogo__letra{ margin:14px 24px 0; }
    .dialogo__pie{ padding:20px 24px; }
    .dialogo__botones{ width:100%; }
    .dialogo__botones .btn-sol{ flex:1; }
    /* Seguir arriba y a lo ancho (no borra nada) */
    .dialogo--salir .dialogo__botones{ flex-direction:column-reverse; align-items:stretch; }
    .dialogo--salir .dialogo__botones .btn-sol{ flex:none; }
    .dialogo--salir .dialogo__botones .btn-atras{ justify-content:center; padding:0 18px; }
    /* Ir al portal arriba y a lo ancho */
    .dialogo--portal .dialogo__botones{ flex-direction:column-reverse; align-items:stretch; }
    .dialogo--portal .dialogo__botones .btn-sol{ flex:none; padding:0 20px; white-space:nowrap; }
    .dialogo--portal .dialogo__botones .btn-atras{ justify-content:center; padding:0 18px; }
    .dialogo--contacto .dialogo__botones{ flex-direction:column-reverse; align-items:stretch; }
    .dialogo--contacto .dialogo__botones .btn-sol{ flex:none; padding:0 20px; white-space:nowrap; }
    .dialogo--contacto .dialogo__botones .btn-atras{ justify-content:center; padding:0 18px; }
    .contactenos{ padding-top:64px; }
    .contactenos__caja{ grid-template-columns:minmax(0,1fr); }
    .inicio__accion .btn-sol{ width:100%; }
    .pie{ margin-top:56px; }
}
@media (max-width:600px){
    .progreso{ gap:12px; }
    .panel, .contacto{ padding:20px; border-radius:20px; }
    .opcion{ gap:14px; padding:18px; border-radius:20px; }
    .opcion__letra{ width:38px; height:38px; font-size:15px; }
    .opcion__txt b{ font-size:18px; }
    .opcion__txt small{ font-size:14.5px; }
    .opcion__flecha{ display:none; }
    .eleccion{ grid-template-columns:1fr; }
    .bloques{ grid-template-columns:1fr; }
    .filas-cab{ display:none; }
    .guia__lista{ grid-template-columns:1fr; }
    .fila{ grid-template-columns:minmax(0,1fr) 36px; grid-template-areas:"desc quitar" "monto monto"; row-gap:8px; }
    .fila .campo-desc{ grid-area:desc; }
    .fila .dinero{ grid-area:monto; }
    .fila .quitar{ grid-area:quitar; }
    .filas .fila + .fila{ padding-top:10px; border-top:1px solid var(--linea-2); }
    .total > strong{ font-size:24px; }
    .queda__valor{ font-size:28px; }
    .editor__rejilla{ grid-template-columns:1fr; }
    /* En teléfono la ficha va en dos renglones (en uno, el nombre no cabía). */
    .ficha{ align-items:flex-start; }
    .ficha__abrir{ flex-wrap:wrap; gap:8px 12px; }
    .ficha__ini{ width:36px; height:36px; font-size:13px; }
    .ficha__txt{ flex:1 1 calc(100% - 48px); }
    .ficha__txt b{ white-space:normal; }
    .ficha__monto{ flex-basis:100%; flex-direction:row; flex-wrap:wrap; align-items:center; gap:6px 10px; padding-left:48px; }
    .ficha__monto strong{ font-size:16px; }
    .nav-paso .btn-sol{ padding:0 22px; }
    .dinero--grande .campo{ font-size:22px; height:58px; }
    /* Aviso de contacto: sin los recuadros, para ver los botones sin desplazar */
    .dialogo--contacto .dialogo__bloques{ display:none; }
    .dialogo--contacto .dialogo__letra{ margin-top:18px; }
    /* Sin la pastilla: en teléfono el texto no cabía junto al ícono */
    .contactenos__caja{ padding:26px 20px; border-radius:22px; }
    .contactenos__btn{ gap:12px; min-height:70px; padding:12px 14px 12px 12px; border-radius:16px; }
    .contactenos__ico{ width:42px; height:42px; border-radius:12px; }
    .contactenos__dato b{ font-size:17px; }
    .contactenos__accion{ display:none; }
}

/* ---- Impreso: solo el resultado ---- */
@media print{
    .cab, .progreso, .contacto, .contactenos, .burbuja, .pie{ display:none !important; }
    body{ background:#fff; color:#000; }
    .paso{ display:block; padding:0; }
}