/* =============================================================
   /retiro-de-cachureos-y-enseres/ — overrides de página interna
   PRODUCTION_VISUAL_GATE=PENDING — V0–V5 son placeholders AI
   (marca CAMBIAR POR FOTO REAL incorporada en los WebP)
   ============================================================= */

.pagina-interna .hero__grilla{
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  align-items:start;
}
.pagina-interna .hero__imagen{
  grid-column:1;
  grid-row:2;
  max-width:100%;
  border-radius:var(--radio-lg);
  overflow:hidden;
}
.pagina-interna .tarjeta-cotizador{
  grid-column:2;
  grid-row:1 / span 2;
}

/* ---- Fotos cachureos (object-fit cover, sin estirar) ---- */
.foto-cachureos{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:var(--radio-lg);
  background:var(--verde-tenue);
}
.foto-cachureos--hero{
  aspect-ratio:4 / 3;
  max-height:420px;
  object-position:center 40%;
}
.foto-cachureos--definicion{
  aspect-ratio:4 / 3;
  max-height:420px;
  object-position:center center;
}
.situaciones__foto.marco-foto--con-foto{
  border-radius:var(--radio-lg);
  overflow:hidden;
  background:var(--verde-tenue);
}
.situaciones__visual{
  margin-top:28px;
  border-radius:var(--radio-lg);
  overflow:hidden;
}
.foto-cachureos--situaciones{
  aspect-ratio:16 / 9;
  max-height:360px;
  object-position:center 45%;
}
.foto-cachureos--proceso{
  aspect-ratio:4 / 5;
  max-height:520px;
  object-position:center top;
}
.proceso__imagen.marco-foto--con-foto{
  border-radius:var(--radio-lg);
  overflow:hidden;
  background:var(--verde-tenue);
}
.caso-unico__foto{
  min-height:0;
  overflow:hidden;
  background:var(--verde-tenue);
}
.foto-cachureos--caso{
  aspect-ratio:3 / 2;
  max-height:420px;
  height:100%;
  border-radius:0;
  object-position:center center;
}

.definicion__ejemplos{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border-radius:999px;
  background:var(--verde-tenue);
  border:1px solid var(--borde);
  color:var(--tinta);
  font-size:13px;
  font-weight:600;
}

.materiales-abc{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:28px;
}
.material-col{
  border:1px solid var(--borde);
  border-radius:var(--radio-lg);
  background:var(--blanco);
  padding:22px 20px;
  box-shadow:var(--sombra-suave);
}
.material-col__titulo{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:17px;
  margin-bottom:12px;
}
.material-col--ok .material-col__titulo{ color:var(--verde-800); }
.material-col--eval .material-col__titulo{ color:#8A6A12; }
.material-col--no .material-col__titulo{ color:#8B2E2E; }
.material-col ul{
  display:grid;
  gap:8px;
}
.material-col li{
  position:relative;
  padding-left:14px;
  font-size:var(--text-body-desktop);
  line-height:var(--leading-body-desktop);
  color:var(--texto);
}
.material-col li::before{
  content:"";
  position:absolute;
  left:0;
  top:.65em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
  opacity:.45;
}

.regla-terreno{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:28px;
  align-items:center;
  padding:28px;
  border-radius:var(--radio-lg);
  background:linear-gradient(135deg,var(--salvia),var(--crema));
  border:1px solid var(--borde);
}
.regla-terreno__marca{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.regla-terreno__cita{
  font-size:clamp(17px,2vw,20px);
  line-height:1.55;
  color:var(--tinta);
  font-weight:600;
  max-width:46ch;
}

.caso-unico{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:0;
  align-items:stretch;
  background:var(--blanco);
  border:1px solid var(--borde);
  border-radius:var(--radio-lg);
  overflow:hidden;
  box-shadow:var(--sombra-suave);
}
.caso-unico__ficha{ padding:28px 26px; }
.caso-unico__valor{
  margin-top:14px;
  font-size:20px;
  font-weight:700;
  color:var(--verde-800);
}
.caso-unico__disclaimer{
  margin-top:14px;
  font-size:14px;
  color:var(--texto-suave);
  max-width:42ch;
}

.pagina-interna .preguntas{
  grid-template-columns:1fr 1fr;
}

.situaciones-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:24px;
}

@media (max-width:1024px){
  .pagina-interna .hero__grilla{
    grid-template-columns:1fr;
  }
  .pagina-interna .hero__imagen,
  .pagina-interna .tarjeta-cotizador{
    grid-column:auto;
    grid-row:auto;
  }
  .pagina-interna .hero__imagen{ order:2; }
  .pagina-interna .tarjeta-cotizador{ order:3; }
  .pagina-interna .hero__texto{ order:1; }
  .foto-cachureos--hero{
    max-height:280px;
    aspect-ratio:16 / 10;
  }
  .materiales-abc{ grid-template-columns:1fr; }
  .regla-terreno,
  .caso-unico{ grid-template-columns:1fr; }
  .foto-cachureos--caso{
    max-height:280px;
    border-radius:0;
  }
  .foto-cachureos--proceso{
    max-height:360px;
    aspect-ratio:3 / 4;
  }
}

@media (max-width:720px){
  .pagina-interna .preguntas{ grid-template-columns:1fr; }
  .definicion__ejemplos{ gap:6px; }
  .situaciones-grid{ grid-template-columns:1fr; }
  .foto-cachureos--hero{
    max-height:220px;
    aspect-ratio:16 / 9;
  }
  .foto-cachureos--definicion{
    max-height:240px;
  }
  .foto-cachureos--situaciones{
    max-height:200px;
    aspect-ratio:16 / 9;
  }
  .foto-cachureos--caso{
    max-height:220px;
  }
  .foto-cachureos--proceso{
    max-height:280px;
  }
}