/* ============================================================================
   AP POR HECTÁREA — COSECHADORES  ·  /seguro-para-cosechadores/   (22/09/2026)

   Hoja PROPIA de la vertical, con dos prefijos verificados libres en el repo:
     .apc-  el simulador (cosechadores.js) y el texto de las páginas
     .apa-  el wizard de contratación (cosechadores-alta.js)

   No se apoya en el bloque compartido .calc__* (el rotulado «CAUCIÓN», que
   sostiene once verticales) ni en las clases .rct-/.rta- de turismo: cada
   vertical trae su hoja y no le pide nada a las otras. Lo único compartido es
   la cáscara del modal (.calc-modal, .quiz__progress, .field, .btn) que ya
   viste praxis, vida, retiro y turismo.

   Regla de estas verticales (praxis, turismo): el precio va a la vista sin
   pedir datos, todo se toca con el pulgar y el número grande es lo que la
   persona va a pagar. Acá es UN pago por 75 días, así que el número grande es
   el premio total: no hay cuota que mostrar.
   ============================================================================ */

/* ─── El simulador ─────────────────────────────────────────────────────────── */
.apc-calc{display:grid;gap:1.1rem;}
/* min-width:0 en los hijos: sin esto el panel de resultado pide más ancho que
   el celular y la página entera tiene scroll horizontal (lección de turismo). */
.apc-calc > *{min-width:0;}

.apc-step{display:flex;gap:.9rem;align-items:flex-start;}
.apc-step__n{flex:0 0 auto;width:30px;height:30px;border-radius:var(--r-pill);display:grid;place-items:center;
  font-weight:800;font-size:.9rem;color:#fff;background:linear-gradient(135deg,var(--magenta) 0%,var(--purple) 100%);margin-top:.15rem;}
.apc-step__body{flex:1 1 auto;min-width:0;}
.apc-step__body h3{margin:0 0 .5rem;font-size:1.05rem;font-weight:800;color:var(--fg-1);}
.apc-step__hint{margin:-.25rem 0 .6rem;font-size:.88rem;color:var(--fg-3);line-height:1.5;}
.apc-step__hint strong{color:var(--fg-1);}

/* Las tarjetas de grupo (paso 1): dos del producto + «tengo de los dos». */
.apc-cards{display:grid;gap:.6rem;grid-template-columns:1fr;}
.apc-card{appearance:none;-webkit-appearance:none;cursor:pointer;text-align:left;font:inherit;
  display:flex;flex-direction:column;gap:.25rem;padding:.9rem 1rem;min-height:48px;
  border:2px solid var(--border-1);border-radius:var(--r-md);background:#fff;
  transition:border-color .15s var(--ease),background .15s var(--ease),transform .12s var(--ease),box-shadow .15s var(--ease);}
.apc-card:hover{border-color:var(--magenta-300);transform:translateY(-1px);box-shadow:var(--shadow-xs);}
.apc-card b{font-size:1rem;font-weight:800;color:var(--fg-1);line-height:1.25;}
.apc-card small{font-size:.83rem;color:var(--fg-3);line-height:1.5;}
.apc-card.is-on{border-color:var(--magenta);background:var(--magenta-50);box-shadow:var(--shadow-md);}
.apc-card.is-on b{color:var(--magenta-700);}
.apc-card:focus-visible{outline:2px solid var(--magenta);outline-offset:2px;}
.apc-card--mixto{border-style:dashed;}
.apc-card--mixto.is-on{border-style:solid;}

/* La nota del grupo elegido: vacía y sin caja hasta que tocan una tarjeta. */
.apc-nota{margin:0;padding:0;border:0;font-size:.88rem;line-height:1.55;color:var(--fg-2);}
.apc-nota.is-on{margin:.6rem 0 0;padding:.75rem .9rem;border-radius:var(--r-md);background:var(--magenta-50);border:1px solid var(--magenta-100);}
.apc-nota strong{color:var(--ink-900);font-weight:800;}
.apc-nota:empty{display:none;}

/* Las hectáreas (paso 2): un número grande + atajos + la cuenta de módulos. */
.apc-ha{display:grid;gap:.6rem;}
.apc-ha__lbl{font-size:.85rem;font-weight:700;color:var(--fg-2);}
.apc-ha__row{display:flex;align-items:center;gap:.6rem;max-width:260px;}
.apc-ha__row input{flex:1 1 auto;min-width:0;font:inherit;font-size:1.6rem;font-weight:800;color:var(--fg-1);
  padding:.55rem .8rem;border:2px solid var(--border-1);border-radius:var(--r-md);background:#fff;font-variant-numeric:tabular-nums;}
.apc-ha__row input:focus{outline:none;border-color:var(--magenta);box-shadow:0 0 0 3px var(--magenta-100);}
.apc-ha__unit{font-weight:800;color:var(--fg-3);font-size:1rem;}
.apc-chips{display:flex;flex-wrap:wrap;gap:.4rem;}
.apc-chip{appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;min-height:40px;padding:.4rem .85rem;
  border-radius:var(--r-pill);border:1.5px solid var(--border-1);background:#fff;color:var(--fg-1);font-size:.88rem;font-weight:700;
  font-variant-numeric:tabular-nums;transition:border-color .15s var(--ease),background .15s var(--ease);}
.apc-chip:hover{border-color:var(--magenta-300);}
.apc-chip.is-on{border-color:var(--magenta);background:var(--magenta-50);color:var(--magenta-700);}
.apc-chip:focus-visible{outline:2px solid var(--magenta);outline-offset:2px;}
.apc-ha__out{margin:0;font-size:.9rem;line-height:1.55;color:var(--fg-2);}
.apc-ha__out strong{color:var(--ink-900);font-weight:800;font-variant-numeric:tabular-nums;}
.apc-ha__out small{display:block;font-size:.8rem;color:var(--fg-3);margin-top:.15rem;}

/* Las tres sumas (paso 3): tarjetas con la asistencia médica adentro y el
   premio por módulo, que cambia con el grupo. */
.apc-sumas{display:grid;gap:.6rem;grid-template-columns:1fr;}
.apc-suma{appearance:none;-webkit-appearance:none;cursor:pointer;text-align:left;font:inherit;
  display:grid;gap:.15rem;padding:.85rem 1rem;min-height:48px;border:2px solid var(--border-1);border-radius:var(--r-md);background:#fff;
  transition:border-color .15s var(--ease),background .15s var(--ease),transform .12s var(--ease);}
.apc-suma:hover{border-color:var(--magenta-300);transform:translateY(-1px);}
.apc-suma.is-on{border-color:var(--magenta);background:var(--magenta-50);box-shadow:var(--shadow-md);}
.apc-suma:focus-visible{outline:2px solid var(--magenta);outline-offset:2px;}
.apc-suma__n{font-size:1.5rem;font-weight:800;color:var(--fg-1);line-height:1.1;font-variant-numeric:tabular-nums;}
.apc-suma.is-on .apc-suma__n{color:var(--magenta-700);}
.apc-suma__k{font-size:.76rem;font-weight:700;color:var(--fg-3);text-transform:uppercase;letter-spacing:.04em;}
.apc-suma__amf{font-size:.86rem;color:var(--fg-2);margin-top:.3rem;line-height:1.45;}
.apc-suma__amf b{color:var(--ink-900);font-variant-numeric:tabular-nums;}
.apc-suma__mod{font-size:.92rem;font-weight:800;color:var(--magenta-700);margin-top:.35rem;padding-top:.45rem;border-top:1px dashed var(--border-1);font-variant-numeric:tabular-nums;}
.apc-suma__mod small{font-weight:600;color:var(--fg-3);font-size:.78rem;}

/* El panel del resultado: fondo de marca, texto blanco. */
.apc-res{border-radius:var(--r-lg);padding:1.3rem 1.2rem;color:#fff;
  background:linear-gradient(135deg,var(--magenta-700) 0%,var(--purple) 100%);box-shadow:var(--shadow-md);}
.apc-res :focus-visible{outline:2px solid #fff;outline-offset:2px;}
.apc-res__lbl{display:block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.8);}
.apc-res__lbl--num{margin-top:.2rem;}
.apc-cart{list-style:none;margin:.5rem 0 1.1rem;padding:0;display:grid;gap:.35rem;}
.apc-cart li{display:grid;grid-template-columns:5.6rem 1fr auto;gap:.6rem;align-items:baseline;padding:.5rem 0;
  border-bottom:1px solid rgba(255,255,255,.18);font-size:.9rem;line-height:1.4;}
.apc-cart li:last-child{border-bottom:0;}
.apc-cart span{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.72);}
.apc-cart b{font-weight:700;color:#fff;}
.apc-cart a{font-size:.78rem;font-weight:700;color:rgba(255,255,255,.85);text-decoration:underline;text-underline-offset:2px;white-space:nowrap;}
.apc-cart a:hover{color:#fff;}
.apc-res__num{margin:.3rem 0 0;font-size:2.6rem;font-weight:800;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.apc-res__cuenta{margin:.35rem 0 0;font-size:.9rem;line-height:1.5;color:rgba(255,255,255,.88);font-variant-numeric:tabular-nums;}
.apc-res__cuenta strong{color:#fff;}
.apc-res__total{margin:.6rem 0 0;font-size:.95rem;line-height:1.55;color:rgba(255,255,255,.92);}
.apc-res__total strong{color:#fff;}
.apc-res__nota{display:block;margin-top:.35rem;font-size:.8rem;font-weight:600;color:rgba(255,255,255,.78);}
.apc-res__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem;}
.apc-res__actions .btn{flex:1 1 100%;justify-content:center;}
.apc-res__online{margin:.7rem 0 0;font-size:.85rem;line-height:1.55;color:rgba(255,255,255,.88);}
.apc-res__online strong{color:#fff;}
.apc-res__disc{margin:1rem 0 0;font-size:.76rem;line-height:1.55;color:rgba(255,255,255,.75);}
.apc-res__disc strong{color:rgba(255,255,255,.95);font-weight:700;}

@media (min-width:720px){
  .apc-cards{grid-template-columns:repeat(3,1fr);}
  .apc-sumas{grid-template-columns:repeat(3,1fr);}
  .apc-res{padding:1.6rem 1.5rem;}
  .apc-res__num{font-size:3.1rem;}
  .apc-res__actions .btn{flex:0 0 auto;}
}

/* ─── El texto de las páginas (madre e hijas) ──────────────────────────────── */
/* La respuesta en una frase, citable: lo que un buscador o una IA levanta. */
.apc-def{max-width:76ch;margin:0 auto clamp(1.4rem,3vw,2rem);padding:1rem 1.2rem;background:#fff;border:1px solid var(--border-1);
  border-left:3px solid var(--purple);border-radius:var(--r-md);box-shadow:var(--shadow-xs);font-size:1rem;line-height:1.7;color:var(--fg-2);}
.apc-def strong{color:var(--ink-900);}
.apc-rev{margin:-.4rem 0 1.2rem;font-size:.82rem;color:var(--fg-3);}
.apc-rev a{color:var(--fg-3);text-decoration:underline;text-underline-offset:2px;}

.apc-cols{display:grid;gap:clamp(.9rem,2.2vw,1.4rem);grid-template-columns:1fr;}
@media(min-width:860px){ .apc-cols{grid-template-columns:1fr 1fr;align-items:start;} }
.apc-panel{background:#fff;border:1px solid var(--border-1);border-radius:var(--r-md);padding:1.5rem 1.4rem;box-shadow:var(--shadow-sm);}
.apc-panel__k{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .3rem;color:var(--fg-3);}
.apc-panel h3{font-weight:800;font-size:1.22rem;color:var(--ink-900);margin:0 0 .55rem;}
.apc-panel p{color:var(--fg-2);font-size:.95rem;line-height:1.65;margin:0 0 .9rem;}
.apc-panel p:last-child{margin-bottom:0;}
.apc-panel--si{border-top:3px solid var(--success);}
.apc-panel--no{border-top:3px solid var(--magenta);}
.apc-list{list-style:none;margin:0 0 1rem;padding:0;}
.apc-list:last-child{margin-bottom:0;}
.apc-list li{position:relative;padding-left:1.55rem;margin-bottom:.6rem;color:var(--fg-2);font-size:.94rem;line-height:1.6;}
.apc-list li:last-child{margin-bottom:0;}
.apc-list li::before{content:"›";position:absolute;left:.15rem;top:0;font-weight:900;color:var(--magenta);}
.apc-list--si li::before{content:"✓";left:0;font-size:.92rem;color:var(--success);}
.apc-list--no li::before{content:"×";left:.2rem;font-size:1.05rem;color:var(--magenta);}
.apc-list strong{color:var(--ink-900);font-weight:700;}

/* El argumento central: el único bloque con fondo de marca en el cuerpo. */
.apc-key{background:var(--grad-brand-soft);color:#fff;border-radius:var(--r-lg);padding:clamp(1.5rem,4vw,2.4rem);margin:clamp(1.4rem,3vw,2rem) 0;}
.apc-key__k{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .5rem;color:var(--magenta-300);}
.apc-key h3{font-weight:900;font-size:clamp(1.3rem,3.4vw,1.9rem);line-height:1.15;color:#fff;margin:0 0 .8rem;}
.apc-key p{color:rgba(255,255,255,.92);font-size:1rem;line-height:1.7;margin:0 0 .8rem;max-width:62ch;}
.apc-key p:last-child{margin-bottom:0;}
.apc-key strong{color:#fff;font-weight:800;}

/* Tablas (tarifa, calendario). El wrapper con scroll es para el celular. */
.apc-tablabox{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 1rem;border:1px solid var(--border-1);border-radius:var(--r-md);background:#fff;box-shadow:var(--shadow-xs);}
.apc-tabla{width:100%;border-collapse:collapse;font-size:.86rem;min-width:0;}
.apc-tabla th,.apc-tabla td{padding:.6rem .55rem;text-align:left;border-bottom:1px solid var(--border-1);vertical-align:top;}
.apc-tabla thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);background:var(--ink-50);}
.apc-tabla tbody tr:last-child td{border-bottom:0;}
.apc-tabla td:first-child{font-weight:800;color:var(--ink-900);}
.apc-tabla td{color:var(--fg-2);}
.apc-tabla--tarifa td,.apc-tabla--tarifa th{font-variant-numeric:tabular-nums;white-space:nowrap;}
.apc-tabla--cal td{white-space:normal;line-height:1.5;}
.apc-tabla--cal td:first-child{white-space:nowrap;}
.apc-tarifa__h{font-size:.92rem;font-weight:800;color:var(--ink-900);margin:1rem 0 .5rem;}
.apc-tabla__nota{margin:.2rem 0 1.4rem;font-size:.86rem;line-height:1.6;color:var(--fg-2);}
.apc-tabla__nota em{font-style:normal;font-weight:700;color:var(--ink-900);}

/* Las dos hijas con página propia, arriba del simulador (molde de praxis). */
.apc-ramas{display:grid;gap:.6rem;grid-template-columns:1fr;margin:0 0 1.4rem;}
@media(min-width:760px){ .apc-ramas{grid-template-columns:repeat(2,1fr);} }
.apc-rama{position:relative;display:flex;flex-direction:column;gap:.2rem;padding:.95rem 2.2rem .95rem 1.1rem;background:#fff;
  border:1px solid var(--border-1);border-radius:var(--r-md);text-decoration:none;box-shadow:var(--shadow-xs);
  transition:border-color .15s,transform .15s,box-shadow .15s;}
.apc-rama:hover{border-color:var(--magenta-300);transform:translateY(-1px);box-shadow:var(--shadow-sm);}
.apc-rama b{font-size:1rem;font-weight:800;color:var(--ink-900);}
.apc-rama small{font-size:.83rem;color:var(--fg-3);line-height:1.5;}
.apc-rama__go{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);font-weight:900;font-size:1.3rem;color:var(--magenta);}

/* Los bloques plegados «lo que conviene saber». */
.apc-saber{border:1px solid var(--border-1);border-radius:var(--r-md);background:#fff;margin:0 0 .6rem;box-shadow:var(--shadow-xs);overflow:hidden;}
.apc-saber summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;min-height:56px;}
.apc-saber summary::-webkit-details-marker{display:none;}
.apc-saber summary::after{content:"+";margin-left:auto;font-weight:900;font-size:1.5rem;line-height:1;color:var(--magenta);transition:transform .2s var(--ease);flex:0 0 auto;}
.apc-saber[open] summary::after{transform:rotate(45deg);}
.apc-saber summary:hover{background:var(--magenta-50);}
.apc-saber__k{display:none;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--magenta-700);flex:0 0 auto;}
.apc-saber__t{font-size:1.02rem;font-weight:800;color:var(--fg-1);line-height:1.3;}
.apc-saber__body{padding:0 1.1rem 1.2rem;}
.apc-saber__lead{margin:0 0 1rem;font-size:.95rem;line-height:1.6;color:var(--fg-2);}
.apc-saber__body > p{margin:0 0 .9rem;font-size:.94rem;line-height:1.65;color:var(--fg-2);}
.apc-saber__body > p:last-child{margin-bottom:0;}
.apc-saber__body > p strong:first-child{color:var(--ink-900);}
.apc-saber__ojo{margin:.9rem 0 0;padding:.75rem .9rem;border-radius:var(--r-md);background:var(--purple-50);border-left:3px solid var(--purple);font-size:.9rem;line-height:1.6;color:var(--fg-2);}
.apc-saber__ojo strong{color:var(--purple-700);font-weight:800;}
@media (min-width:720px){ .apc-saber__k{display:inline-block;min-width:150px;} }

/* Tarjetitas numeradas (los tres tramos, las etapas de la campaña). */
.apc-tramos{display:grid;gap:.7rem;grid-template-columns:1fr;margin:0 0 1rem;}
@media(min-width:760px){ .apc-tramos{grid-template-columns:repeat(3,1fr);} }
.apc-tramo{background:#fff;border:1px solid var(--border-1);border-left:3px solid var(--purple);border-radius:var(--r-md);padding:1.1rem 1.2rem;box-shadow:var(--shadow-xs);}
.apc-tramo b{display:block;font-size:.98rem;color:var(--ink-900);margin-bottom:.25rem;}
.apc-tramo span{display:block;font-size:.9rem;color:var(--fg-2);line-height:1.6;}

.apc-links{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;}
.apc-links a{display:inline-block;padding:.44rem .9rem;border-radius:99px;border:1px solid var(--border-1);background:#fff;color:var(--fg-1);
  font-size:.88rem;font-weight:700;text-decoration:none;transition:border-color .18s,color .18s,background .18s;}
.apc-links a:hover,.apc-links a:focus-visible{border-color:var(--magenta);color:var(--magenta-700);background:var(--magenta-50);}

/* El dato incómodo dicho de frente (no es un error, es información). */
.apc-aviso{margin:.9rem 0 0;padding:.85rem 1rem;border-radius:var(--r-md);background:var(--magenta-50);border-left:3px solid var(--magenta);font-size:.92rem;line-height:1.6;color:var(--fg-2);}
.apc-aviso strong{color:var(--ink-900);font-weight:800;}

/* Cuatro pasos de «cómo la sacás»: la grilla compartida .steps es de 3. */
@media(min-width:760px){ #como .steps{grid-template-columns:repeat(2,1fr);} }
@media(min-width:1080px){ #como .steps{grid-template-columns:repeat(4,1fr);} }

/* ─── El wizard de contratación (.apa-) ────────────────────────────────────── */
.apa-titulo{margin:.2rem 0 .25rem;font-size:1.25rem;font-weight:900;color:var(--fg-1);line-height:1.25;}
.apa-sub{margin:0 0 1rem;font-size:.9rem;color:var(--fg-3);line-height:1.5;}
.apa-h4{margin:1.1rem 0 .5rem;font-size:.95rem;font-weight:800;color:var(--fg-1);}
.apa-paso .apa-h4:first-child{margin-top:0;}
.apa-nota{margin:.8rem 0 0;font-size:.85rem;line-height:1.55;color:var(--fg-3);}
.apa-nota strong{color:var(--fg-1);}
.apa-nota--seria{padding:.75rem .9rem;border-radius:var(--r-md);background:var(--magenta-50);border-left:3px solid var(--magenta);color:var(--fg-2);}
.apa-err{margin:.8rem 0 0;padding:.7rem .9rem;border-radius:var(--r-md);font-size:.88rem;font-weight:700;background:#fff1f4;border:1px solid var(--magenta-300);color:var(--magenta-700);}
.apa-ayuda{display:block;margin-top:.3rem;font-size:.78rem;color:var(--fg-3);font-weight:600;}

/* Lo que está contratando, siempre arriba. */
.apa-cob{margin:0 0 1rem;padding:.85rem 1rem;border-radius:var(--r-md);background:linear-gradient(135deg,var(--magenta) 0%,var(--purple) 100%);color:#fff;}
.apa-cob__row{display:flex;gap:.8rem;align-items:flex-start;}
.apa-cob__lbl{display:block;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.85;}
.apa-cob__q{display:block;font-size:1.6rem;font-weight:900;line-height:1.1;margin:.15rem 0;font-variant-numeric:tabular-nums;}
.apa-cob__q small{font-size:.8rem;font-weight:700;opacity:.9;}
.apa-cob__d{display:block;font-size:.82rem;line-height:1.45;opacity:.92;}

/* Las etiquetas de tarea y cultivo (paso 1). Marcador de ancho fijo para que
   la fila no salte bajo el dedo. */
.apa-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .4rem;}
.apa-tag{appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;display:inline-flex;align-items:center;min-height:44px;padding:.4rem .85rem;
  border-radius:var(--r-pill);background:#fff;border:2px solid var(--border-1);color:var(--fg-2);font-size:.88rem;font-weight:700;line-height:1.25;text-align:left;
  transition:border-color .15s var(--ease),background .15s var(--ease),color .15s var(--ease);}
.apa-tag::before{content:"+";display:inline-block;width:.95em;margin-right:.35rem;text-align:center;font-weight:900;color:var(--fg-3);}
.apa-tag:hover{border-color:var(--magenta-300);}
.apa-tag.is-on{border-color:var(--magenta);background:var(--magenta-50);color:var(--magenta-700);}
.apa-tag.is-on::before{content:"✓";color:var(--magenta);}
.apa-tag:focus-visible{outline:2px solid var(--magenta);outline-offset:2px;}

/* Opciones tipo tarjeta (radios). */
.apa-opciones{display:grid;gap:.5rem;grid-template-columns:1fr;margin:0 0 .9rem;}
.apa-opcion{display:flex;gap:.7rem;align-items:flex-start;cursor:pointer;padding:.75rem .9rem;min-height:48px;border:2px solid var(--border-1);border-radius:var(--r-md);background:#fff;
  transition:border-color .15s var(--ease),background .15s var(--ease);}
.apa-opcion:hover{border-color:var(--magenta-300);}
.apa-opcion input{flex:0 0 auto;width:18px;height:18px;margin:.15rem 0 0;accent-color:var(--magenta);}
.apa-opcion span{flex:1 1 auto;min-width:0;}
.apa-opcion b{display:block;font-size:.95rem;font-weight:800;color:var(--fg-1);line-height:1.25;}
.apa-opcion small{display:block;font-size:.8rem;color:var(--fg-3);margin-top:.1rem;line-height:1.4;}
.apa-opcion:has(input:checked){border-color:var(--magenta);background:var(--magenta-50);}
.apa-opcion:has(input:checked) b{color:var(--magenta-700);}

.apa-grid{display:grid;gap:0 .9rem;grid-template-columns:1fr;}

/* Las cuatro cosas que hay que saber, y la declaración. */
.apa-cargas{display:grid;gap:.5rem;}
.apa-carga{display:flex;gap:.7rem;align-items:flex-start;cursor:pointer;padding:.7rem .85rem;border:1px solid var(--border-1);border-radius:var(--r-md);background:#fff;
  font-size:.9rem;line-height:1.5;color:var(--fg-2);}
.apa-carga input{flex:0 0 auto;width:20px;height:20px;margin:.15rem 0 0;accent-color:var(--magenta);}
.apa-carga span{flex:1 1 auto;min-width:0;}
.apa-carga small{display:block;font-size:.8rem;color:var(--fg-3);margin-top:.15rem;line-height:1.45;}
.apa-carga strong{color:var(--fg-1);}
.apa-carga:has(input:checked){border-color:var(--magenta);background:var(--magenta-50);color:var(--fg-1);}
.apa-carga--decl{margin-top:.8rem;font-weight:700;}
.apa-decl{max-height:15rem;overflow-y:auto;background:var(--magenta-50);border:1px solid var(--border-1);border-radius:var(--r-md);padding:.9rem 1rem;font-size:.84rem;line-height:1.65;color:var(--fg-2);}
.apa-decl p{margin:0 0 .6rem;}
.apa-decl ol{margin:0 0 .6rem;padding-left:1.2rem;}
.apa-decl li{margin:.2rem 0;}
.apa-decl strong{color:var(--fg-1);}
.apa-decl__t{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);}
.apa-decl__f{font-weight:700;color:var(--fg-1);margin-bottom:0;}

/* La firma (misma caja que praxis). */
.apa-firma{position:relative;border:1px dashed var(--border-1);border-radius:var(--r-md);background:#fff;height:150px;overflow:hidden;touch-action:none;}
.apa-firma canvas{display:block;width:100%;height:100%;cursor:crosshair;position:relative;z-index:2;}
.apa-firma__linea{position:absolute;left:8%;right:8%;bottom:2.1rem;border-bottom:1px solid var(--border-1);z-index:1;}
.apa-firma__hint{position:absolute;left:0;right:0;bottom:.7rem;text-align:center;font-size:.8rem;font-weight:700;color:var(--fg-3);z-index:1;pointer-events:none;}
.apa-firma.is-firmada .apa-firma__hint{display:none;}

/* Navegación y cierre. */
.apa-priv{margin:.7rem 0 0;font-size:.78rem;line-height:1.45;color:var(--fg-3);text-align:center;}
.apa-priv a{color:var(--fg-3);text-decoration:underline;text-underline-offset:2px;}
.apa-nav{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.2rem;}
.apa-fin{text-align:center;padding:.5rem 0 0;}
.apa-fin h3{margin:.4rem 0 .3rem;font-size:1.3rem;font-weight:900;color:var(--fg-1);}
.apa-fin__ico{width:56px;height:56px;margin:0 auto;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;font-weight:900;color:#fff;
  background:linear-gradient(135deg,var(--magenta) 0%,var(--purple) 100%);}
.apa-fin.is-pausa .apa-fin__ico{background:var(--ink-500);}
.apa-fin__resumen{margin:1rem 0;padding:.85rem 1rem;border-radius:var(--r-md);background:var(--magenta-50);text-align:left;font-size:.9rem;line-height:1.55;color:var(--fg-2);}
.apa-fin__resumen p{margin:.15rem 0;}
.apa-fin__pasos{text-align:left;font-size:.9rem;line-height:1.55;color:var(--fg-2);}
.apa-fin__pasos p{margin:.4rem 0;}
.apa-fin__pdf{margin:1rem 0 0;display:grid;gap:.4rem;justify-items:center;}
.apa-fin__pdf small{font-size:.8rem;color:var(--fg-3);line-height:1.45;max-width:46ch;}
.apa-fin__actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1.1rem;}

/* La confirmación: el resumen en renglones y el botón con la frase entera. */
.apa-conf{margin:0 0 .9rem;padding:.9rem 1rem;border-radius:var(--r-md);background:#fff;border:2px solid var(--magenta-300);}
.apa-conf__t{margin:0 0 .6rem;font-size:.95rem;font-weight:800;color:var(--fg-1);}
.apa-conf dl{margin:0;display:grid;gap:.45rem;}
.apa-conf dl>div{display:grid;grid-template-columns:1fr;gap:.1rem .8rem;padding:.35rem 0;border-top:1px solid var(--border-1);}
.apa-conf dt{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);}
.apa-conf dd{margin:0;font-size:.9rem;line-height:1.5;color:var(--fg-2);}
.apa-conf dd strong{color:var(--fg-1);}
.apa-conf__que{font-size:.88rem;line-height:1.6;color:var(--fg-2);}
.apa-conf__que p{margin:0 0 .6rem;}
.apa-conf__que strong{color:var(--fg-1);}
.apa-pausa{display:block;margin:.9rem auto 0;padding:.55rem 1rem;font-size:.9rem;}

@media (min-width:640px){
  .apa-conf dl>div{grid-template-columns:9.5rem 1fr;}
  .apa-opciones--2{grid-template-columns:1fr 1fr;}
  .apa-grid{grid-template-columns:1fr 1fr;}
  .apa-grid--3{grid-template-columns:1.4fr 1fr .9fr;}
}