/* Archfloat · página de inicio (index.html): estilo más cálido y humano.
   Se carga después de estilos.css y configurador.css, y solo afecta a la portada (body.inicio).
   Tipografías propias, sin llamar a Google: Anton (logo y título de la portada), Poppins (títulos) y Archivo (texto).
   Poppins: licencia SIL Open Font License 1.1 (fuentes/poppins-*.woff2). */
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("fuentes/poppins-500-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("fuentes/poppins-600-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.inicio{
  --arena-suave:#F7F1E8;      /* banda arena: derivada del arena de la marca, más clara y cálida */
  --arena-fuerte:#EBE2D4;
  --poppins:"Poppins","Archivo",system-ui,sans-serif;
  --radio:22px;
  --sombra:0 8px 28px rgba(13,14,16,.06),0 1px 3px rgba(13,14,16,.05);
  --seccion:clamp(56px,7vw,104px);
  --ritmo:var(--seccion);
  background:#fff;
}

/* ---------- Tipografía: títulos en Poppins, minúscula normal ---------- */
.inicio .display{font-family:var(--poppins);font-weight:600;text-transform:none;letter-spacing:-.015em;line-height:1.15;text-wrap:balance}
.inicio .display em{font-family:inherit;font-style:normal;color:var(--petroleo)}
.inicio h2.display{font-size:clamp(1.85rem,3.5vw,2.9rem)}
.inicio .eyebrow{font-family:var(--poppins);font-weight:500;font-size:.88rem;letter-spacing:.01em;text-transform:none;color:var(--petroleo)}
.inicio .eyebrow::before{content:"";display:inline-block;width:8px;height:8px;margin-right:.6em;border-radius:50%;background:var(--oro);vertical-align:.08em}
.inicio .hero__titulo,.inicio .pie__marca,.inicio .logo{font-family:"Anton",Impact,"Arial Narrow",sans-serif}

/* ---------- Botones en píldora ---------- */
.inicio .btn{border-radius:999px;padding:.95em 1.75em;border-width:2px;border-color:var(--petroleo);background:var(--petroleo);color:#fff;font-family:var(--poppins);font-weight:600;font-size:.95rem;letter-spacing:0;text-transform:none;transition:background-color .3s,color .3s,border-color .3s,transform .3s,box-shadow .3s}
.inicio .btn::after{display:none}
.inicio .btn:hover,.inicio .btn:focus-visible{background:#243e4b;border-color:#243e4b;color:#fff;box-shadow:0 8px 20px rgba(47,79,95,.25)}
.inicio .btn--oro{background:var(--oro);border-color:var(--oro);color:var(--negro)}
.inicio .btn--oro:hover,.inicio .btn--oro:focus-visible{background:#d6b972;border-color:#d6b972;color:var(--negro);box-shadow:0 8px 20px rgba(201,169,97,.35)}
.inicio .btn--blanco{background:#fff;border-color:#fff;color:var(--negro)}
.inicio .btn--blanco:hover,.inicio .btn--blanco:focus-visible{background:var(--arena-suave);border-color:var(--arena-suave);color:var(--negro)}
.inicio .btn--pildora{background:var(--petroleo);border-color:var(--petroleo);color:#fff}

/* ---------- Cabecera ---------- */
.inicio .nav a,.inicio .cab__acceso{font-family:var(--poppins);font-weight:500;font-size:.92rem;letter-spacing:0;text-transform:none}
.inicio .cab__cta{padding:.75em 1.4em;font-size:.9rem}
.inicio .menu .display{font-size:clamp(1.8rem,7vw,2.6rem)}

/* ---------- Aparición suave al hacer scroll ---------- */
.js .inicio .rv{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}
.js .inicio .rv.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .js .inicio .rv,.js .inicio .rv.is-in{opacity:1;transform:none;transition:none}
  .inicio .btn{transition:none}
}

/* ---------- 1. Portada ---------- */
.inicio .hero{min-height:min(86svh,760px);display:flex;align-items:center;background:var(--negro)}
.inicio .hero__img{filter:saturate(.85) sepia(.12) contrast(1.02);animation:none;transform:none}
.inicio .hero::after{background:linear-gradient(90deg,rgba(13,14,16,.82) 0%,rgba(13,14,16,.55) 48%,rgba(13,14,16,.2) 100%),linear-gradient(0deg,rgba(13,14,16,.35),rgba(13,14,16,0) 40%)}
.inicio .hero__contenido{max-width:46rem;margin:0;padding:calc(var(--cab) + 36px) var(--pad) clamp(48px,6vw,80px)}
.inicio .hero h1.hero__titulo{font-size:clamp(2.7rem,6.4vw,5.6rem);line-height:1;letter-spacing:.012em;text-transform:uppercase;text-wrap:balance}
.inicio .hero h1 em{font-style:normal;color:var(--oro)}
.inicio .hero__frase{max-width:34rem;margin:clamp(16px,2vw,24px) 0 clamp(22px,2.6vw,32px);font-size:clamp(1.02rem,1.3vw,1.18rem);line-height:1.6;color:#f1ede6}

/* ---------- 2. Frase destacada ---------- */
.inicio .cita{padding:var(--seccion) var(--pad);background:#fff;text-align:center}
.inicio .cita blockquote{margin:0 auto;max-width:46rem}
.inicio .cita blockquote::before{content:"\201C";display:block;height:.55em;font-family:var(--poppins);font-weight:600;font-size:clamp(5rem,9vw,8rem);line-height:1;color:var(--oro)}
.inicio .cita p{font-family:var(--poppins);font-weight:500;font-size:clamp(1.3rem,2.5vw,2.05rem);line-height:1.45;letter-spacing:-.01em;color:var(--negro);text-wrap:balance}

/* ---------- 3. Lo que nos define: cuatro valores (banda arena) ---------- */
.inicio .valores-sec{padding:clamp(44px,5.4vw,80px) var(--pad);background:var(--arena-suave)}
.inicio .valores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);max-width:1160px;margin:0 auto}
.inicio .valor{padding:24px 18px 22px;border-radius:20px;background:#fff;box-shadow:var(--sombra);text-align:center}
.inicio .valor svg{width:38px;height:38px;margin:0 auto 12px;fill:none;stroke:var(--petroleo);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.inicio .valor h3{font-family:var(--poppins);font-weight:600;font-size:1rem;line-height:1.3;margin-bottom:6px}
.inicio .valor p{font-size:.9rem;line-height:1.5;color:var(--gris)}

/* ---------- Títulos centrados de sección ---------- */
.inicio .titular{display:block;max-width:46rem;margin:0 auto;padding:var(--seccion) var(--pad) clamp(28px,3.4vw,48px);text-align:center}
.inicio .titular .eyebrow{display:block;margin-bottom:12px;color:var(--petroleo)}
.inicio .titular h2{font-size:clamp(1.85rem,3.5vw,2.9rem)}
.inicio .titular p{margin:14px auto 0;padding:0;max-width:38rem;font-size:1.05rem;line-height:1.65;color:#3a3a3a}

/* ---------- 4. Servicios: tarjetas ---------- */
.inicio #servicios{background:#fff;padding-bottom:var(--seccion)}
.inicio .lineas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(16px,2vw,28px);max-width:1420px;margin:0 auto;padding:0 var(--pad)}
.inicio .linea{display:flex;flex-direction:column;min-height:0;border:0;border-radius:var(--radio);overflow:hidden;background:#fff;box-shadow:var(--sombra);outline:1px solid #efe8dc;outline-offset:-1px;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.inicio .linea:nth-child(even){background:#fff}
.inicio .linea:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(13,14,16,.1)}
.inicio .linea__foto{position:relative;order:0!important;aspect-ratio:4/3;background:var(--arena-fuerte)}
.inicio .linea__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none;transition:transform .8s var(--ease)}
.inicio .linea:hover .linea__foto img{transform:scale(1.03);filter:none}
.inicio .linea__texto{display:flex;flex:1;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;padding:22px 24px 24px}
.inicio .linea__texto .eyebrow{color:var(--petroleo)}
.inicio .linea__texto h3{font-family:var(--poppins);font-weight:600;font-size:clamp(1.25rem,1.7vw,1.45rem);line-height:1.2;letter-spacing:-.01em;text-transform:none}
.inicio .linea__texto h3 br{display:none}
.inicio .linea__texto h3 a{text-decoration:none}
.inicio .linea__texto h3 a:hover,.inicio .linea__texto h3 a:focus-visible{color:var(--petroleo);text-decoration:underline;text-underline-offset:.15em}
.inicio .linea__texto>p{max-width:none;font-size:.97rem;line-height:1.6;color:#363636}
.inicio .linea__cobro{display:block;margin-top:auto;padding:14px 0 0;border-top:1px solid #eee5d8}
.inicio .linea__cobro .etiqueta{display:block;font-family:var(--poppins);font-weight:500;font-size:.78rem;letter-spacing:0;text-transform:none;color:var(--gris);border:0;padding:0;background:none}
.inicio .linea__precio{font-family:var(--poppins);font-weight:600;font-size:1.3rem;letter-spacing:-.01em;line-height:1.25}
.inicio .linea__precio small{font-family:"Archivo",sans-serif;font-weight:600;font-size:.74rem;letter-spacing:0;text-transform:none;color:var(--gris)}
.inicio .linea__precio .iva,.inicio .linea__precio .nota{display:inline;margin:0 0 0 .4em;letter-spacing:0}
.inicio .linea__acciones{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;max-width:none}
.inicio .linea__acciones .btn{padding:.7em 1.3em;font-size:.88rem}
.inicio .linea__acciones [data-detalle]{background:transparent;color:var(--petroleo);border-color:#c9d4da}
.inicio .linea__acciones [data-detalle]:hover,.inicio .linea__acciones [data-detalle]:focus-visible{background:#f0f4f6;color:var(--petroleo);border-color:var(--petroleo);box-shadow:none}
.inicio .detalle{flex:0 0 100%;margin-top:6px;padding:18px 20px;border:0;border-radius:16px;background:var(--arena-suave)}
.inicio .detalle h4{font-family:var(--poppins);font-weight:600;font-size:.95rem;letter-spacing:0;text-transform:none;color:var(--petroleo)}
.inicio .detalle li{padding:8px 0;font-size:.94rem;border-bottom-color:#e6dccd}
.inicio .detalle li::before{border-radius:50%;flex-basis:7px;height:7px}
.inicio .detalle__enlace{font-family:var(--poppins);font-weight:600;font-size:.88rem;letter-spacing:0;text-transform:none;border-bottom-width:1.5px}

/* ---------- 5. Panel del estudio (banda petróleo) ---------- */
.inicio .panel-sec{padding:var(--seccion) var(--pad) clamp(56px,7vw,96px)}
.inicio .panel-sec__cab{display:block;max-width:46rem;margin:0 auto clamp(32px,4vw,56px);text-align:center}
.inicio .panel-sec .eyebrow{color:#d6e2e8}
.inicio .panel-sec h2{font-size:clamp(1.85rem,3.5vw,2.9rem)}
.inicio .panel-sec h2 em{color:var(--oro)}
.inicio .panel-sec__cab p{max-width:36rem;margin:14px auto 0;font-size:1.05rem;color:#dbe6eb}
.inicio .panel-sec__escena .marco{border-radius:16px;overflow:hidden}
.inicio .datos__item{border-top:0;padding:20px 18px;border-radius:18px;background:rgba(255,255,255,.07)}
.inicio .datos__num{font-family:var(--poppins);font-weight:600;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.05;letter-spacing:-.02em}
.inicio .datos__num span,.inicio .datos__num small{color:var(--oro)}
.inicio .datos__item p{color:#e6eef1}
.inicio .panel-sec__lista{border-top:0;gap:14px;margin-top:clamp(28px,3.4vw,44px)}
.inicio .panel-sec__lista li{padding:18px 18px 20px;border:0;border-radius:16px;background:rgba(255,255,255,.07)}
.inicio .panel-sec__lista h3{font-family:var(--poppins);font-weight:600;font-size:1rem}
.inicio .panel-sec__pie{text-align:center}

/* ---------- 6. Cómo trabajamos: cuatro pasos en círculos ---------- */
.inicio .proceso{background:#fff;border-top:0;padding-bottom:var(--seccion)}
.inicio .pasos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,36px);max-width:1160px;margin:0 auto;padding:0 var(--pad)}
.inicio .paso{position:relative;border:0;padding:0;text-align:center}
.inicio .paso__num{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 18px;border:2px solid var(--petroleo);border-radius:50%;background:#fff;color:var(--petroleo);font-size:1.45rem;line-height:1;letter-spacing:0}
.inicio .paso:not(:last-child)::after{content:"";position:absolute;top:38px;left:calc(50% + 50px);right:calc(-50% + 50px);border-top:2px dashed #d9cfbf}
.inicio .paso h3{margin-bottom:8px;font-family:var(--poppins);font-weight:600;font-size:1.12rem;letter-spacing:0;text-transform:none}
.inicio .paso p{max-width:15rem;margin:0 auto;font-size:.97rem;font-weight:400;line-height:1.55;color:#363636}
.inicio .proceso__cta{display:flex;justify-content:center;padding-top:clamp(28px,3.4vw,44px)}

/* ---------- 7. Sin y con Archfloat (banda arena) ---------- */
.inicio .cambio{padding:var(--seccion) var(--pad);background:var(--arena-suave);border-top:0}
.inicio .cambio__cab{max-width:46rem;margin:0 auto;text-align:center}
.inicio .cambio__cab .eyebrow{display:block;margin-bottom:12px}
.inicio .cambio__titulo{font-family:var(--poppins);font-weight:600;font-size:clamp(1.85rem,3.5vw,2.9rem);line-height:1.15;letter-spacing:-.015em;text-wrap:balance}
.inicio .cambio__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,24px);max-width:1100px;margin:clamp(24px,3vw,40px) auto 0;border:0}
.inicio .cambio__col{padding:clamp(22px,2.6vw,32px);border-radius:var(--radio);background:#fff;box-shadow:var(--sombra)}
.inicio .cambio__col--despues{border:0;background:#fff;box-shadow:var(--sombra),inset 0 0 0 2px var(--petroleo)}
.inicio .cambio__etiqueta{margin-bottom:8px;font-family:var(--poppins);font-weight:600;font-size:1.05rem;letter-spacing:0;text-transform:none}
.inicio .cambio__col li{padding:11px 0;font-size:.98rem;line-height:1.5}
.inicio .cambio__col--despues li::before{border-radius:50%}

/* ---------- 8. Banda con foto ---------- */
.inicio .banda{position:relative;isolation:isolate;display:grid;place-items:center;min-height:clamp(300px,34vw,420px);padding:clamp(48px,6vw,88px) var(--pad);overflow:hidden;text-align:center;color:#fff;background:var(--negro)}
.inicio .banda>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:saturate(.9) sepia(.1)}
.inicio .banda::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(13,14,16,.58)}
.inicio .banda h2{margin-bottom:24px;font-size:clamp(2rem,4.6vw,3.6rem);color:#fff}

/* ---------- 9. Planes y precios ---------- */
.inicio .paquetes{background:#fff;border-top:0;padding-bottom:var(--seccion)}
.inicio .cfg-t__sum span,.inicio .cfg-m__tot dd,.inicio .cfg-barra__n b{font-family:var(--poppins);font-weight:600}
.inicio .cfg-rec{border-radius:20px}
.inicio .cfg-rec textarea{border-radius:14px}

/* ---------- Opiniones de clientes (oculto hasta que haya reseñas reales) ---------- */
.inicio .opiniones{padding-bottom:var(--seccion);background:#fff}
.inicio .opiniones__lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1160px;margin:0 auto;padding:0 var(--pad)}
.inicio .opinion{padding:26px;border-radius:var(--radio);background:var(--arena-suave);box-shadow:var(--sombra)}
.inicio .opinion blockquote{margin:0}
.inicio .opinion p{font-size:1.02rem;line-height:1.6}
.inicio .opinion__autor{margin-top:14px;font-size:.9rem;color:var(--gris)}

/* ---------- 10. Preguntas frecuentes (banda arena) ---------- */
.inicio .faq{display:block;max-width:none;padding:var(--seccion) var(--pad);background:var(--arena-suave)}
.inicio .faq>.rv:first-child{max-width:46rem;margin:0 auto clamp(24px,3vw,40px);text-align:center}
.inicio .faq .eyebrow{display:block;margin-bottom:12px}
.inicio .faq h2{font-size:clamp(1.85rem,3.5vw,2.9rem)}
.inicio .faq__lista{max-width:820px;margin:0 auto;border-top:0}
.inicio .faq details{margin-bottom:10px;padding:0 24px;border:0;border-radius:16px;background:#fff;box-shadow:var(--sombra)}
.inicio .faq details::after{display:none}
.inicio .faq summary{padding:20px 0;font-family:var(--poppins);font-weight:500;font-size:1.02rem;line-height:1.4}
.inicio .faq details p{padding:0 0 22px;font-size:1rem;line-height:1.65}
.inicio .faq__nota{text-align:center}

/* ---------- 11. Bloque local ---------- */
.inicio .local{padding:var(--seccion) var(--pad);background:#fff}
.inicio .local__caja{max-width:860px;margin:0 auto;text-align:center}
.inicio .local h2{font-size:clamp(1.55rem,2.8vw,2.3rem)}
.inicio .local p{max-width:40rem;margin:16px auto 0;font-size:1.04rem;line-height:1.65;color:#363636}
.inicio .local__lista{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}
.inicio .local__lista li{padding:.55em 1.1em;border-radius:999px;background:var(--arena-suave);border:1px solid #eadfcf;font-family:var(--poppins);font-weight:500;font-size:.92rem}
.inicio .local__lista .local__mas{background:transparent;border-style:dashed;color:var(--gris)}

/* ---------- 12. Reservar diagnóstico (banda oscura) ---------- */
.inicio .contacto{padding:var(--seccion) var(--pad)}
.inicio .contacto .contacto__titulo{max-width:14ch;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.12}
.inicio .contacto__eyebrow{color:#cfd8dd}
.inicio .contacto__puntos li{border-radius:999px;font-family:var(--poppins);font-weight:500;font-size:.86rem;letter-spacing:0;text-transform:none}
.inicio .contacto__puntos li::before{border-radius:50%}
.inicio .contacto__form{border-radius:24px}
.inicio .campo label{font-family:var(--poppins);font-weight:500;font-size:.85rem;letter-spacing:0;text-transform:none;color:#c4c4c4}
.inicio .pie h2{font-family:var(--poppins);font-weight:600;font-size:.95rem;letter-spacing:0;text-transform:none;color:var(--oro)}
.inicio .pie .pie__marca{font-size:clamp(4rem,19vw,17rem)}
.inicio .cta-movil{border-radius:999px}

/* ---------- Tablet ---------- */
@media (max-width:1100px){
  .inicio .lineas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inicio .valores{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inicio .opiniones__lista{grid-template-columns:1fr 1fr}
}
/* ---------- Móvil ---------- */
@media (max-width:860px){
  .inicio .hero{min-height:min(78svh,640px)}
  .inicio .hero::after{background:linear-gradient(180deg,rgba(13,14,16,.5),rgba(13,14,16,.72))}
  .inicio .lineas{grid-template-columns:1fr;gap:16px}
  .inicio .linea__foto{aspect-ratio:16/10}
  .inicio .linea__texto{padding:18px 18px 20px;gap:8px}
  .inicio .linea__texto>p{font-size:.94rem}
  .inicio .pasos{grid-template-columns:1fr;gap:0;padding:0 var(--pad);max-width:34rem}
  .inicio .paso{display:grid;grid-template-columns:64px 1fr;gap:0 16px;padding-bottom:26px;text-align:left}
  .inicio .paso__num{grid-row:1/3;width:64px;height:64px;margin:0;font-size:1.25rem}
  .inicio .paso:not(:last-child)::after{top:64px;bottom:0;left:31px;right:auto;border-top:0;border-left:2px dashed #d9cfbf}
  .inicio .paso h3{align-self:end;margin-bottom:4px}
  .inicio .paso p{max-width:none;margin:0}
  .inicio .cambio__grid{grid-template-columns:1fr}
  .inicio .panel-sec__lista{grid-template-columns:1fr 1fr}
  .inicio .opiniones__lista{grid-template-columns:1fr}
  .inicio .contacto .contacto__titulo{max-width:none}
}
@media (max-width:520px){
  .inicio .valores{gap:10px}
  .inicio .valor{padding:18px 8px 16px}
  .inicio .valor svg{width:32px;height:32px}
  .inicio .valor h3{font-size:clamp(.78rem,3.6vw,.92rem);white-space:nowrap}
  .inicio .valor p{font-size:.84rem}
  .inicio .panel-sec__lista{grid-template-columns:1fr}
}

/* ---------- Ajustes tras la primera revisión ---------- */
.inicio .hero h1 em{text-transform:uppercase}
.inicio .contacto h2 em,.inicio .contacto .contacto__titulo em{color:var(--oro)}
@media (max-width:520px){
  .inicio .datos__lista{grid-template-columns:1fr}
}
.inicio .lineas{align-items:stretch}
.inicio .linea__precio{text-align:left}
.inicio .linea__precio .nota{display:block;margin:2px 0 0}
.inicio .linea__precio .iva{display:inline;margin:0 0 0 .4em}

/* Cómo trabajamos: se anula la línea de tiempo anterior de estilos.css */
.inicio .proceso{display:block;padding:0 0 var(--seccion);background:#fff}
.inicio .proceso .titular{grid-column:auto;padding:var(--seccion) var(--pad) clamp(28px,3.4vw,48px)}
.inicio .proceso .pasos{position:static;margin-top:0;padding:0 var(--pad);gap:clamp(18px,2.4vw,36px)}
.inicio .proceso .pasos::before,.inicio .proceso .paso::before{display:none}
.inicio .proceso .paso{padding:0;border:0}
.inicio .proceso .paso__num{display:grid;margin:0 auto 18px;font-size:1.45rem;vertical-align:baseline}
.inicio .proceso .paso h3{display:block;margin:0 0 8px;font-size:1.12rem}
.inicio .proceso .paso p{max-width:15rem;margin:0 auto;font-size:.97rem;line-height:1.55}
.inicio .proceso__cta{grid-column:auto;grid-row:auto;display:flex;justify-content:center;padding:clamp(28px,3.4vw,44px) var(--pad) 0}
@media (max-width:860px){
  .inicio .proceso .pasos{grid-template-columns:1fr;gap:0;max-width:34rem;padding:0 var(--pad)}
  .inicio .proceso .paso{display:grid;grid-template-columns:64px 1fr;gap:0 16px;padding:0 0 26px}
  .inicio .proceso .paso__num{margin:0}
  .inicio .proceso .paso h3{align-self:end;margin-bottom:4px}
  .inicio .proceso .paso p{max-width:none;margin:0}
}

/* Sin numeración automática ni rayita en los rótulos de sección */
.inicio .eyebrow::after{display:none!important}
.inicio .titular .eyebrow::before,.inicio .cambio__cab .eyebrow::before,.inicio .faq .rv>.eyebrow::before,.inicio .contacto__eyebrow::before,.inicio .eyebrow::before{content:"";display:inline-block;width:8px;height:8px;margin-right:.6em;border-radius:50%;background:var(--oro);color:inherit;vertical-align:.08em;font-size:inherit}
.inicio .faq{border-top:0}
.inicio .contacto__eyebrow::before{background:var(--oro)}
@media (max-width:1100px){
  .inicio .datos__item:nth-child(n){grid-column:auto;grid-row:auto;transform:none}
  .inicio .datos__lista{gap:12px}
}

/* Los rótulos de sección llevan un punto dorado, sin la numeración automática de estilos.css */
body.inicio .titular .eyebrow::before,body.inicio .cambio__cab .eyebrow::before,body.inicio .faq .rv>.eyebrow::before,body.inicio .contacto__eyebrow::before{content:""!important;display:inline-block;width:8px!important;height:8px!important;margin-right:.6em;border-radius:50%;background:var(--oro);font-size:inherit}