/* Diseño de la maqueta aprobada (torquemada-maqueta en Vercel), traído tal cual.
   Se regenera con wp-ciet/maqueta-a-bloques.py; los ajustes propios de WordPress van en wordpress.css. */

/* ═══ ciet-secciones ═══ */
/* ── Ventana de cotización por módulo (Cris, 9-sep) ────────────────
   Todos los módulos están en "próximamente", así que el botón de cada
   tarjeta abre una consulta con el módulo ya indicado, en vez de mandar
   a otra página a empezar de cero. */
dialog.ciet-cot{
  border:0; padding:0; width:min(560px, calc(100vw - 32px));
  background:#fff; box-shadow:0 24px 64px -20px rgba(20,35,50,.5);
}
dialog.ciet-cot::backdrop{ background:rgba(13,22,30,.62) }
.ciet-cot__cab{
  display:flex; align-items:flex-start; justify-content:space-between; gap:16px;
  padding:24px 26px 18px; border-bottom:1px solid var(--linea);
}
.ciet-cot__cab h2{ font-size:21px; margin:0; letter-spacing:-.4px }
.ciet-cot__k{
  display:inline-block; margin-top:6px; font-size:13px; color:var(--tx3);
}
.ciet-cot__x{
  flex:none; width:44px; height:44px; border:1px solid var(--linea);
  background:#fff; font-size:20px; line-height:1; cursor:pointer; color:var(--tx2);
}
.ciet-cot__x:hover{ background:var(--bg2); color:var(--tx) }
.ciet-cot__cu{ padding:22px 26px 26px }
.ciet-cot__cu .fr{ margin-bottom:14px }
.ciet-cot__cu label{ display:block; font-size:14px; font-weight:700; margin-bottom:6px }
.ciet-cot__cu input, .ciet-cot__cu textarea{
  width:100%; box-sizing:border-box; border:1.5px solid var(--linea);
  padding:13px 15px; font:inherit; font-size:16px; background:#fff;
}
.ciet-cot__cu textarea{ min-height:88px; resize:vertical }
.ciet-cot__cu input:focus, .ciet-cot__cu textarea:focus{
  outline:none; border-color:var(--rojo); box-shadow:0 0 0 3px rgba(200,53,44,.13);
}
.ciet-cot__acc{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:6px }
.ciet-cot__enviar{
  background:var(--rojo); color:#fff; border:0; padding:15px 26px;
  font:inherit; font-weight:700; cursor:pointer; min-height:48px;
}
.ciet-cot__enviar:hover{ background:var(--rojo2) }
.ciet-cot__wa{
  color:var(--wa); font-weight:700; text-decoration:underline; text-underline-offset:3px;
  min-height:44px; display:inline-flex; align-items:center;
}
.ciet-cot__pie{ margin-top:14px; font-size:13px; color:var(--tx3); line-height:1.5 }
@media(max-width:520px){
  dialog.ciet-cot{ width:100vw; max-width:100vw; margin:auto 0 0; }
  .ciet-cot__cab{ padding:20px 18px 16px }
  .ciet-cot__cu{ padding:18px }
}

/* La anotación del bloque del mapa salía en gris claro sobre el amarillo
   (1,55:1, ilegible): el color del bloque oscuro le ganaba al de la
   etiqueta. La variante roja "idea:" lleva texto blanco. */
.mq-tag:not(.idea){ color:#16212b !important }
.mq-tag.idea{ color:#fff !important }

/* ── Página de mini bodegas · lo que la hace competitiva ────────────
   Los cuatro competidores del rubro (AMC, AKI KB, MiBodega, Los Pinos)
   explican el tamaño con un dibujo o con equivalencias; esta página lo
   decía solo con el número. */

/* Planta a escala real: 3,5 × 4,0 m = 14 m². Las proporciones del
   contenedor y de cada pallet salen de la medida, no del ojo. */
.mb-escala{ display:grid; gap:26px; margin-top:8px }
@media(min-width:820px){ .mb-escala{ grid-template-columns:auto 1fr; gap:44px; align-items:start } }
.mb-planta{
  position:relative; width:min(280px, 72vw); aspect-ratio:3.5/4;
  border:2px solid var(--tx); background:#fff;
  display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(3,1fr);
  gap:4px; padding:5px; box-sizing:border-box;
}
.mb-planta i{ background:#e7d9bd; border:1px solid #c3ab7e; display:block }
.mb-planta::after{
  content:"3,5 m"; position:absolute; left:0; right:0; bottom:-24px; text-align:center;
  font:600 12.5px/1 var(--mono, inherit); color:var(--tx3); letter-spacing:.04em;
}
.mb-planta::before{
  content:"4,0 m"; position:absolute; top:50%; left:-46px; transform:translateY(-50%) rotate(-90deg);
  font:600 12.5px/1 inherit; color:var(--tx3); letter-spacing:.04em;
}
.mb-planta-caja{ padding-bottom:30px; padding-left:8px }
.mb-lista{ list-style:none; margin:0; padding:0 }
.mb-lista li{
  display:flex; align-items:baseline; gap:14px; padding:13px 0;
  border-bottom:1px solid var(--linea);
}
.mb-lista li:last-child{ border-bottom:0 }
.mb-lista b{ font-size:24px; font-weight:850; letter-spacing:-.6px; min-width:2.2em; color:var(--tx) }
.mb-lista span{ color:var(--tx2); line-height:1.5 }

/* Comparación honesta: qué tiene CIET que un self storage suelto no */
.mb-vs{ display:grid; gap:0; margin-top:10px; border:1px solid var(--linea); background:#fff }
@media(min-width:760px){ .mb-vs{ grid-template-columns:1fr 1fr } }
.mb-vs__c{ padding:24px 26px }
.mb-vs__c + .mb-vs__c{ border-top:1px solid var(--linea) }
@media(min-width:760px){ .mb-vs__c + .mb-vs__c{ border-top:0; border-left:1px solid var(--linea) } }
.mb-vs__k{
  font-size:11.5px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase;
  color:var(--tx3); margin-bottom:14px;
}
.mb-vs__c--si .mb-vs__k{ color:var(--rojo) }
.mb-vs ul{ list-style:none; margin:0; padding:0 }
.mb-vs li{ padding:9px 0; color:var(--tx2); font-size:15.5px; line-height:1.5 }
.mb-vs__c--si li{ color:var(--tx); font-weight:600 }

/* Bloque de crecimiento: el argumento que ningún competidor puede copiar */
.mb-crecer{
  margin-top:8px; border-left:4px solid var(--rojo); padding:4px 0 4px 22px;
}
.mb-crecer p{ margin:0; font-size:17px; line-height:1.6; color:var(--tx2); max-width:62ch }
.mb-crecer b{ color:var(--tx) }
.mb-crecer .mb-escalera{
  display:flex; flex-wrap:wrap; align-items:flex-end; gap:10px; margin-top:20px;
}
.mb-crecer .mb-escalera span{
  background:var(--bg2); border:1px solid var(--linea); padding:9px 14px;
  font-weight:700; font-size:14.5px; white-space:nowrap;
}
.mb-crecer .mb-escalera span:last-child{ background:var(--tx); color:#fff; border-color:var(--tx) }

/* Lista de lo que falta preguntarle a Ricardo, al pie de la página */
.mb-ricardo{ background:#101a23; color:#dbe4ea; padding:52px 0 56px; border-top:4px solid #ffd166 }
.mb-ricardo h2{ color:#fff; font-size:clamp(24px,3vw,31px); letter-spacing:-.7px; margin:0 0 10px }
.mb-ricardo .mb-r-k{
  display:inline-block; background:rgba(255,209,102,.14); border:1px solid rgba(255,209,102,.4);
  color:#ffd166; font-size:12px; font-weight:750; letter-spacing:1.1px; text-transform:uppercase;
  padding:7px 14px; margin-bottom:16px;
}
.mb-ricardo .mb-r-in{ font-size:16.5px; line-height:1.6; color:#a9bcc9; max-width:70ch; margin:0 0 30px }
.mb-ricardo .mb-r-in b{ color:#fff }
.mb-rg{ display:grid; gap:14px; grid-template-columns:1fr }
@media(min-width:700px){ .mb-rg{ grid-template-columns:repeat(2,1fr) } }
@media(min-width:1060px){ .mb-rg{ grid-template-columns:repeat(3,1fr) } }
.mb-rc{ background:#18242f; border:1px solid rgba(255,255,255,.1); padding:20px 22px }
.mb-rc h3{ color:#fff; font-size:16.5px; font-weight:750; line-height:1.35; margin:0 0 9px }
.mb-rc p{ font-size:14.5px; line-height:1.6; color:#a9bcc9; margin:0 0 10px }
.mb-rc .mb-rc-d{
  font-size:13.4px; line-height:1.55; color:#8ea2b0; border-top:1px dashed rgba(255,255,255,.16);
  padding-top:10px; margin:0;
}
.mb-rc .mb-rc-d b{ color:#dbe4ea; font-weight:650 }
.mb-rc--alta{ border-color:rgba(255,209,102,.45) }
.mb-rc--alta h3::before{ content:"● "; color:#ffd166; font-size:12px; vertical-align:middle }

/* El bloque de preguntas está dentro de un <main> con ancho restringido,
   así que quedaba encajonado a 820 px. Va a sangre completa. */
.mb-ricardo{
  width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  max-width:100vw; box-sizing:border-box;
}

/* ── Mini bodegas · portada con peso ────────────────────────────────
   La página tenía UNA sola imagen y era el logo: 6.672 px de texto en
   cajas blancas. No se le meten fotos de galpones grandes porque serían
   engañosas en una página de mini bodegas; el elemento visual sale del
   único dibujo verdadero que tiene, que es la planta a escala. */
.mb-hero{
  background:#16212b !important; color:#fff;
  padding-top:64px !important; padding-bottom:0 !important;
  position:relative; overflow:hidden;
}
.mb-hero .ciet-eyebrow{ color:#ff9c92; text-align:left }
.mb-hero h1{
  color:#fff; text-align:left !important;
  font-size:clamp(30px,4.2vw,46px) !important; line-height:1.06; letter-spacing:-1.4px;
  max-width:16ch;
}
.mb-hero .ciet-sd{ color:#c3ccd6; text-align:left !important; max-width:52ch; margin-left:0 }
.mb-hero .wp-block-buttons{ justify-content:flex-start !important }
.mb-hero .mq-p{ text-align:left }
.mb-hero-rej{ display:grid; gap:34px; align-items:center; padding-bottom:56px }
@media(min-width:900px){ .mb-hero-rej{ grid-template-columns:1fr auto; gap:60px } }
.mb-hero-fig{ position:relative; justify-self:center }
.mb-hero-fig .mb-planta{
  border-color:#fff; background:rgba(255,255,255,.06); width:min(250px,64vw);
}
.mb-hero-fig .mb-planta i{ background:rgba(231,217,189,.9); border-color:rgba(255,255,255,.35) }
.mb-hero-fig .mb-planta::before,.mb-hero-fig .mb-planta::after{ color:#9fb0bc }
.mb-hero-fig figcaption{
  margin-top:34px; text-align:center; color:#9fb0bc; font-size:13.5px; line-height:1.5;
}
.mb-hero-fig figcaption b{ display:block; color:#fff; font-size:34px; font-weight:850; letter-spacing:-1px }
/* Portada con foto (patios, oficinas): la figura es una foto en vez de la planta del contenedor. */
.mb-hero-foto{ width:520px; max-width:calc(100vw - 48px) }
.mb-hero-foto img{ width:100%; height:auto; border-radius:14px; display:block; box-shadow:0 24px 44px -26px rgba(0,0,0,.7) }
figure.mb-hero-foto figcaption{ margin-top:16px; margin-bottom:0; max-width:52ch; margin-left:auto; margin-right:auto }   /* en WordPress la figura es un bloque de imagen y el núcleo le pone 1em abajo */

/* Barra de cifras: los datos ya estaban en la página, pero enterrados en
   texto chico dentro de una caja. */
.mb-cifras{ background:#0f1a23; padding:34px 0 !important }
.mb-cifras-rej{
  display:grid; grid-template-columns:repeat(2,1fr); gap:26px 20px;
  max-width:1180px; margin:0 auto;
}
@media(min-width:820px){ .mb-cifras-rej{ grid-template-columns:repeat(4,1fr) } }
.mb-cifras-rej div{ text-align:center }
.mb-cifras-rej b{
  display:block; font-size:clamp(26px,3.4vw,36px); font-weight:850; letter-spacing:-1.1px;
  color:#fff; line-height:1;
}
.mb-cifras-rej span{
  display:block; margin-top:9px; font-size:12.5px; letter-spacing:.09em; text-transform:uppercase;
  color:#9fb0bc; line-height:1.4;
}
@media(min-width:820px){
  .mb-cifras-rej div + div{ border-left:1px solid rgba(255,255,255,.14) }
}

/* La comparación pasa a banda oscura: es el argumento, no un detalle */
.mb-vs-banda{ background:#16212b !important; color:#fff }
.mb-vs-banda h2{ color:#fff }
.mb-vs-banda .ciet-sd{ color:#c3ccd6 }
.mb-vs-banda .mb-vs{ background:transparent; border-color:rgba(255,255,255,.16) }
.mb-vs-banda .mb-vs__c + .mb-vs__c{ border-color:rgba(255,255,255,.16) }
.mb-vs-banda .mb-vs__k{ color:#8ea2b0 }
.mb-vs-banda .mb-vs__c--si{ background:rgba(255,255,255,.04) }
.mb-vs-banda .mb-vs__c--si .mb-vs__k{ color:#ff9c92 }
.mb-vs-banda .mb-vs li{ color:#a9bcc9 }
.mb-vs-banda .mb-vs__c--si li{ color:#fff }

/* Las equivalencias, con el número como protagonista */
.mb-lista b{ font-size:38px; min-width:1.8em; color:var(--rojo) }
.mb-lista li{ padding:16px 0 }

/* La escalera de crecimiento, más legible */
.mb-crecer .mb-escalera span{ font-size:15.5px; padding:11px 16px }

/* El hero vive dentro de un contenedor "is-layout-constrained" de WordPress,
   que limita a sus hijos al ancho de contenido (820 px). La rejilla quedaba
   con la segunda columna en 0 px y la figura caía debajo. */
.mb-hero .mb-hero-rej{ max-width:1180px !important; width:100%; margin-left:auto; margin-right:auto }
@media(min-width:900px){
  .mb-hero .mb-hero-rej{ grid-template-columns:minmax(0,1fr) 290px }
}
.mb-hero .mb-hero-rej > div{ min-width:0 }

/* "Empiece en 14 m² y crezca" quedó dentro de la banda oscura de la
   comparación, así que heredaba los colores pensados para fondo claro. */
.mb-vs-banda .mb-crecer p{ color:#c3ccd6 }
.mb-vs-banda .mb-crecer b{ color:#fff }
.mb-vs-banda .mb-escalera span{
  background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.22); color:#fff;
}
.mb-vs-banda .mb-escalera span:last-child{ background:var(--rojo); border-color:var(--rojo); color:#fff }

/* La línea del precio quedó dentro de la banda oscura con el gris de
   fondo claro. Es la respuesta a la pregunta más importante de la
   página, así que además sube de peso. */
.mb-vs-banda .has-text-align-center{ color:#c3ccd6 }

/* ── Construcción a medida · landing de dos campañas ────────────────
   Quien llega desde la campaña de captación buscó «arriendo bodega», no
   «construcción»: la página tiene que recibir a esa persona. */
.cm-hero{ background:#16212b !important; color:#fff; position:relative; overflow:hidden }
.cm-hero .ciet-eyebrow{ color:#ff9c92; text-align:left }
.cm-hero h1{ color:#fff; text-align:left !important; letter-spacing:-1.3px; max-width:17ch }
.cm-hero .ciet-sd{ color:#c3ccd6; text-align:left !important; max-width:56ch; margin-left:0 }
.cm-hero .wp-block-buttons{ justify-content:flex-start !important }
.cm-hero .mq-p{ text-align:left }
.cm-hero .cm-gancho{
  border-left:4px solid var(--rojo); padding:4px 0 4px 20px; margin:0 0 26px;
  font-size:19px; line-height:1.55; color:#fff; max-width:56ch;
}
.cm-hero .cm-gancho b{ color:#ff9c92 }

.cm-cifras{ background:#0f1a23; padding:34px 0 !important }
.cm-cifras-rej{ display:grid; grid-template-columns:repeat(2,1fr); gap:26px 20px; max-width:1180px; margin:0 auto }
@media(min-width:820px){ .cm-cifras-rej{ grid-template-columns:repeat(4,1fr) } }
.cm-cifras-rej div{ text-align:center }
.cm-cifras-rej b{ display:block; font-size:clamp(24px,3.2vw,34px); font-weight:850; letter-spacing:-1px; color:#fff; line-height:1 }
.cm-cifras-rej span{ display:block; margin-top:9px; font-size:12.5px; letter-spacing:.09em; text-transform:uppercase; color:#9fb0bc; line-height:1.4 }
@media(min-width:820px){ .cm-cifras-rej div + div{ border-left:1px solid rgba(255,255,255,.14) } }

/* Qué determina el plazo: se responde lo que se puede, sin prometer meses */
.cm-plazo{ display:grid; gap:0; border:1px solid var(--linea); background:#fff; margin-top:8px }
@media(min-width:760px){ .cm-plazo{ grid-template-columns:repeat(3,1fr) } }
.cm-plazo__c{ padding:24px 26px; border-top:1px solid var(--linea) }
.cm-plazo__c:first-child{ border-top:0 }
@media(min-width:760px){
  .cm-plazo__c{ border-top:0; border-left:1px solid var(--linea) }
  .cm-plazo__c:first-child{ border-left:0 }
}
.cm-plazo__n{ font:800 13px/1 inherit; letter-spacing:1.2px; color:var(--rojo); margin-bottom:12px }
.cm-plazo__c h3{ font-size:18px; margin:0 0 8px; letter-spacing:-.3px }
.cm-plazo__c p{ font-size:15px; line-height:1.55; color:var(--tx2); margin:0 }

/* ═══ ciet-bodegas ═══ */
ul.ciet-bodgrid{list-style:none;margin:0 auto;padding:0;max-width:1180px;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.ciet-bod .ciet-modulo-m2::before,.ciet-bod .ciet-modulo-m2::after{content:none!important}@media (max-width:600px){ul.ciet-bodgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ciet-bod__c{padding:14px 12px 12px}.ciet-bod .ciet-modulo-m2{font-size:22px}.ciet-bod .ciet-modulo-sub,.ciet-bod__uf{font-size:13px}.ciet-bod__btn{font-size:13.5px;padding:8px 6px}}.ciet-bod{margin:0}.ciet-bod__c{background:#fff;border:1px solid #dde4e8;border-radius:12px;padding:18px 18px 16px;height:100%;display:flex;flex-direction:column;gap:4px;box-sizing:border-box}.ciet-bod__est{align-self:flex-start;font-size:11.5px;font-weight:750;letter-spacing:.6px;text-transform:uppercase;color:#7a4f00;background:#fff1cc;border-radius:100px;padding:3px 10px;margin:0 0 6px}.ciet-bod h3.wp-block-post-title{font-size:16px;font-weight:700;margin:0;color:#4a5964}.ciet-bod .ciet-modulo-m2{font-size:28px;font-weight:850;letter-spacing:-.6px;margin:0;color:#16212b}.ciet-bod .ciet-modulo-sub{font-size:14px;color:#4a5964;margin:0;line-height:1.45}.ciet-bod__uf{font-size:14px;color:#4a5964;margin:8px 0 14px}.ciet-bod__uf b{color:#c8352c;font-size:17px}.ciet-bod__btn{margin-top:auto;display:block;text-align:center;border:1.5px solid #16212b;border-radius:8px;padding:9px 12px;font-weight:700;font-size:14.5px;color:#16212b;text-decoration:none}.ciet-bod__btn:hover,.ciet-bod__btn:focus-visible{background:#16212b;color:#fff}.ciet-bod-mas{text-align:center;margin:26px 0 0}.ciet-bod-mas a{font-weight:750;color:#c8352c}

/* ═══ mb-fotos ═══ */
.mb-foto{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:10px;margin:0 0 16px;background:#e9edf0}
.mb-14{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.mb-14 .mb-foto{aspect-ratio:4/3;margin:0;border-radius:14px}
.mb-banda-foto{margin:60px auto 10px;max-width:1100px}
.mb-banda-foto .mb-foto{aspect-ratio:21/8;border-radius:14px;margin:0}
@media (max-width:781px){.mb-14{grid-template-columns:1fr;gap:26px}.mb-banda-foto .mb-foto{aspect-ratio:16/9}}
/* contraste de la lista "Cuanto es 14 m2" sobre la banda oscura */
.mb-vs-banda .mb-lista li{border-color:rgba(255,255,255,.14)}
.mb-vs-banda .mb-lista li > b{color:#ff8a7f}
.mb-vs-banda .mb-lista span{color:#c3ccd6;font-size:17px}
.mb-vs-banda .mb-lista span b{color:#fff;font-size:1.3em;font-weight:780;letter-spacing:-.3px;min-width:0}
/* foto de fondo del encabezado, oscurecida para que el texto se lea */
.wp-block-group.mb-hero.has-background{background:linear-gradient(90deg,rgba(22,33,43,.95) 0%,rgba(22,33,43,.88) 48%,rgba(22,33,43,.66) 100%),#16212b!important}
@media (max-width:781px){.wp-block-group.mb-hero.has-background{background:linear-gradient(180deg,rgba(22,33,43,.93),rgba(22,33,43,.9)),#16212b!important}}
.mb-precio{margin:18px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.mb-precio b{font-size:28px;font-weight:850;letter-spacing:-.5px;color:#fff}
.mb-precio span{color:#c3ccd6;font-size:15px}
.mb-tam{display:grid;grid-template-columns:repeat(2,minmax(0,220px));justify-content:center;gap:18px;margin:40px auto 0}
.mb-tam div{border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:20px 22px;text-align:center;background:rgba(255,255,255,.04)}
.mb-tam b{display:block;color:#fff;font-size:30px;font-weight:850;letter-spacing:-.6px}
.mb-tam span{display:block;color:#c3ccd6;font-size:13px;margin-top:8px}
.mb-tam strong{color:#ff8a7f;font-size:26px;font-weight:850}
.mb-alto{margin:18px 0 0;color:#c3ccd6;font-size:16px}.mb-alto b{color:#fff}
.mb-tam em{display:block;font-style:normal;color:#c3ccd6;font-size:14px;margin-top:2px}

/* planta de contenedor de 20 pies (5,9 × 2,35 m) con pallets de 1,2 × 1,0 m a escala */
.mb-planta{aspect-ratio:5.9/2.35!important;grid-template-columns:repeat(4,20.3%)!important;grid-template-rows:repeat(2,42.5%)!important;gap:1.2% 1%!important;align-content:center;padding:3%!important}
.mb-hero-fig .mb-planta{width:min(290px,78vw)!important}
.mb-planta::after{content:"5,9 m"!important}
.mb-planta::before{content:"2,35 m"!important;left:-52px!important}

/* ═══ ciet-v3 ═══ */
/* v3 · 21-sep: portada alineada, encabezados con foto, bandas de referencia para la sesión, íconos y tarjetas con relieve */
.ciet-hero .wp-block-cover__inner-container{max-width:1180px!important;width:100%;margin:0 auto!important}
.ciet-hero h1{max-width:17ch!important;font-size:clamp(32px,4.4vw,54px)!important;line-height:1.06!important;letter-spacing:-1.6px!important}
.ciet-hero .ciet-hero-sub{margin-top:18px}
.v3-hero{position:relative;background:linear-gradient(100deg,rgba(16,26,35,.94) 0%,rgba(16,26,35,.84) 55%,rgba(16,26,35,.55) 100%),var(--v3-img) center/cover no-repeat,#16212b!important;color:#fff}
@media (max-width:781px){.v3-hero{background:linear-gradient(180deg,rgba(16,26,35,.9),rgba(16,26,35,.88)),var(--v3-img-m) center/cover no-repeat,#16212b!important}}
.v3-hero h1,.v3-hero h2,.v3-hero strong{color:#fff!important}
.v3-hero .ciet-eyebrow{color:#ff9c92!important}
.v3-hero p:not(.mq-p):not(.ciet-eyebrow),.v3-hero .ciet-sd{color:#d3dce3!important}
.v3-banda{position:relative;min-height:320px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(16,26,35,.92) 0%,rgba(16,26,35,.72) 42%,rgba(16,26,35,.12) 100%),var(--v3-img) center/cover no-repeat,#16212b}
@media (max-width:781px){.v3-banda{min-height:300px;background:linear-gradient(180deg,rgba(16,26,35,.55),rgba(16,26,35,.9)),var(--v3-img-m) center/cover no-repeat,#16212b;align-items:flex-end}}
.v3-banda__in{width:100%;max-width:1180px;margin:0 auto;padding:44px 24px}
.v3-banda__k{margin:0 0 10px;color:#ff9c92;font-size:13px;font-weight:750;letter-spacing:1.4px;text-transform:uppercase}
.v3-banda__t{margin:0;max-width:30ch;color:#fff;font-size:clamp(24px,3vw,34px);line-height:1.18;font-weight:800;letter-spacing:-.6px}
.v3-banda__s{margin:12px 0 0;max-width:52ch;color:#c3ccd6;font-size:16.5px;line-height:1.5}
.v3-banda__a{margin:16px 0 0}
.v3-banda__a a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:8px 0;margin:-8px 0}
.v3-banda__a a:hover{color:#ffc4bd}
.v3-hero a:not(.wp-block-button__link){color:#ffc4bd;text-decoration:underline;text-underline-offset:3px}
.v3-hero a:not(.wp-block-button__link):hover{color:#fff}
h1,.v3-banda__t{text-wrap:balance}
/* Ronda 2 (5-oct): tarjetas con foto, resumen por tamaño, lista plegada, historia, razones y listas en dos columnas. */
figure.ciet-srv-foto{margin:-25px -25px 18px!important;border-radius:12px 12px 0 0;overflow:hidden;aspect-ratio:3/2;background:#e6ebef}
figure.ciet-srv-foto img{display:block;width:100%;height:100%;object-fit:cover}
ul.ciet-bodgrid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.v3-precios.ciet-resumen{max-width:1180px;grid-template-columns:repeat(4,minmax(0,1fr))}
.v3-precios.ciet-resumen p{margin:0}
.v3-precios.ciet-resumen span{line-height:1.4}
.v3-precios.ciet-resumen b{line-height:1.15}
.v3-precios.ciet-resumen em{display:block;line-height:1.45}
.ciet-plegar{text-align:center;margin:26px 0 22px}
.ciet-plegar-btn{box-sizing:border-box!important;font-family:inherit;font-weight:700;font-size:15.5px;line-height:28px;color:#16212b;background:#fff;border:1.5px solid #16212b;border-radius:9px;padding:11px 22px;min-height:44px;cursor:pointer;transition:background .15s ease,color .15s ease}
.ciet-plegar-btn:hover{background:#16212b;color:#fff}
.ciet-plegado--cerrado{display:none}
.ciet-historia{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;max-width:1180px;margin:0 auto;align-items:start}
.ciet-historia-texto p{margin:0 0 14px;max-width:62ch;font-size:16.5px;line-height:1.6;color:#4a5964}
.ciet-historia-texto h2{margin:0 0 18px!important}
.ciet-linea{border-left:2px solid #dde4e8;margin:8px 0 0 6px;padding:0}
.ciet-linea-i{position:relative;padding:0 0 22px 24px}
.ciet-linea-i:last-child{padding-bottom:0}
.ciet-linea-i::before{content:"";position:absolute;left:-8px;top:5px;width:12px;height:12px;border-radius:50%;background:#c8352c;border:2px solid #fff;box-shadow:0 0 0 2px #c8352c}
.ciet-linea-a{margin:0 0 2px;font-size:14px;font-weight:800;color:#c8352c;letter-spacing:.04em;text-transform:uppercase}
.ciet-linea-i p:not(.ciet-linea-a){margin:0;font-size:15.5px;line-height:1.5;color:#4a5964}
.ciet-razones{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;max-width:1180px;margin:30px auto 0;align-items:center}
.ciet-razones-lista .ciet-srv{border:0;padding:0;background:none;height:auto;margin-bottom:22px;box-shadow:none!important;transform:none!important}
.ciet-razones-lista .ciet-srv:last-child{margin-bottom:0}
figure.ciet-razones-foto{margin:0}
figure.ciet-razones-foto img{display:block;width:100%;height:auto;border-radius:14px}
figure.ciet-razones-foto figcaption{font-size:14px;color:#4a5964;margin:10px 0 0!important;text-align:left}
.ciet-dos-listas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;max-width:1180px;margin:0 auto}
.ciet-lista-col .ciet-eyebrow{text-align:left}
.ciet-lista-col h2{text-align:left;font-size:clamp(22px,2.2vw,28px);margin:0 0 6px!important}
.ciet-lista-col .ciet-sd{margin:0 0 18px;text-align:left;margin-left:0}
.ciet-lista-col .ciet-srv{height:auto;margin-bottom:14px}
.ciet-lista-col .ciet-srv:last-child{margin-bottom:0}
@media (max-width:781px){
ul.ciet-bodgrid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
.v3-precios.ciet-resumen{grid-template-columns:repeat(2,minmax(0,1fr))}
.ciet-historia,.ciet-razones,.ciet-dos-listas{grid-template-columns:1fr;gap:30px}
figure.ciet-razones-foto{order:-1}
}
/* Anclas (#precios, #consultar, #faq…): la cabecera es fija (89 px en computador, 73 en el teléfono) y el destino queda bajo ella con un respiro de 24 px. */
main [id]{scroll-margin-top:113px}
@media (max-width:781px){main [id]{scroll-margin-top:97px}}
.v3-ic,.ciet-srv>.ciet-srv-ic{width:48px;height:48px;border-radius:12px;background:#fdecea;color:#c8352c!important;display:flex!important;align-items:center;justify-content:center!important;margin-bottom:16px!important}
.mb-vs-banda .v3-ic{background:rgba(255,255,255,.08);color:#ff8a7f!important}
.ciet-srv,.ciet-paso{box-shadow:0 1px 2px rgba(22,33,43,.05),0 10px 28px -16px rgba(22,33,43,.28);transition:transform .2s ease,box-shadow .2s ease}
.ciet-srv:hover,.ciet-paso:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(22,33,43,.06),0 16px 34px -16px rgba(22,33,43,.32)}
@media (prefers-reduced-motion:reduce){.ciet-srv,.ciet-paso{transition:none}.ciet-srv:hover,.ciet-paso:hover{transform:none}}
main > .has-humo-background-color:not(.v3-hero):not(.mb-vs-banda):not(.mb-hero):not(.cm-hero){background:linear-gradient(180deg,#eef2f5 0%,#f5f7f9 38%,#f5f7f9 100%)!important}
.v3-galeria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1180px;margin:0 auto}
.v3-galeria figure{margin:0;background:#fff;border:1px solid #dde4e8;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px -18px rgba(22,33,43,.3)}
.v3-galeria img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.v3-galeria figcaption{padding:14px 16px 16px;font-size:14.5px;color:#4a5964;line-height:1.5}
.v3-galeria figcaption b{display:block;color:#16212b;font-size:16px;margin-bottom:2px}
@media (max-width:781px){.v3-galeria{grid-template-columns:1fr}}
.v3-precios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:980px;margin:0 auto}
.v3-precios div{background:#fff;border:1px solid #dde4e8;border-radius:14px;padding:22px 22px 20px;text-align:center;box-shadow:0 10px 28px -18px rgba(22,33,43,.3)}
.v3-precios span{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#4a5964;font-weight:700}
.v3-precios b{display:block;font-size:32px;font-weight:850;letter-spacing:-.8px;color:#16212b;margin:8px 0 2px}
.v3-precios em{font-style:normal;color:#4a5964;font-size:14px}
@media (max-width:781px){.v3-precios{grid-template-columns:1fr}}

/* v3.1 · 21-sep: correcciones según impeccable detect (patrones de IA reales, medidos sobre la página renderizada) */
.v3-ic,.ciet-srv>.ciet-srv-ic{width:auto!important;height:auto!important;background:none!important;border-radius:0!important;margin:0!important;float:left;margin-right:12px!important;margin-top:1px!important}
.ciet-srv>.ciet-srv-ic+h3,.ciet-srv>.v3-ic+h3,.ciet-paso>.v3-ic+h3{min-height:28px;display:flex;align-items:center}
.ciet-srv>.ciet-srv-ic+h3+*,.ciet-paso>.v3-ic+h3+*{clear:left}
.has-text-align-center .v3-ic,.ciet-srv.has-text-align-center>.v3-ic{float:none;display:inline-flex!important}
.wp-block-site-tagline,.wp-block-site-tagline *{text-transform:none!important;letter-spacing:0!important;font-size:12.5px!important}
.mb-cifras-rej span,.cm-cifras span,.cm-cifras p,.ciet-cifra-l{text-transform:none!important;letter-spacing:0!important;font-size:14px!important}
.v3-banda__k{text-transform:none!important;letter-spacing:0!important;font-size:15.5px!important;font-weight:600!important}
main .ciet-sd,main .has-text-align-center.ciet-sd{max-width:60ch;margin-left:auto;margin-right:auto}
.ciet-srv,.ciet-paso,.v3-galeria figure,.v3-precios div{box-shadow:none!important}
.wp-block-details p,.ciet-faq p{max-width:66ch}
.mb-hero .ciet-sd{margin-left:0!important}
.ciet-srv:hover,.ciet-paso:hover{box-shadow:0 6px 18px -12px rgba(22,33,43,.22)!important}
.ciet-hero h1,.v3-hero h1,.mb-hero h1,.cm-hero h1{letter-spacing:-.02em!important}
@media (max-width:781px){.v3-hero{background:linear-gradient(180deg,rgba(16,26,35,.86),rgba(16,26,35,.8)),var(--v3-img-m) center/cover no-repeat,#16212b!important}
.wp-block-group.mb-hero.has-background{background:linear-gradient(180deg,rgba(22,33,43,.86),rgba(22,33,43,.8)),#16212b!important}}

/* ═══ Mini bodegas · diseño aprobado el 5-oct-2026 (propuesta B del 1-oct): estilos propios de la página ═══ */
/* Propuesta B · mini bodegas · CIET Torquemada · 1-oct-2026
   Misma marca (rojo #c8352c, tinta #16212b, humo #f4f7f8, letra del sistema). Cambia la manera:
   portada clara con el precio a la vista, una ilustración propia en vez de fotos de banco, menos
   cajas y una sola banda oscura. Todo con prefijo p2- para no tocar el resto de la página. */

.p2 {
	--p2-rojo: #c8352c;
	--p2-rojo2: #a82a22;
	--p2-tinta: #16212b;
	--p2-tinta2: #0f1a23;
	--p2-gris: #4a5964;
	--p2-gris2: #5b6975;
	--p2-humo: #f4f7f8;
	--p2-linea: #dde4e8;
	--p2-wa: #0b7a63;
	--p2-wa2: #075e54;
	position: relative;
	box-sizing: border-box;
	width: 100vw;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 104px 24px;
	background: #fff;
	color: var(--p2-tinta);
	font-family: inherit;
}

.p2 *,
.p2 *::before,
.p2 *::after {
	box-sizing: border-box;
}

.p2-ancho {
	width: min(1180px, 100%);
	margin-inline: auto;
}

.p2-migas {
	display: flex;
	gap: 8px;
	margin-bottom: 18px;
	font-size: 14.5px;
	color: var(--p2-gris2);
}

.p2-migas a {
	color: var(--p2-gris);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.p2-migas a:hover {
	color: var(--p2-rojo2);
}

.p2 h1,
.p2 h2,
.p2 h3,
.p2 p,
.p2 dl,
.p2 dd,
.p2 ul,
.p2 ol,
.p2 figure {
	margin: 0;
	padding: 0;
	text-align: left;
}

.p2 ul,
.p2 ol {
	list-style: none;
}

.p2-kicker {
	margin: 0 0 16px !important;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--p2-rojo2);
}

.p2-kicker--claro {
	color: #ff9c92;
}

.p2-h1 {
	font-size: clamp(38px, 4.6vw, 64px) !important;
	line-height: 1.02 !important;
	letter-spacing: -0.035em;
	font-weight: 800;
	color: var(--p2-tinta) !important;
	max-width: 13ch;
	text-wrap: balance;
}

.p2-h2 {
	font-size: clamp(30px, 3.2vw, 44px) !important;
	line-height: 1.06 !important;
	letter-spacing: -0.03em;
	font-weight: 800;
	color: inherit;
	max-width: 22ch;
	text-wrap: balance;
}

.p2-bajada {
	margin-top: 18px !important;
	max-width: 54ch;
	font-size: 18px;
	line-height: 1.6;
	color: var(--p2-gris);
	text-wrap: pretty;
}

.p2-cab {
	margin-bottom: 56px;
}

.p2-pill {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 999px;
	background: #fdf1d8;
	color: #7a4708;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	vertical-align: 2px;
}

/* Botones */
.p2-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 32px;
}

.p2-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 54px;
	padding: 0 26px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.01em;
	text-decoration: none !important;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.p2-btn:active {
	transform: translateY(1px);
}

.p2-btn--rojo {
	background: var(--p2-rojo);
	color: #fff !important;
}

.p2-btn--rojo:hover,
.p2-btn--rojo:focus-visible {
	background: var(--p2-rojo2);
}

.p2-btn--wa {
	border: 1.5px solid var(--p2-wa);
	color: var(--p2-wa) !important;
	background: #fff;
}

.p2-btn--wa:hover,
.p2-btn--wa:focus-visible {
	background: var(--p2-wa);
	color: #fff !important;
}

.p2-btn svg {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.p2-btn:focus-visible {
	outline: 3px solid rgba(200, 53, 44, 0.35);
	outline-offset: 2px;
}

/* 1 · Portada */
.p2-hero {
	padding: 56px 24px 96px;
	background: linear-gradient(180deg, #fff 0%, var(--p2-humo) 100%);
	overflow: hidden;
}

.p2-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
	gap: 48px;
	align-items: center;
}

.p2-precio {
	margin-top: 26px !important;
	font-size: 22px;
	line-height: 1.2;
	color: var(--p2-gris);
}

.p2-precio b {
	font-size: clamp(40px, 3.6vw, 52px);
	font-weight: 800;
	letter-spacing: -0.035em;
	color: var(--p2-rojo);
	font-variant-numeric: tabular-nums;
}

.p2-hero__nota {
	margin-top: 22px !important;
	font-size: 14.5px;
	color: var(--p2-gris2);
}

.p2-hero__fig {
	position: relative;
}

/* Portada con foto del cliente (grupo de WhatsApp, 1-oct): mismas esquinas que las tarjetas */
.p2-hero__fig--foto img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 14px;
	background: var(--p2-humo);
}

.p2-hero__pie {
	margin-top: 12px;
	font-size: 13.5px;
	line-height: 1.45;
	color: var(--p2-gris2);
}

/* 2 · Tamaños */
.p2-tam {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border: 1px solid var(--p2-linea);
	border-radius: 20px;
	overflow: hidden;
	background: #fff;
}

.p2-tam__item {
	display: flex;
	flex-direction: column;
	padding: 40px 40px 36px;
}

.p2-tam__item + .p2-tam__item {
	border-left: 1px solid var(--p2-linea);
}

.p2-tam__fig {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	height: 210px;
	margin: 0 -8px 28px;
	border-radius: 14px;
	background: var(--p2-humo);
}

.p2-tam__fig svg {
	display: block;
	max-width: 100%;
	max-height: 196px;
}

.p2-tam__t {
	font-size: 44px !important;
	line-height: 1 !important;
	font-weight: 800;
	letter-spacing: -0.035em;
	color: var(--p2-tinta);
	font-variant-numeric: tabular-nums;
}

.p2-tam__sub {
	margin-top: 8px !important;
	font-size: 16px;
	color: var(--p2-gris);
}

.p2-tam__specs {
	margin-top: 24px !important;
	border-top: 1px solid var(--p2-linea);
}

.p2-tam__specs div {
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr);
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px solid var(--p2-linea);
}

.p2-tam__specs dt {
	font-size: 14.5px;
	color: var(--p2-gris2);
}

.p2-tam__specs dd {
	font-size: 15.5px;
	font-weight: 600;
	color: var(--p2-tinta);
}

.p2-plano {
	margin-top: 22px !important;
}

.p2-plano svg {
	display: block;
	width: 100%;
	height: auto;
}

.p2-plano figcaption {
	margin-top: 6px;
	font-size: 13.5px;
	color: var(--p2-gris2);
}

.p2-tam__pie {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: auto;
	padding-top: 28px;
}

.p2-tam__precio {
	font-size: 17px;
	color: var(--p2-gris);
}

.p2-tam__precio b {
	font-size: 34px;
	font-weight: 800;
	letter-spacing: -0.03em;
	color: var(--p2-tinta);
	font-variant-numeric: tabular-nums;
}

.p2-nota-medidas {
	max-width: 80ch;
	margin-top: 20px !important;
	font-size: 14.5px;
	line-height: 1.55;
	color: var(--p2-gris2);
}

/* 3 · Cómo funciona */
.p2-pasos {
	background: var(--p2-humo);
}

.p2-pasos__lista {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 48px;
}

.p2-pasos__lista::before {
	content: "";
	position: absolute;
	left: 26px;
	right: calc(33.33% - 26px);
	top: 25px;
	height: 2px;
	background: var(--p2-linea);
}

.p2-pasos__lista li {
	position: relative;
}

.p2-pasos__n {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin-bottom: 22px;
	border-radius: 50%;
	background: var(--p2-tinta);
	color: #fff;
	font-size: 20px;
	font-weight: 800;
	box-shadow: 0 0 0 8px var(--p2-humo);
}

.p2-pasos__lista h3,
.p2-usos__lista h3 {
	font-size: 21px !important;
	line-height: 1.25 !important;
	font-weight: 700;
	letter-spacing: -0.015em;
	color: var(--p2-tinta);
}

.p2-pasos__lista p,
.p2-usos__lista p {
	margin-top: 8px !important;
	max-width: 34ch;
	font-size: 16.5px;
	line-height: 1.6;
	color: var(--p2-gris);
}

/* 4 · Para qué se usa */
.p2-usos__grid {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	gap: 72px;
	align-items: start;
}

.p2-usos .p2-cab {
	margin-bottom: 0;
}

.p2-usos__lista {
	border-top: 1px solid var(--p2-linea);
}

.p2-usos__lista li {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr);
	gap: 20px;
	padding: 26px 0;
	border-bottom: 1px solid var(--p2-linea);
}

.p2-ico {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: #fdeceb;
	color: var(--p2-rojo2);
}

.p2-ico svg {
	width: 28px;
	height: 28px;
}

.p2-usos__lista p {
	max-width: 56ch;
}

/* 5 · Condominio y seguridad: la única banda oscura */
.p2-condo {
	background: var(--p2-tinta);
	color: #fff;
}

.p2-condo .p2-h2 {
	color: #fff !important;
}

.p2-condo .p2-bajada {
	color: #c3ccd6;
}

.p2-condo__grid {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	gap: 72px;
	align-items: start;
}

.p2-condo .p2-cab {
	margin-bottom: 0;
}

.p2-condo__lista {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.p2-condo__lista div {
	padding: 26px 28px 28px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.p2-condo__lista div:nth-child(2n) {
	padding-left: 28px;
	padding-right: 0;
	border-left: 1px solid rgba(255, 255, 255, 0.16);
}

.p2-condo__lista dt {
	font-size: 19px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #fff;
}

.p2-condo__lista dd {
	margin-top: 8px !important;
	font-size: 16px;
	line-height: 1.6;
	color: #c3ccd6;
}

/* Celular y tablet */
@media (max-width: 960px) {
	.p2 {
		padding: 72px 24px;
	}

	.p2-hero__grid,
	.p2-usos__grid,
	.p2-condo__grid {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.p2-tam {
		grid-template-columns: 1fr;
	}

	.p2-tam__item + .p2-tam__item {
		border-left: 0;
		border-top: 1px solid var(--p2-linea);
	}
}

@media (max-width: 781px) {
	.p2 {
		padding: 56px 20px;
	}

	.p2-hero {
		padding: 32px 20px 56px;
	}

	.p2-cab {
		margin-bottom: 36px;
	}

	.p2-bajada {
		font-size: 17px;
	}

	.p2-cta .p2-btn {
		flex: 1 1 100%;
	}

	.p2-tam__item {
		padding: 28px 20px 28px;
	}

	.p2-tam__fig {
		height: 170px;
		margin: 0 0 22px;
	}

	.p2-tam__specs div {
		grid-template-columns: 1fr;
		gap: 2px;
	}

	.p2-tam__pie .p2-btn {
		flex: 1 1 100%;
	}

	.p2-pasos__lista {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.p2-pasos__lista::before {
		left: 25px;
		right: auto;
		top: 26px;
		bottom: 26px;
		width: 2px;
		height: auto;
	}

	.p2-pasos__lista li {
		padding-left: 76px;
	}

	.p2-pasos__n {
		position: absolute;
		left: 0;
		top: 0;
	}

	.p2-condo__lista {
		grid-template-columns: 1fr;
	}

	.p2-condo__lista div,
	.p2-condo__lista div:nth-child(2n) {
		padding: 22px 0;
		border-left: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.p2-btn {
		transition: none;
	}
}