/* ===================================================================
   Analiza tu contrato — mismo look & feel que la home.
   Todo va acotado a body.pg-analiza para no afectar a otras páginas.
   Se carga después de advancing-brand.css. No toca la lógica ni los ids.
   =================================================================== */
.pg-analiza{
  --fb:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gris-claro:#F5F5FA;--borde:rgba(3,0,93,.10);--sobre-oscuro:#fff;--r:20px;
  font-family:var(--fb);
}
.pg-analiza *{font-family:inherit}
.pg-analiza h1,.pg-analiza h2,.pg-analiza h3,.pg-analiza h4,.pg-analiza .btn,.pg-analiza .chip,.pg-analiza .cuenta b,.pg-analiza .anillo .num b{font-family:var(--f)}
.pg-analiza .btn{border-radius:12px}
.pg-analiza .btn:active{transform:scale(.97)}
.pg-analiza .h-sec,.pg-analiza .caja h2,.pg-analiza .informe h2{font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.1;letter-spacing:-.02em}

/* ---------- cabecera oscura (igual que la home) ---------- */
.cab.oscura{background:var(--marino);border-bottom-color:transparent}
.cab.oscura.compacta{background:rgba(3,0,93,.98);box-shadow:0 10px 30px -12px rgba(0,0,40,.55);border-bottom-color:rgba(255,255,255,.12)}
.cab.oscura .menu,.cab.oscura .menu .item{color:#fff}
.cab.oscura .menu .item::after{background:var(--menta)}
.cab.oscura .menu .item.actual{color:var(--menta)}
.cab.oscura .sub a{color:var(--marino)}
.cab.oscura .hamb{color:#fff}
@media (hover:hover) and (pointer:fine){.cab.oscura .menu .item:hover,.cab.oscura .menu a.item:hover{color:var(--menta)}}
@media (max-width:960px){.cab.oscura.abierta{background:var(--marino)}.cab.oscura.abierta .sub a{color:var(--sobre-oscuro)}}

/* ---------- hero azul marino con luz y grano ---------- */
.pg-analiza .hero{position:relative;overflow:hidden;background:
  linear-gradient(180deg,var(--marino),rgba(3,0,93,0) 180px),
  radial-gradient(60% 75% at 88% 0%,rgba(108,240,184,.13),transparent 62%),
  radial-gradient(55% 70% at 0% 100%,rgba(27,23,136,.60),transparent 70%),
  var(--marino)}
.pg-analiza .hero .velo{display:none}
.pg-analiza .hero::before{display:block;inset:0;filter:none;animation:none;will-change:auto;opacity:.07;mix-blend-mode:overlay;-webkit-mask-image:linear-gradient(180deg,transparent,#000 180px);mask-image:linear-gradient(180deg,transparent,#000 180px);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.pg-analiza .hero .wrap{padding-block:88px 96px;gap:clamp(32px,6vw,96px)}
.pg-analiza .hero .eyebrow{color:var(--menta)}
.pg-analiza .hero .h1{color:#fff;font-weight:700;letter-spacing:-.025em;font-size:var(--h1-hero);line-height:1.08;margin-top:0}
.pg-analiza .hero .h1 .claro{color:var(--menta);font-weight:600;margin-top:4px}
.pg-analiza .hero .lead{color:var(--sobre-oscuro);font-size:clamp(17px,1.5vw,19px)}
.pg-analiza .hero .lead strong{color:#fff;font-weight:600}

/* tarjeta blanca de subida / informe */
.pg-analiza .tarjeta-blanca{border-radius:22px;padding:clamp(24px,3vw,36px);box-shadow:0 40px 70px -36px rgba(0,0,40,.75);border:0}
.pg-analiza .subida h2,.pg-analiza .informe h2{font-weight:700;letter-spacing:-.02em}
.pg-analiza .subida h2{font-size:clamp(22px,2vw,26px)}
.pg-analiza .subida > p{font-size:16px;line-height:1.5}
.pg-analiza .archivo{border:1.5px dashed rgba(3,0,93,.28);border-radius:16px;background:var(--gris-claro);padding:20px 22px}
.pg-analiza .archivo:hover,.pg-analiza .archivo.con{border-style:solid;border-color:var(--marino);background:var(--menta-suave)}
.pg-analiza .archivo .ic{width:30px;height:30px}
.pg-analiza .subida .btn{padding:16px 28px;font-size:17px}
.pg-analiza .garantias{border-top-color:var(--borde);font-size:15px}
.pg-analiza .garantias .ic{color:var(--verde)}
.pg-analiza .checks .ic{color:var(--verde)}

/* ---------- resultado (landing 2) sobre azul ---------- */
.pg-analiza .volver{color:#fff;transition:color .15s}
@media (hover:hover) and (pointer:fine){.pg-analiza .volver:hover{color:var(--menta)}}
.pg-analiza .diag h1{color:#fff;font-weight:700;letter-spacing:-.02em}
.pg-analiza .diag p{color:var(--sobre-oscuro)}
.pg-analiza .diag p strong{color:#fff}
.pg-analiza .hero .anillo .pista{stroke:rgba(255,255,255,.14)}
.pg-analiza .hero .anillo .num b{color:#fff;font-weight:700}
.pg-analiza .hero .anillo .num span{color:var(--sobre-oscuro)}
.pg-analiza .cuenta{background:#fff;border-radius:20px;box-shadow:0 30px 60px -34px rgba(0,0,40,.7)}
.pg-analiza .cuenta b{font-weight:700}

/* ---------- qué analizamos: banda clara con tarjetas blancas ---------- */
.pg-analiza .banda{background:var(--gris-claro)}
.pg-analiza .banda .h-sec,.pg-analiza .banda h2{color:var(--marino)}
.pg-analiza .banda .sub-sec{color:var(--gris);font-size:18px;max-width:46em}
.pg-analiza .banda .sub-sec strong{color:var(--marino)}
.pg-analiza .sec{padding-block:clamp(56px,7vw,88px)}
.pg-analiza .tiles{margin-top:clamp(28px,3.5vw,44px);gap:16px}
.pg-analiza .tile{border:1px solid var(--borde);border-radius:var(--r);padding:24px 20px;font-family:var(--f);font-weight:600;font-size:16px;color:var(--marino);gap:16px}
.pg-analiza .tile .ic{width:44px;height:44px;padding:10px;border-radius:50%;background:var(--menta-suave)}

/* ---------- "un buen contrato no es suficiente" ---------- */
.pg-analiza .caja{border-radius:28px;padding:clamp(28px,4.5vw,56px)}
.pg-analiza .caja .eyebrow{color:var(--menta)}
.pg-analiza .nobasta h2{color:#fff;margin-top:14px}
.pg-analiza .nobasta p{font-size:17px;line-height:1.55}
.pg-analiza .ventajas .burbuja{background:rgba(108,240,184,.14);color:var(--menta);border:1px solid rgba(108,240,184,.3)}
.pg-analiza .ventajas h3{font-weight:700}
.pg-analiza .ventajas p{font-size:15px}

/* ---------- informe completo ---------- */
.pg-analiza #informe-completo .tarjeta-blanca{border:1px solid var(--borde);box-shadow:none}
.pg-analiza .inf-h{font-weight:700;letter-spacing:-.01em}
.pg-analiza .datos{border-radius:16px;border-color:var(--borde);background:var(--borde)}
.pg-analiza .alerta{border-left:0;border-radius:14px;background:var(--gris-claro);padding:14px 18px 14px 40px;position:relative}
.pg-analiza .alerta::before{content:"";position:absolute;left:18px;top:21px;width:9px;height:9px;border-radius:50%;background:var(--menta-fuerte)}
.pg-analiza .chip{border-radius:999px;padding:4px 12px}
.pg-analiza .pt .rec{border-radius:12px;background:var(--gris-claro)}
.pg-analiza #form-email input[type=email]{border-radius:12px;border-color:var(--borde);background:var(--gris-claro);font-family:var(--fb)}
.pg-analiza #form-email input[type=email]:focus{outline:3px solid var(--menta);outline-offset:1px;border-color:var(--marino)}

/* ---------- móvil ---------- */
@media (max-width:900px){
  .pg-analiza .hero .wrap{padding-block:56px 64px}
}
@media (max-width:560px){
  .pg-analiza .tile{padding:18px 16px;font-size:15px}
}

/* ---------- ajustes tras revisión ---------- */
.pg-analiza .banda + .sec{padding-top:clamp(40px,5vw,64px) !important}
@media (max-width:640px){
  /* el botón largo del bloque azul se parte en dos líneas en vez de salirse de la pantalla */
  .pg-analiza .nobasta .btn{white-space:normal;text-align:center;width:100%;line-height:1.25;padding:14px 20px}
}
.pg-analiza #informe-completo{padding-top:clamp(40px,5vw,64px) !important}
.pg-analiza .informe h2{margin-bottom:14px}

/* ---------- qué aspectos analizamos: cifra protagonista + los seis bloques reales ---------- */
.pg-analiza .asp{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:start}
.pg-analiza .asp-cifra{display:flex;align-items:center;gap:18px;margin:34px 0 0}
.pg-analiza .asp-cifra b{font-family:var(--f);font-size:clamp(72px,9vw,128px);font-weight:700;line-height:.9;letter-spacing:-.05em;color:var(--marino)}
.pg-analiza .asp-cifra span{font-family:var(--f);font-size:clamp(16px,1.5vw,20px);font-weight:600;line-height:1.25;color:var(--gris)}
.pg-analiza .asp .h-sec{margin:0}
.pg-analiza .asp .sub-sec{margin-top:18px;font-size:17px}
.pg-analiza .asp-nota{margin-top:14px;font-size:16px;color:var(--marino);font-weight:600}
.pg-analiza .asp .btn{margin-top:26px}
.pg-analiza .asp-lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--borde)}
.pg-analiza .asp-lista li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:6px 20px;align-items:start;padding:22px 0;border-bottom:1px solid var(--borde)}
.pg-analiza .asp-lista .ico{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--menta-suave);color:var(--marino)}
.pg-analiza .asp-lista .ico .ic{width:24px;height:24px}
.pg-analiza .asp-lista h3{font-size:clamp(18px,1.6vw,21px);font-weight:700;letter-spacing:-.01em;color:var(--marino)}
.pg-analiza .asp-lista p{margin-top:5px;font-size:16px;line-height:1.45;color:var(--gris)}
.pg-analiza .asp-lista em{font-style:normal;font-family:var(--f);font-size:13px;font-weight:600;white-space:nowrap;color:var(--marino);background:var(--menta-suave);border-radius:999px;padding:5px 12px;margin-top:2px}
@media (max-width:900px){
  .pg-analiza .asp{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .pg-analiza .asp-lista li{grid-template-columns:44px minmax(0,1fr);gap:6px 16px;padding:18px 0}
  .pg-analiza .asp-lista .ico{width:44px;height:44px}
  .pg-analiza .asp-lista .ico .ic{width:22px;height:22px}
  .pg-analiza .asp-lista em{grid-column:2;justify-self:start;margin-top:6px}
}
html:has(.pg-analiza){scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html:has(.pg-analiza){scroll-behavior:auto}}

/* ---------- ejemplo de resultado (scoring de la home) ---------- */
.pg-analiza .asp-score{margin-top:32px;max-width:460px}
.pg-analiza .asp-score .gaugebox{background:#fff;border-radius:20px;padding:clamp(22px,2.6vw,32px);gap:clamp(18px,2.6vw,30px);box-shadow:0 1px 0 rgba(3,0,93,.04),0 24px 48px -30px rgba(3,0,93,.35)}
.pg-analiza .asp-score .anillo{width:132px;height:132px}
.pg-analiza .asp-score .anillo .pista{stroke:rgba(3,0,93,.10)}
.pg-analiza .asp-score .anillo .valor{stroke:var(--verde);transition:none}
.pg-analiza .asp-score .anillo.rojo .valor{stroke:var(--rojo)}
.pg-analiza .asp-score .anillo.ambar .valor{stroke:var(--ambar)}
.pg-analiza .asp-score .anillo.verde .valor{stroke:var(--verde)}
.pg-analiza .asp-score .anillo .num b{font-family:var(--f);font-size:34px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pg-analiza .asp-score .anillo .num span{font-size:12px}
.pg-analiza .asp-score .riesgos{gap:12px}
.pg-analiza .asp-score .riesgos div{font-size:16px}
.pg-analiza .asp-ej{margin:10px 4px 0;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
.pg-analiza .asp-score + .btn{margin-top:28px}

/* ---------- el scoring aterriza en el hero ---------- */
.pg-analiza .asp-score.en-hero{margin-top:36px;max-width:480px}
.pg-analiza .en-hero .asp-ej{color:var(--sobre-oscuro);margin:12px 4px 0}
.pg-analiza .en-hero .gaugebox{box-shadow:0 36px 60px -34px rgba(0,0,40,.75)}
/* el anillo de ejemplo del hero va sobre tarjeta blanca: anula los colores claros del anillo de resultados */
.pg-analiza .hero .asp-score .anillo .pista{stroke:rgba(3,0,93,.10)}
.pg-analiza .hero .asp-score .anillo .num b{color:var(--marino)}
.pg-analiza .hero .asp-score .anillo .num span{color:var(--gris)}

/* ===================================================================
   El anillo del scoring como pieza principal del hero (sobre azul, sin tarjeta)
   =================================================================== */
/* colores del semáforo más luminosos para que se lean sobre azul marino */
.pg-analiza .hero .anillo,.pg-analiza .hero .asp-score{--verde:#4FE3A8;--ambar:#FFB84D;--rojo:#FF6B7A}
.pg-analiza #landing-1 .hero .h1{font-size:var(--h1-hero)}
.pg-analiza #landing-1 .hero .lead{margin-top:18px;font-size:clamp(16px,1.35vw,18px)}
.pg-analiza .asp-score.en-hero{margin-top:34px;max-width:none}
.pg-analiza .en-hero .gaugebox{background:transparent;box-shadow:none;padding:0;border-radius:0;gap:clamp(24px,3.4vw,44px);align-items:center}
.pg-analiza .en-hero .anillo{width:clamp(220px,19vw,280px);height:clamp(220px,19vw,280px)}
.pg-analiza .hero .en-hero .anillo .pista{stroke:rgba(255,255,255,.14)}
.pg-analiza .hero .en-hero .anillo .num b{color:#fff;font-size:clamp(60px,5.6vw,84px);font-weight:700;letter-spacing:-.04em;line-height:1}
.pg-analiza .hero .en-hero .anillo .num span{color:var(--sobre-oscuro);font-size:clamp(14px,1.2vw,17px);margin-top:4px}
.pg-analiza .en-hero .riesgos{gap:14px}
.pg-analiza .en-hero .riesgos div{font-size:clamp(16px,1.4vw,19px);color:#fff;font-family:var(--f);font-weight:500;gap:14px}
.pg-analiza .en-hero .marca{width:30px;height:30px;font-size:14px}
.pg-analiza .en-hero .marca.rojo{background:rgba(255,107,122,.2)}
.pg-analiza .en-hero .marca.ambar{background:rgba(255,184,77,.2)}
.pg-analiza .en-hero .marca.verde{background:rgba(79,227,168,.2)}
.pg-analiza .en-hero .asp-ej{color:var(--sobre-oscuro);margin:16px 0 0}
@media (max-width:900px){
  .pg-analiza .asp-score.en-hero{margin-top:8px}
  .pg-analiza .en-hero .anillo{width:210px;height:210px}
}
@media (max-width:560px){
  .pg-analiza .en-hero .gaugebox{flex-direction:column;align-items:center;gap:24px}
  .pg-analiza .en-hero .riesgos{justify-items:start;width:max-content;max-width:100%}
  .pg-analiza .en-hero .asp-ej{text-align:center}
  .pg-analiza .en-hero .anillo{width:230px;height:230px}
  .pg-analiza .en-hero .riesgos{width:100%}
}

/* ===================================================================
   Hero: texto a la izquierda, anillo grande a la derecha; la tarjeta de
   subida baja y se monta sobre el borde inferior del hero
   =================================================================== */
.pg-analiza #landing-1 .hero .wrap{padding-block:88px 170px;align-items:center}
.pg-analiza #landing-1 .hero .h1{font-size:var(--h1-hero)}
.pg-analiza #landing-1 .hero .lead{max-width:30em}
.pg-analiza #landing-1 .hero .asp-score.en-hero{margin:0;justify-self:center;width:100%;max-width:560px}
.pg-analiza #landing-1 .en-hero .gaugebox{flex-direction:column;align-items:center;gap:clamp(22px,2.4vw,34px)}
.pg-analiza #landing-1 .en-hero .anillo{width:clamp(260px,24vw,340px);height:clamp(260px,24vw,340px)}
.pg-analiza #landing-1 .hero .en-hero .anillo .num b{font-size:clamp(76px,7vw,104px)}
.pg-analiza #landing-1 .hero .en-hero .anillo .num span{font-size:clamp(15px,1.3vw,19px)}
.pg-analiza #landing-1 .en-hero .riesgos{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 26px}
.pg-analiza #landing-1 .en-hero .riesgos div{font-size:clamp(15px,1.25vw,17px);gap:10px}
.pg-analiza #landing-1 .en-hero .marca{width:26px;height:26px;font-size:13px}
.pg-analiza #landing-1 .en-hero .asp-ej{text-align:center;margin-top:18px}

/* tarjeta de subida ancha, montada sobre el hero */
.pg-analiza .subida-sec{position:relative;z-index:2;margin-top:-118px;padding-bottom:clamp(8px,2vw,24px)}
.pg-analiza .subida-sec .subida{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(28px,5vw,72px);align-items:start;padding:clamp(26px,3.2vw,44px)}
.pg-analiza .subida-sec .subida > h2{grid-column:1;grid-row:1;margin:0;font-size:clamp(24px,2.4vw,32px)}
.pg-analiza .subida-sec .subida > p:not(.estado){grid-column:1;grid-row:2;margin:12px 0 0;max-width:26em}
.pg-analiza .subida-sec .subida > .archivo{grid-column:2;grid-row:1 / span 2;margin:0;align-self:stretch}
.pg-analiza .subida-sec .subida > .btn{grid-column:2;grid-row:3;margin-top:14px}
.pg-analiza .subida-sec .subida > .estado{grid-column:2;grid-row:4;margin:10px 0 0}
.pg-analiza .subida-sec .garantias{grid-column:1 / -1;grid-row:5;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 24px;margin:26px 0 0;padding-top:22px;border-top:1px solid var(--borde);font-size:15px}
.pg-analiza .subida-sec .garantias li{align-items:flex-start;gap:12px;line-height:1.35}
@media (max-width:1100px){.pg-analiza .subida-sec .garantias{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .pg-analiza #landing-1 .hero .wrap{padding-block:56px 120px}
  .pg-analiza #landing-1 .en-hero .anillo{width:230px;height:230px}
  .pg-analiza .subida-sec{margin-top:-84px}
  .pg-analiza .subida-sec .subida{grid-template-columns:minmax(0,1fr)}
  .pg-analiza .subida-sec .subida > h2,.pg-analiza .subida-sec .subida > p:not(.estado),.pg-analiza .subida-sec .subida > .archivo,.pg-analiza .subida-sec .subida > .btn,.pg-analiza .subida-sec .subida > .estado,.pg-analiza .subida-sec .garantias{grid-column:1;grid-row:auto}
  .pg-analiza .subida-sec .subida > .archivo{margin-top:20px}
  .pg-analiza .subida-sec .subida > p:not(.estado){max-width:none}
}
@media (max-width:560px){
  .pg-analiza .subida-sec .garantias{grid-template-columns:minmax(0,1fr)}
}

/* ajustes: hero más compacto para que el botón de subida entre en el primer pantallazo */
.pg-analiza #landing-1 .hero .wrap{padding-block:64px 150px}
.pg-analiza #landing-1 .en-hero .anillo{width:clamp(240px,21vw,300px);height:clamp(240px,21vw,300px)}
.pg-analiza #landing-1 .hero .en-hero .anillo .num b{font-size:clamp(68px,6.2vw,92px)}
.pg-analiza #landing-1 .en-hero .riesgos{flex-wrap:nowrap;gap:10px 20px}
.pg-analiza #landing-1 .en-hero .riesgos div{font-size:clamp(14px,1.1vw,16px);gap:8px;white-space:nowrap}
.pg-analiza #landing-1 .en-hero .asp-ej{margin-top:14px}
.pg-analiza .subida-sec .subida > h2{line-height:1.12}
@media (max-width:900px){
  .pg-analiza #landing-1 .hero .wrap{padding-block:48px 110px}
  .pg-analiza #landing-1 .en-hero .riesgos{flex-wrap:wrap;gap:10px 20px}
}

/* titular más corto y más separado del texto secundario */
.pg-analiza #landing-1 .hero .lead{margin-top:36px}
/* puntos de confianza en columna, en el hueco bajo el texto de la tarjeta (solo escritorio) */
@media (min-width:901px){
  .pg-analiza .subida-sec .garantias{grid-column:1;grid-row:3 / span 2;grid-template-columns:minmax(0,1fr);gap:14px;margin:26px 0 0;padding-top:0;border-top:0;font-size:15.5px}
}
/* la columna derecha de la tarjeta se iguala en altura con la izquierda (zona de archivo y botón algo más grandes) */
@media (min-width:901px){
  .pg-analiza .subida-sec .subida > .archivo{min-height:150px;justify-content:center;padding-inline:28px}
  .pg-analiza .subida-sec .subida > .btn{padding-block:20px}
}
/* reparto de filas de la tarjeta: la zona de archivo ocupa las tres primeras filas y el botón queda alineado con el final de los puntos */
@media (min-width:901px){
  .pg-analiza .subida-sec .subida > .archivo{grid-row:1 / span 3;min-height:0;align-self:stretch}
  .pg-analiza .subida-sec .subida > .btn{grid-row:4}
  .pg-analiza .subida-sec .subida > .estado{grid-row:5}
  .pg-analiza .subida-sec .garantias{grid-row:3 / span 2;margin-top:22px}
}
/* más aire entre el menú y el titular / scoring */
.pg-analiza #landing-1 .hero .wrap{padding-block:108px 150px}
@media (max-width:900px){.pg-analiza #landing-1 .hero .wrap{padding-block:72px 110px}}

/* ===================================================================
   Qué aspectos analizamos: cabecera centrada + seis tarjetas con puntitos
   =================================================================== */
.pg-analiza .asp2-cab{max-width:760px;margin:0 auto;text-align:center}
.pg-analiza .asp2 .h-sec{margin:0}
.pg-analiza .asp2 .sub-sec{margin:18px auto 0;font-size:18px;max-width:40em}
.pg-analiza .asp2 .asp-nota{margin-top:12px;font-size:16px;font-weight:600;color:var(--marino)}
.pg-analiza .asp2 .asp-cifra{justify-content:center;margin:34px 0 0}
.pg-analiza .asp2 .asp-cifra b{font-size:clamp(64px,7vw,96px)}
.pg-analiza .asp2 .asp-cifra span{text-align:left}
.pg-analiza .asp2-grid{list-style:none;margin:clamp(32px,4vw,52px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pg-analiza .asp2-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--borde);border-radius:22px;padding:28px 28px 24px;transition:transform .25s cubic-bezier(.23,1,.32,1),box-shadow .25s ease}
@media (hover:hover) and (pointer:fine){.pg-analiza .asp2-card:hover{transform:translateY(-4px);box-shadow:0 26px 44px -26px rgba(3,0,93,.28)}}
.pg-analiza .asp2-card .ico{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--menta-suave);color:var(--marino)}
.pg-analiza .asp2-card .ico .ic{width:26px;height:26px}
.pg-analiza .asp2-card h3{margin-top:22px;font-size:clamp(19px,1.6vw,22px);font-weight:700;letter-spacing:-.01em;color:var(--marino);line-height:1.2}
.pg-analiza .asp2-card p{margin-top:8px;font-size:15.5px;line-height:1.5;color:var(--gris)}
.pg-analiza .asp2-card .pts{margin-top:auto;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.pg-analiza .asp2-card .pts::before{content:"";position:absolute}
.pg-analiza .asp2-card .dots{display:flex;flex-wrap:wrap;gap:6px;max-width:60%}
.pg-analiza .asp2-card .dots i{width:10px;height:10px;border-radius:50%;background:var(--menta-fuerte);transition:opacity .35s ease,transform .45s cubic-bezier(.23,1,.32,1);transition-delay:calc(var(--i) * 45ms)}
.pg-analiza .asp2-card .pts em{font-style:normal;font-family:var(--f);font-size:14px;font-weight:700;color:var(--marino);white-space:nowrap}
.pg-analiza .asp2.espera .dots i{opacity:.12;transform:scale(.5)}
.pg-analiza .asp2-cta{display:flex;justify-content:center;margin-top:clamp(32px,4vw,48px)}
.pg-analiza .asp2-cta .btn{padding:16px 32px;font-size:17px}
@media (max-width:1000px){.pg-analiza .asp2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){
  .pg-analiza .asp2-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .pg-analiza .asp2-card{padding:22px 22px 20px}
  .pg-analiza .asp2 .sub-sec{font-size:17px}
  .pg-analiza .asp2-cta .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.pg-analiza .asp2-card .dots i{transition:none}}

/* cabecera alineada a la izquierda: título y texto a la izquierda, "Revisamos 28 puntos de tu contrato" a la derecha */
.pg-analiza .asp2-cab{max-width:none;margin:0;text-align:left;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:end}
.pg-analiza .asp2-txt{grid-column:1 / span 2;padding-right:clamp(0px,4vw,56px)}
.pg-analiza .asp2 .sub-sec{margin:18px 0 0;max-width:38em}
.pg-analiza .asp2 .asp-cifra{grid-column:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:0;margin:0;padding-left:28px;line-height:1}
.pg-analiza .asp2 .asp-cifra .pre,.pg-analiza .asp2 .asp-cifra .post{font-family:var(--f);font-size:clamp(17px,1.5vw,21px);font-weight:600;line-height:1.2;color:var(--gris);text-align:left}
.pg-analiza .asp2 .asp-cifra b{font-size:clamp(88px,10vw,140px);line-height:.95;margin:4px 0 8px;letter-spacing:-.05em}
@media (max-width:1000px){
  .pg-analiza .asp2-cab{grid-template-columns:minmax(0,1fr);gap:28px}
  .pg-analiza .asp2-txt{grid-column:1;padding-right:0}
  .pg-analiza .asp2 .asp-cifra{grid-column:1;padding-left:0}
  .pg-analiza .asp2 .asp-cifra b{font-size:clamp(84px,18vw,120px)}
}
/* titular de la caja azul: ocupa tres líneas ("Un buen contrato es importante, / pero no es suficiente / para que sigas tranquilo.") */
.pg-analiza .nobasta > div:first-child{padding-right:clamp(24px,4vw,48px)}
.pg-analiza .nobasta h2{margin-top:0;font-size:clamp(28px,3.2vw,42px);max-width:none}
.pg-analiza .nobasta h2 br{display:inline}
@media (max-width:620px){.pg-analiza .nobasta h2 br{display:none}}

/* email y consentimiento en la tarjeta de subida */
.pg-analiza .subida .campo-email{margin-top:16px}
.pg-analiza .subida .campo-email label{display:block;font-family:var(--f);font-size:15px;font-weight:600;color:var(--marino)}
.pg-analiza .subida .campo-email input{width:100%;margin-top:8px;border:1.5px solid var(--borde);border-radius:12px;background:var(--gris-claro);padding:15px 18px;font:16px var(--fb);color:var(--texto)}
.pg-analiza .subida .campo-email input:focus{outline:3px solid var(--menta);outline-offset:1px;border-color:var(--marino)}
.pg-analiza .subida .consentimiento{display:flex;gap:12px;align-items:flex-start;margin-top:14px;font-size:13.5px;line-height:1.45;color:var(--gris);cursor:pointer}
.pg-analiza .subida .consentimiento input{flex:none;width:20px;height:20px;margin-top:1px;accent-color:var(--marino);cursor:pointer}
.pg-analiza .subida .consentimiento a{color:var(--marino);text-decoration:underline;text-underline-offset:2px;font-weight:600}
.pg-analiza .subida > .btn{margin-top:16px}
@media (min-width:901px){
  /* columna derecha de la tarjeta: archivo, email, consentimiento y botón; los puntos de confianza siguen a la izquierda */
  .pg-analiza .subida-sec .subida > .archivo{grid-row:1;min-height:0;align-self:start;padding-block:18px}
  .pg-analiza .subida-sec .subida > .campo-email{grid-column:2;grid-row:2}
  .pg-analiza .subida-sec .subida > .consentimiento{grid-column:2;grid-row:3}
  .pg-analiza .subida-sec .subida > .btn{grid-column:2;grid-row:4;padding-block:18px}
  .pg-analiza .subida-sec .subida > .estado{grid-column:2;grid-row:5}
  .pg-analiza .subida-sec .garantias{grid-column:1;grid-row:3 / span 3;margin-top:22px}
}
@media (max-width:900px){
  .pg-analiza .subida-sec .subida > .campo-email,.pg-analiza .subida-sec .subida > .consentimiento{grid-column:1;grid-row:auto}
}

/* título y explicación de la tarjeta forman un solo bloque, para que el hueco no dependa de la columna derecha */
.pg-analiza .subida .subida-txt h2{margin:0}
.pg-analiza .subida .subida-txt p{margin:12px 0 0;max-width:26em}
@media (min-width:901px){
  .pg-analiza .subida-sec .subida > .subida-txt{grid-column:1;grid-row:1 / span 2;align-self:start}
  .pg-analiza .subida-sec .garantias{grid-row:3 / span 3;margin-top:8px}
}
@media (max-width:900px){.pg-analiza .subida-sec .subida > .subida-txt{grid-column:1;grid-row:auto}}
.pg-analiza .subida .subida-txt h2{font-size:clamp(24px,2.4vw,32px);line-height:1.12;font-weight:700;letter-spacing:-.02em}
.pg-analiza .subida .subida-txt p{font-size:16px;line-height:1.5;color:var(--gris)}
@media (min-width:901px){
  .pg-analiza .subida-sec .garantias{align-self:end;margin-top:0}
}

/* columna izquierda de la tarjeta: título, explicación y puntos de confianza forman un único bloque con ritmo propio */
.pg-analiza .subida .subida-txt .garantias{margin:30px 0 0;padding:26px 0 0;border-top:1px solid var(--borde);display:grid;grid-template-columns:minmax(0,1fr);gap:16px;font-size:15.5px}
.pg-analiza .subida .subida-txt .garantias li{display:flex;align-items:center;gap:14px;line-height:1.35}
@media (min-width:901px){
  .pg-analiza .subida-sec .subida > .subida-txt{grid-column:1;grid-row:1 / span 5;align-self:start}
  .pg-analiza .subida-sec .subida > .subida-txt p{max-width:24em}
}
@media (max-width:900px){
  .pg-analiza .subida-sec .subida > .subida-txt{display:contents}
  .pg-analiza .subida-sec .subida .subida-txt .garantias{order:10;grid-column:1;margin-top:24px}
  .pg-analiza .subida-sec .subida > .campo-email,.pg-analiza .subida-sec .subida > .consentimiento,.pg-analiza .subida-sec .subida > .archivo,.pg-analiza .subida-sec .subida > .btn,.pg-analiza .subida-sec .subida > .estado{order:5}
  .pg-analiza .subida-sec .subida .subida-txt h2,.pg-analiza .subida-sec .subida .subida-txt p{grid-column:1}
}
/* el mensaje de estado solo ocupa sitio cuando tiene texto */
.pg-analiza .subida .estado:empty{min-height:0;margin:0}
.pg-analiza .subida .estado{margin-top:12px}
@media (min-width:901px){.pg-analiza .subida-sec .subida > .estado:empty{grid-row:5;height:0}}

/* ===== solo móvil (hasta 620 px) ===== */
@media (max-width:620px){
  /* anillo más compacto y los tres datos a su derecha */
  .pg-analiza #landing-1 .en-hero .gaugebox{flex-direction:row;align-items:center;justify-content:center;gap:18px}
  .pg-analiza #landing-1 .en-hero .anillo{width:156px;height:156px;flex:none}
  .pg-analiza #landing-1 .hero .en-hero .anillo .num b{font-size:46px}
  .pg-analiza #landing-1 .hero .en-hero .anillo .num span{font-size:12px;margin-top:2px}
  .pg-analiza #landing-1 .en-hero .riesgos{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:12px;width:auto;flex:1 1 auto;min-width:0}
  .pg-analiza #landing-1 .en-hero .riesgos div{font-size:15px;gap:10px;white-space:normal;line-height:1.25}
  .pg-analiza #landing-1 .en-hero .marca{width:26px;height:26px;flex:none}
  /* sin "Revisamos 28 puntos de tu contrato" */
  .pg-analiza .asp2 .asp-cifra{display:none}
  /* sin la frase secundaria antes del botón "Descubre cómo puede ayudarte Advancing" */
  .pg-analiza .nobasta > div:first-child > p{display:none}
}
/* Móvil: el botón de "Descubre cómo puede ayudarte" va al final del bloque, después de la lista */
@media (max-width:900px){
  .pg-analiza .nobasta{row-gap:0}
  .pg-analiza .nobasta > div:first-child{display:contents}
  .pg-analiza .nobasta > div:first-child > h2{order:1}
  .pg-analiza .nobasta > div:first-child > p{order:2}
  .pg-analiza .nobasta > ul{order:3;margin-top:32px}
  .pg-analiza .nobasta > div:first-child > .btn{order:4;margin-top:32px}
}
/* Marcas de estado sobre fondo azul: círculos sólidos y con contraste */
.pg-analiza .en-hero .marca{font-weight:800;color:var(--marino);box-shadow:0 0 0 4px rgba(255,255,255,.08)}
.pg-analiza .en-hero .marca.rojo{background:#FF6B7A}
.pg-analiza .en-hero .marca.ambar{background:#FFB84D}
.pg-analiza .en-hero .marca.verde{background:var(--menta)}
/* La nota bajo "¿Qué aspectos analizamos?" tiene el mismo tamaño que la frase de arriba */
.pg-analiza .asp2 .asp-nota{font-size:18px;line-height:inherit;margin-top:8px}
.pg-analiza .asp2 .sub-sec,.pg-analiza .asp2 .asp-nota{line-height:1.6}
@media (max-width:900px){.pg-analiza .asp2 .asp-nota{font-size:17px}}