.experiencia-producto{display:block;color:var(--marca-negro)}.experiencia-producto__principal{padding:48px 0 56px;background:var(--marca-crema)}.experiencia-producto__contenedor{max-width:1100px;margin:0 auto;padding:0 var(--page-margin, 16px)}.experiencia-producto__cabecera{max-width:760px;margin:0 auto 32px;text-align:center}.experiencia-producto__titulo{margin:0 0 10px;font-family:var(--font-heading--family);font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1.15}.experiencia-producto__descripcion{margin:0 0 8px;color:var(--marca-marron);font-size:14px;line-height:1.55}.experiencia-producto__resenas{display:inline-flex;align-items:center;gap:6px;margin:0;color:var(--marca-marron);font-size:12px}.experiencia-producto__estrellas{display:inline-flex}.experiencia-producto__estrellas svg{fill:var(--marca-borde)}.experiencia-producto__estrellas svg.llena{fill:var(--marca-caramelo)}.experiencia-producto__composicion{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}.experiencia-producto__beneficios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;margin:0;padding:0;list-style:none}.experiencia-producto__beneficio{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.experiencia-producto__icono{color:var(--marca-caramelo);line-height:0}.experiencia-producto__icono svg{width:22px;height:22px}.experiencia-producto__beneficio-titulo{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.experiencia-producto__beneficio-texto{max-width:26em;color:var(--marca-marron);font-size:13px;line-height:1.5}.experiencia-producto__cartel{position:relative;width:min(100%,360px);aspect-ratio:1 / 1;margin:0 auto;overflow:hidden;border-radius:10px;background:var(--marca-blanco)}.experiencia-producto__vista{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .45s ease,transform .6s ease}.experiencia-producto__vista img{width:100%;height:100%;object-fit:contain}.experiencia-producto__vista--alterna{opacity:0;transform:scale(1.04)}.experiencia-producto__cartel.esta-alterna .experiencia-producto__vista--principal{opacity:0;transform:scale(.98)}.experiencia-producto__cartel.esta-alterna .experiencia-producto__vista--alterna{opacity:1;transform:scale(1)}.experiencia-producto__alternar{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border:0;border-radius:999px;background:#ffffffeb;color:var(--marca-marron);font:inherit;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 2px 10px #00000014;transition:background-color .2s ease,color .2s ease}.experiencia-producto__alternar:hover,.experiencia-producto__alternar[aria-pressed=true]{background:var(--marca-caramelo);color:var(--marca-blanco)}.experiencia-producto__alternar:focus-visible{outline:2px solid var(--marca-negro);outline-offset:2px}.experiencia-producto__marca{position:absolute;inset:auto 0 0;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:36px 12px 16px;background:linear-gradient(to top,#75543bd9,#75543b00);color:var(--marca-blanco);text-align:center;pointer-events:none}.experiencia-producto__marca-nombre{font-size:15px;font-weight:700;letter-spacing:.22em}.experiencia-producto__marca-mensaje{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.95}.experiencia-producto__segundo{padding:32px 0 48px;background:var(--marca-blanco)}.experiencia-producto__segundo-contenedor{display:grid;grid-template-columns:1fr;gap:24px;align-items:center;max-width:900px;margin:0 auto;padding:0 var(--page-margin, 16px)}.experiencia-producto__segundo-imagen{overflow:hidden;border-radius:10px;background:var(--marca-crema);aspect-ratio:1 / 1}.experiencia-producto__segundo-imagen img{width:100%;height:100%;object-fit:contain}.experiencia-producto__segundo-etiqueta{margin:0 0 8px;color:var(--marca-marron);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.experiencia-producto__segundo-titulo{margin:0 0 12px;font-family:var(--font-heading--family);font-size:clamp(24px,2.8vw,32px);font-weight:700;line-height:1.15}.experiencia-producto__segundo-descripcion{margin:0;color:var(--marca-marron);font-size:14px;line-height:1.6}@media(min-width:750px){.experiencia-producto__segundo-contenedor{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}}@media(min-width:990px){.experiencia-producto__principal{padding:56px 0 64px}.experiencia-producto__composicion{grid-template-columns:minmax(0,1fr) 320px minmax(0,1fr);gap:40px}.experiencia-producto__beneficios{grid-template-columns:1fr;gap:34px}.experiencia-producto__beneficios--izquierda{order:1}.experiencia-producto__cartel{order:2;width:100%}.experiencia-producto__beneficios--derecha{order:3}}@media(max-width:989px){.experiencia-producto__cartel{order:-1}}.experiencia-producto [data-aparecer]{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.experiencia-producto [data-aparecer].esta-visible{opacity:1;transform:none}.experiencia-producto:not(:defined) [data-aparecer]{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.experiencia-producto [data-aparecer],.experiencia-producto__vista{opacity:1;transform:none;transition:none}.experiencia-producto__vista--alterna,.experiencia-producto__cartel.esta-alterna .experiencia-producto__vista--principal{opacity:0}.experiencia-producto__cartel.esta-alterna .experiencia-producto__vista--alterna{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/experiencia-producto.css.map */