/* Páginas de producto: mismo sistema que la home (estilos, movimiento, redondeado, testimonios y vídeos) */
.migas{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#BFAFA2}
.migas a:hover{color:#fff}
.producto-portada .caja{display:grid;grid-template-columns:1fr 1fr;gap:calc(6*var(--u));align-items:center;min-height:620px}
.producto-portada .texto{padding:calc(9*var(--u)) 0}
.producto-portada h1{font-size:clamp(52px,7vw,96px);margin-top:calc(2*var(--u))}
.producto-portada .lema{font-family:var(--serif);font-style:italic;font-size:clamp(24px,2.6vw,32px);color:var(--oro);margin-top:var(--u)}
.producto-portada p{margin-top:calc(3*var(--u));font-size:18px;color:#D9CCC0;max-width:480px}
.formatos{display:flex;gap:var(--u);flex-wrap:wrap;margin-top:calc(3*var(--u))}
.formato{border:1px solid rgba(255,255,255,.25);color:#EFE5DA;font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px}
.escaparate{position:relative;height:100%;min-height:520px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:calc(6*var(--u))}
.escaparate img{width:88%;max-width:520px;max-height:440px;object-fit:contain}
.escaparate.estrecho img{width:auto;max-width:70%}

.ventajas{display:grid;grid-template-columns:repeat(3,1fr);margin-top:calc(7*var(--u))}
.ventaja{padding:calc(4*var(--u)) calc(3.5*var(--u))}
.ventaja .n{font-family:var(--serif);font-size:20px;color:var(--oro-texto)}
.ventaja h3{font-size:30px;margin-top:var(--u)}
.ventaja p{color:var(--gris);font-size:15px;margin-top:var(--u)}

.metodo{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(3*var(--u));margin-top:calc(7*var(--u))}
.metodo.dos{grid-template-columns:repeat(2,1fr);max-width:860px}
.paso-m{background:#fff;display:flex;flex-direction:column}
.paso-m .img{position:relative;display:flex;align-items:flex-end;justify-content:center}
.paso-m .num{position:absolute;left:calc(3*var(--u));top:calc(2*var(--u));font-family:var(--serif);font-size:64px;line-height:1;z-index:2}
.paso-m .cuerpo{padding:calc(3*var(--u))}
.paso-m .tipo{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--oro-texto)}
.paso-m h3{font-size:28px;margin-top:var(--u)}
.paso-m p{color:var(--gris);font-size:15px;margin-top:var(--u)}
.descarga{display:inline-flex;margin-top:calc(5*var(--u));gap:10px;font-weight:600;color:var(--marron);border-bottom:1px solid var(--oro);padding-bottom:4px}

.ampolla .caja{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,96px);align-items:center}
.lista-fina{list-style:none;margin-top:calc(4*var(--u));border-top:1px solid var(--linea)}
.lista-fina li{padding:calc(2*var(--u)) 0;border-bottom:1px solid var(--linea);display:flex;gap:calc(2*var(--u));font-size:16px}
.lista-fina li::before{content:"";flex:0 0 8px;height:8px;margin-top:9px;background:var(--oro);transform:rotate(45deg)}
.lista-fina.dos-col{columns:2;column-gap:calc(5*var(--u))}
.lista-fina.dos-col li{break-inside:avoid}

/* Tres piezas (ampollas del pulverizador, usos de Cacau ONE) */
.tres{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(3*var(--u));margin-top:calc(7*var(--u))}
.pieza{background:#fff;border-radius:var(--r-l);overflow:hidden;box-shadow:var(--sombra-suave);display:flex;flex-direction:column}
.pieza .img{height:320px;padding:calc(4*var(--u)) calc(3*var(--u)) calc(5*var(--u));border-radius:var(--r-l) var(--r-l) 0 0}
.pieza .img img{max-height:100%;max-width:80%}
.pieza .cuerpo{padding:calc(3*var(--u)) calc(3.5*var(--u)) calc(3.5*var(--u))}
.pieza .tipo{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--oro-texto)}
.pieza h3{font-size:30px;margin-top:var(--u)}
.pieza p{color:var(--gris);font-size:15px;margin-top:var(--u)}

/* Vídeo horizontal con explicación */
.explica .caja{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(32px,5vw,72px);align-items:center}
.video-ancho{position:relative!important;top:auto!important;aspect-ratio:16/9!important}

/* FAQ */
.faq{max-width:860px;margin-top:calc(6*var(--u))}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:calc(2*var(--u));padding:calc(3*var(--u)) 0;font-family:var(--serif);font-size:26px;line-height:1.2}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--sans);font-size:24px;color:var(--oro-texto);transition:transform .3s}
details[open] summary::after{transform:rotate(45deg)}
details p{color:var(--gris);padding:0 0 calc(3*var(--u));max-width:720px}

/* Completa el servicio */
.relacionados .rejilla{margin-top:calc(5*var(--u))}
.relacionados .trat .img{height:260px}

/* Pie con todos los productos */
.pie-productos{display:flex;flex-wrap:wrap;gap:calc(1.5*var(--u)) calc(3*var(--u));font-size:13px;width:100%;padding-bottom:calc(2*var(--u));border-bottom:1px solid rgba(255,255,255,.08)}
.pie-productos a{color:#CDBFB3} .pie-productos a:hover{color:#fff}

@media (max-width:900px){
  .producto-portada .caja,.ampolla .caja,.explica .caja{grid-template-columns:1fr}
  .producto-portada .texto{padding:calc(7*var(--u)) 0 0}
  .escaparate{min-height:380px}
  .ventajas,.metodo,.metodo.dos,.tres{grid-template-columns:1fr}
  .lista-fina.dos-col{columns:1}
  summary{font-size:22px}
}