/* Complemento de estilos: no sustituye styles.css */
.product .photo {display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#f7f5f0!important;min-height:250px!important;padding:14px!important;box-sizing:border-box!important}
.product .photo img {display:block!important;width:100%!important;height:280px!important;max-height:45vh!important;object-fit:contain!important;object-position:center center!important;transform:none!important}
.product .photo:hover img {transform:none!important}
.brand-logo,.hero-brand-logo {object-fit:contain!important;max-width:100%!important}
.video-history {background:#f3efe7;color:#27221e;padding:clamp(36px,6vw,90px) 6%;display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,420px);align-items:center;justify-content:center;gap:clamp(24px,5vw,72px)}
.video-history h2 {font-size:clamp(2rem,4vw,3.6rem);line-height:1.1;margin:14px 0 20px}
.video-history p {font-size:1.1rem;line-height:1.7;max-width:48ch}
.video-history video {display:block;width:100%;max-width:420px;max-height:76vh;aspect-ratio:9/16;object-fit:contain;background:#141414;border-radius:16px;box-shadow:0 14px 42px #0002}
@media(max-width:720px){.video-history{grid-template-columns:1fr}.video-history video{margin:auto}.product .photo img{height:230px!important}}

/* Integra visualmente el blanco del archivo de logotipo sobre fondos claros.
   Para transparencia real, sustituir el WebP por un PNG/WebP con canal alfa. */
.header .brand-logo,footer .brand-logo {mix-blend-mode:multiply!important;background:transparent!important}
/* El logotipo del hero queda sin filtro: en fondos oscuros el modo multiply
   oscureceria el texto y perjudicaria su legibilidad. */
/* Redes sociales */
.redes-sociales {
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.8;
}

.redes-sociales a {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    margin: 5px 8px;
}