/* =============================================================
   /que-podemos-retirar/ — PROMPT 09.3C (cotizador → hero)
   VISUAL_AUTHORITY=HOME_PREMIUM_CANDIDATA_A
   PRODUCTION_VISUAL_GATE=PASS_FOR_ILLUSTRATIVE_VISUALS
   M0–M3 = PUBLICABLE_AI_ILLUSTRATIVE · REAL_JOB_PHOTOS=NOT_APPLICABLE
   MATERIALS_CANONICAL_CONTENT_OWNER · FLEET=BLOCKED
   ============================================================= */

.pagina-materiales .hero--materiales{
  padding-bottom:40px;
}
.pagina-materiales .hero__ornamento{
  position:absolute; top:10px; right:8%; width:100px; opacity:.14; pointer-events:none; z-index:1;
}
/* Patrón Home / Precios: texto+M0 izquierda, cotizador derecha */
.pagina-materiales .hero__grilla{
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  align-items:start;
  gap:36px;
  padding-top:52px; padding-bottom:64px;
}
.pagina-materiales .hero__titulo{ max-width:14ch; }
.pagina-materiales .hero__bajada{ max-width:44ch; }
.pagina-materiales .hero__imagen{
  grid-column:1;
  grid-row:2;
  max-width:100%;
  border-radius:var(--radio-lg);
  overflow:hidden;
  background:var(--verde-tenue);
}
.pagina-materiales .tarjeta-cotizador{
  grid-column:2;
  grid-row:1 / span 2;
  width:100%;
  max-width:none;
  margin:0;
  box-shadow:var(--sombra-card);
}

.foto-materiales{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:var(--radio-lg);
  background:var(--verde-tenue);
}
.foto-materiales--hero{
  aspect-ratio:14 / 9;
  max-height:320px;
  object-position:center 40%;
}
.foto-materiales--bloque{
  aspect-ratio:14 / 9;
  max-height:300px;
  object-position:center 48%;
}
/* M2: persona + teléfono — crops 09.3B */
.foto-materiales--eval{
  max-height:380px;
  object-position:28% 42%;
}
/* M3: puerta + patio — crops 09.3B */
.foto-materiales--cta{
  aspect-ratio:14 / 9;
  max-height:300px;
  object-position:center 58%;
}

.visual-ilustrativo{
  margin:22px 0 0;
  padding:0;
  border:0;
  border-radius:var(--radio-lg);
  overflow:hidden;
  background:var(--verde-tenue);
}
.visual-ilustrativo--cta{
  margin:0;
}

.matriz-leyenda{
  display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 8px;
}
.matriz-chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 14px; border-radius:999px; font-size:13px; font-weight:700;
  border:1px solid var(--borde);
  background:var(--blanco); color:var(--tinta);
}
.matriz-chip--a{ background:#F3F8EC; border-color:#C8DBB0; color:var(--verde-800); }
.matriz-chip--b{ background:#FBF6E8; border-color:#E5D4A0; color:#6B5318; }
.matriz-chip--c{ background:#F4F2EE; border-color:#D5D0C6; color:#3A3A36; }

.bloque-matriz{ margin-top:8px; }
.bloque-matriz__cabecera{
  display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:12px;
  margin-bottom:22px;
}
.bloque-matriz__badge{
  display:inline-flex; align-items:center; gap:8px;
  font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
  padding:8px 14px; border-radius:999px;
}
.badge-a{ background:var(--verde); color:#fff; }
.badge-b{ background:#C9A227; color:#1E1A0C; }
.badge-c{ background:#3A3A36; color:#fff; }

.mat-lista{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 28px;
}
.mat-lista--c{ grid-template-columns:1fr; gap:14px; }
.mat-item{
  display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start;
  margin:0; padding:12px 4px;
  border-bottom:1px solid var(--borde-suave);
}
.mat-item__mark{
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; border-radius:50%;
  font-size:14px; font-weight:800; line-height:1;
  flex:0 0 auto; margin-top:1px;
}
.bloque-a .mat-item__mark{ background:#E7F1DA; color:var(--verde-800); }
.bloque-b .mat-item__mark{ background:#F6E9C0; color:#6B5318; }
.bloque-c .mat-item__mark{ background:#E8E6E1; color:#3A3A36; }
.mat-item__txt{
  font-size:16px; line-height:1.45; color:var(--tinta); padding-top:3px;
}
.mat-item__titulo{ font-size:16px; margin:0 0 4px; color:var(--tinta); }
.mat-item__desc{ font-size:15px; line-height:1.55; color:var(--texto); margin:0; }

.aviso-eval{
  margin-top:20px; padding:16px 18px;
  border-radius:var(--radio);
  background:#FBF6E8; border:1px solid #E5D4A0;
  font-size:15px; line-height:1.55; color:var(--texto); max-width:62ch;
}
.aviso-asbesto{
  margin-top:18px; padding:16px 18px;
  border-radius:var(--radio);
  background:#F4F2EE; border:1px solid #D5D0C6;
  font-size:16px; font-weight:700; color:var(--tinta); max-width:62ch;
}

.pasos-info{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:24px;
}
.paso-info{
  padding:0; border:0; background:transparent;
}
.paso-info__n{
  display:inline-flex; width:28px; height:28px; border-radius:50%;
  align-items:center; justify-content:center;
  background:var(--verde); color:#fff; font-size:13px; font-weight:700; margin-bottom:10px;
}
.paso-info h3{ font-size:16px; margin-bottom:6px; }
.paso-info p{ font-size:15px; line-height:1.55; color:var(--texto); }

.regla-cotizacion{
  display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  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-cotizacion__cita{
  font-size:clamp(17px,2vw,20px); line-height:1.55; color:var(--tinta);
  font-weight:600; max-width:46ch;
}

.pagina-materiales .preguntas--aire{
  grid-template-columns:1fr 1fr; gap:12px 40px;
}
.pagina-materiales .preguntas--aire .pregunta{
  border:0; border-bottom:1px solid var(--borde); border-radius:0;
  background:transparent; box-shadow:none; padding:4px 0 10px; margin:0;
}
.pagina-materiales .preguntas--aire .pregunta summary{ padding:14px 0; }
.pagina-materiales .preguntas--aire .pregunta__respuesta{ padding:0 0 12px; }

/* Cierre aspiracional: M3 + mensaje + CTA → #cotizar (sin segundo form) */
.cierre-materiales{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:32px;
  align-items:center;
}
.cierre-materiales__mensaje .cierre__titulo{ margin-top:0; }
.cierre-materiales__enlaces{
  display:flex; flex-wrap:wrap; gap:14px; margin-top:18px;
}

.nota-editorial-mat{
  max-width:680px; padding:8px 0;
}
.nota-editorial-mat p{ font-size:var(--text-body-desktop); line-height:var(--leading-body-desktop); color:var(--texto); }

@media (max-width:1024px){
  .pagina-materiales .hero__grilla{ grid-template-columns:1fr; }
  .pagina-materiales .hero__texto{ order:1; }
  .pagina-materiales .hero__imagen{
    order:2;
    grid-column:auto;
    grid-row:auto;
  }
  .pagina-materiales .tarjeta-cotizador{
    order:3;
    grid-column:auto;
    grid-row:auto;
    max-width:460px;
  }
  .pagina-materiales .hero__ornamento{ display:none; }
  .mat-lista{ grid-template-columns:1fr; }
  .pasos-info, .cierre-materiales, .regla-cotizacion{ grid-template-columns:1fr; }
  .pagina-materiales .preguntas--aire{ grid-template-columns:1fr; }
  .foto-materiales--hero{ max-height:280px; }
}
@media (max-width:720px){
  .pagina-materiales .hero__grilla{ padding-top:36px; padding-bottom:48px; gap:24px; }
  .foto-materiales--hero{ max-height:200px; }
  /* M1/M2/M3 crops 09.3B intactos */
  .foto-materiales--bloque{ max-height:240px; object-position:center 50%; }
  .foto-materiales--eval{ max-height:260px; object-position:32% 40%; }
  .foto-materiales--cta{ max-height:220px; object-position:center 55%; }
  .matriz-leyenda{ gap:8px; }
  .pagina-materiales .tarjeta-cotizador{ max-width:none; }
}