:root{
  --aemix-bg:#eadfd3;
  --aemix-panel:#f7f1eb;
  --aemix-text:#303030;
  --aemix-muted:#625b57;
  --aemix-accent:#6f5d51;
  --aemix-line:rgba(74,62,54,.16);
  --aemix-shadow:0 18px 50px rgba(59,47,40,.08);
}
.product-seo-page{background:var(--aemix-bg);color:var(--aemix-text);}
.product-seo-shell{max-width:1320px;margin:0 auto;padding:68px clamp(24px,5vw,78px) 82px;}
.product-seo-kicker{margin:0 0 14px;font:600 .78rem/1.3 Montserrat,Arial,sans-serif;letter-spacing:.14em;text-align:center;color:var(--aemix-text);}
.product-seo-hero h1{max-width:1120px;margin:0 auto 20px;text-align:center;font-family:Montserrat,Arial,sans-serif;font-weight:500;font-size:clamp(2.25rem,4vw,4rem);line-height:1.06;color:var(--aemix-text);}
.product-seo-hero>p{max-width:1040px;margin:0 auto;font:400 1.04rem/1.75 "Open Sans",Arial,sans-serif;text-align:justify;color:var(--aemix-muted);}
.product-seo-axis{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:stretch;margin:46px 0 52px;}
.product-seo-axis-card{border:1px solid var(--aemix-line);border-radius:22px;background:rgba(255,255,255,.38);padding:26px 28px;}
.product-seo-axis-card h2{margin:0 0 10px;text-align:center;font:600 .92rem/1.3 Montserrat,Arial,sans-serif;letter-spacing:.12em;color:var(--aemix-text);}
.product-seo-axis-card p{margin:0;text-align:center;font:500 .92rem/1.55 "Open Sans",Arial,sans-serif;color:var(--aemix-muted);}
.product-seo-meets{display:grid;place-items:center;font:700 .68rem/1 Montserrat,Arial,sans-serif;letter-spacing:.16em;color:var(--aemix-text);}
.product-family-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;}
.product-family-card{position:relative;overflow:hidden;min-height:220px;border:1px solid var(--aemix-line);border-radius:24px;background:var(--aemix-panel);box-shadow:var(--aemix-shadow);padding:28px;text-decoration:none;color:inherit;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .18s ease,box-shadow .18s ease;}
.product-family-card::before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-70px;top:-80px;background:radial-gradient(circle at 35% 35%,rgba(111,93,81,.18),rgba(111,93,81,.02) 62%,transparent 64%);}
.product-family-card::after{content:"";position:absolute;left:28px;top:26px;width:46px;height:1px;background:var(--aemix-accent);opacity:.55;}
.product-family-card:hover,.product-family-card:focus{transform:translateY(-3px);box-shadow:0 24px 56px rgba(59,47,40,.12);outline:none;}
.product-family-card:nth-child(5n+1),.product-family-card:nth-child(5n+4){grid-column:span 7;}
.product-family-card:nth-child(5n+2),.product-family-card:nth-child(5n+3),.product-family-card:nth-child(5n+5){grid-column:span 5;}
.product-family-card small{position:relative;z-index:1;margin-bottom:9px;font:600 .67rem/1.3 Montserrat,Arial,sans-serif;letter-spacing:.10em;color:#76675f;}
.product-family-card h2{position:relative;z-index:1;margin:0 0 10px;font:500 clamp(1.45rem,2vw,2rem)/1.12 Montserrat,Arial,sans-serif;color:var(--aemix-text);}
.product-family-card p{position:relative;z-index:1;margin:0;font:400 .91rem/1.58 "Open Sans",Arial,sans-serif;color:var(--aemix-muted);}
.product-family-arrow{position:relative;z-index:1;margin-top:18px;font:600 .8rem/1 Montserrat,Arial,sans-serif;color:var(--aemix-accent);}
.product-seo-callout{margin-top:50px;border-radius:22px;background:var(--aemix-accent);padding:34px clamp(26px,5vw,56px);color:#fff;display:flex;gap:28px;align-items:center;justify-content:space-between;}
.product-seo-callout h2{margin:0 0 8px;font:500 clamp(1.45rem,2.3vw,2rem)/1.15 Montserrat,Arial,sans-serif;color:#fff;}
.product-seo-callout p{max-width:780px;margin:0;font:400 .96rem/1.6 "Open Sans",Arial,sans-serif;color:#fff;}
.product-seo-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:1px solid #fff;border-radius:999px;color:#fff;text-decoration:none;font:600 .86rem/1 Montserrat,Arial,sans-serif;white-space:nowrap;}
/* category */
.product-category-hero{border-bottom:1px solid var(--aemix-line);padding-bottom:42px;}
.product-category-hero h1{max-width:1120px;margin:0 0 18px;font:500 clamp(2.35rem,4vw,4.2rem)/1.04 Montserrat,Arial,sans-serif;color:var(--aemix-text);}
.product-category-hero .lead{max-width:1000px;margin:0;font:400 1.04rem/1.76 "Open Sans",Arial,sans-serif;color:var(--aemix-muted);text-align:justify;}
.product-category-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:42px;margin-top:42px;}
.product-category-main h2{margin:0 0 14px;font:500 1.7rem/1.15 Montserrat,Arial,sans-serif;color:var(--aemix-text);}
.product-category-main>p{font:400 1rem/1.75 "Open Sans",Arial,sans-serif;color:var(--aemix-muted);text-align:justify;}
.product-category-point{padding:22px 0;border-top:1px solid var(--aemix-line);}
.product-category-point h3{margin:0 0 8px;font:600 1rem/1.3 Montserrat,Arial,sans-serif;color:var(--aemix-text);}
.product-category-point p{margin:0;font:400 .95rem/1.68 "Open Sans",Arial,sans-serif;color:var(--aemix-muted);text-align:justify;}
.product-category-side{border:1px solid var(--aemix-line);border-radius:22px;background:rgba(255,255,255,.38);padding:26px;height:max-content;position:sticky;top:28px;}
.product-category-side h2{margin:0 0 14px;font:600 .82rem/1.3 Montserrat,Arial,sans-serif;letter-spacing:.1em;color:var(--aemix-text);}
.product-related-list{list-style:none;padding:0;margin:0;}
.product-related-list li+li{border-top:1px solid var(--aemix-line);}
.product-related-list a{display:flex;justify-content:space-between;gap:14px;padding:12px 0;color:var(--aemix-text);text-decoration:none;font:500 .9rem/1.4 "Open Sans",Arial,sans-serif;}
.product-category-note{margin-top:28px;padding:18px;border-left:3px solid var(--aemix-accent);background:rgba(255,255,255,.25);font:400 .86rem/1.55 "Open Sans",Arial,sans-serif;color:var(--aemix-muted);}
.product-breadcrumb{margin-bottom:28px;font:500 .78rem/1.4 "Open Sans",Arial,sans-serif;color:#746b66;}
.product-breadcrumb a{color:inherit;text-decoration:none;}
@media(max-width:900px){
  .product-seo-axis{grid-template-columns:1fr}.product-seo-meets{padding:2px 0}
  .product-family-card,.product-family-card:nth-child(n){grid-column:span 6}
  .product-category-layout{grid-template-columns:1fr}.product-category-side{position:static}
  .product-seo-callout{align-items:flex-start;flex-direction:column}
}
@media(max-width:640px){
  .product-seo-shell{padding:46px 20px 58px}
  .product-family-card,.product-family-card:nth-child(n){grid-column:1/-1;min-height:190px}
  .product-category-hero h1{text-align:left}
}


/* ==========================================================
   AESTHETICS MIX · PRODUCT CARDS · v15.6
   Estado normal blanco + hover beige + borde marrón suave
   ========================================================== */

.product-family-card{
  background:#ffffff !important;
  border:1px solid rgba(111,93,81,.16) !important;
  border-radius:20px !important;
  box-shadow:0 10px 28px rgba(59,47,40,.055) !important;
  text-decoration:none !important;
  transform:translateY(0);
  transition:
    background-color .28s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    transform .28s ease !important;
}

/* Elimina el efecto gráfico circular/esquina decorativa */
.product-family-card::before{
  display:none !important;
}

/* Conservamos solo la pequeña línea superior como acento */
.product-family-card::after{
  background:#6f5d51 !important;
  opacity:.38 !important;
}

/* Ningún texto se subraya, ni en hover/focus */
.product-family-card,
.product-family-card:hover,
.product-family-card:focus,
.product-family-card:active,
.product-family-card *,
.product-family-card:hover *,
.product-family-card:focus *{
  text-decoration:none !important;
}

/* Hover sobrio tipo catálogo profesional */
.product-family-card:hover,
.product-family-card:focus-visible{
  background:#f7f1eb !important;
  border-color:#6f5d51 !important;
  box-shadow:0 16px 36px rgba(59,47,40,.095) !important;
  transform:translateY(-3px) !important;
  outline:none !important;
}

/* Mantener texto estable: nada de cambios cromáticos bruscos */
.product-family-card:hover small,
.product-family-card:hover h2,
.product-family-card:hover p,
.product-family-card:hover .product-family-arrow,
.product-family-card:focus-visible small,
.product-family-card:focus-visible h2,
.product-family-card:focus-visible p,
.product-family-card:focus-visible .product-family-arrow{
  text-decoration:none !important;
}

/* Movimiento aún más sutil en pantallas táctiles / usuarios con movimiento reducido */
@media (prefers-reduced-motion: reduce){
  .product-family-card{
    transition:none !important;
  }
  .product-family-card:hover,
  .product-family-card:focus-visible{
    transform:none !important;
  }
}



/* =========================================================
   AESTHETICS MIX · PRODUCTOS ES · GRID V15.7
   Retícula regular inspirada en arquitectura de catálogo,
   conservando identidad visual Aesthetics Mix.
   ========================================================= */

.product-grid,
.products-grid,
.productos-grid,
.seo-products-grid,
.category-grid,
.categories-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

/* Todas las tarjetas: misma geometría */
.product-card,
.product-category-card,
.seo-product-card,
.category-card {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 245px !important;
  margin: 0 !important;
  padding: 28px 30px 26px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  background: #fff !important;
  border: 1px solid rgba(91, 73, 61, .14) !important;
  border-radius: 20px !important;
  box-shadow: 0 7px 22px rgba(45, 36, 31, .045) !important;
  overflow: hidden !important;
  text-align: left !important;
  transition:
    transform .28s ease,
    background-color .28s ease,
    border-color .28s ease,
    box-shadow .28s ease !important;
}

/* Neutraliza spans / masonry / tamaños especiales heredados */
.product-card:nth-child(n),
.product-category-card:nth-child(n),
.seo-product-card:nth-child(n),
.category-card:nth-child(n) {
  grid-column: auto !important;
  grid-row: auto !important;
}

.product-card:hover,
.product-category-card:hover,
.seo-product-card:hover,
.category-card:hover {
  transform: translateY(-3px) !important;
  background: #f3ebe4 !important;
  border-color: rgba(91, 73, 61, .52) !important;
  box-shadow: 0 12px 28px rgba(45, 36, 31, .09) !important;
}

/* Descriptor: reserva altura idéntica para alinear todos los títulos */
.product-card .card-kicker,
.product-card .eyebrow,
.product-card .product-eyebrow,
.product-card .category-eyebrow,
.product-category-card .card-kicker,
.product-category-card .eyebrow,
.product-category-card .product-eyebrow,
.product-category-card .category-eyebrow,
.seo-product-card .card-kicker,
.seo-product-card .eyebrow,
.seo-product-card .product-eyebrow,
.seo-product-card .category-eyebrow,
.category-card .card-kicker,
.category-card .eyebrow,
.category-card .product-eyebrow,
.category-card .category-eyebrow {
  min-height: 2.7em !important;
  margin: 0 0 8px !important;
  display: flex !important;
  align-items: flex-end !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

/* Título: misma caja vertical en todas */
.product-card h2,
.product-card h3,
.product-category-card h2,
.product-category-card h3,
.seo-product-card h2,
.seo-product-card h3,
.category-card h2,
.category-card h3 {
  min-height: 1.25em !important;
  margin: 0 0 10px !important;
  line-height: 1.12 !important;
  text-align: left !important;
}

/* Descripción: área regular; evita saltos de CTA */
.product-card p,
.product-category-card p,
.seo-product-card p,
.category-card p {
  margin: 0 0 18px !important;
  line-height: 1.55 !important;
  text-align: left !important;
}

/* CTA siempre en la misma línea inferior */
.product-card a,
.product-category-card a,
.seo-product-card a,
.category-card a {
  margin-top: auto !important;
  align-self: flex-start !important;
  text-decoration: none !important;
}

.product-card a:hover,
.product-card a:focus,
.product-category-card a:hover,
.product-category-card a:focus,
.seo-product-card a:hover,
.seo-product-card a:focus,
.category-card a:hover,
.category-card a:focus {
  text-decoration: none !important;
}

/* La pequeña línea decorativa conserva siempre la misma posición */
.product-card::before,
.product-category-card::before,
.seo-product-card::before,
.category-card::before {
  flex: 0 0 auto !important;
}

/* Tablet/móvil: una sola columna sin alterar jerarquía */
@media (max-width: 820px) {
  .product-grid,
  .products-grid,
  .productos-grid,
  .seo-products-grid,
  .category-grid,
  .categories-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .product-card,
  .product-category-card,
  .seo-product-card,
  .category-card {
    min-height: 0 !important;
    padding: 24px 22px !important;
  }

  .product-card .card-kicker,
  .product-card .eyebrow,
  .product-card .product-eyebrow,
  .product-card .category-eyebrow,
  .product-category-card .card-kicker,
  .product-category-card .eyebrow,
  .product-category-card .product-eyebrow,
  .product-category-card .category-eyebrow,
  .seo-product-card .card-kicker,
  .seo-product-card .eyebrow,
  .seo-product-card .product-eyebrow,
  .seo-product-card .category-eyebrow,
  .category-card .card-kicker,
  .category-card .eyebrow,
  .category-card .product-eyebrow,
  .category-card .category-eyebrow {
    min-height: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .product-card,
  .product-category-card,
  .seo-product-card,
  .category-card {
    transition: none !important;
  }
  .product-card:hover,
  .product-category-card:hover,
  .seo-product-card:hover,
  .category-card:hover {
    transform: none !important;
  }
}




/* =========================================================
   AESTHETICS MIX · PRODUCTOS ES · GRID CORREGIDO V15.8
   Selectores reales: .product-family-grid / .product-family-card
   ========================================================= */

/* Retícula tipo catálogo: 3 columnas idénticas */
.product-family-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px !important;
  align-items:stretch !important;
}

/* Anula definitivamente el antiguo 7/5 y cualquier span previo */
.product-family-card,
.product-family-card:nth-child(n),
.product-family-card:nth-child(5n+1),
.product-family-card:nth-child(5n+2),
.product-family-card:nth-child(5n+3),
.product-family-card:nth-child(5n+4),
.product-family-card:nth-child(5n+5){
  grid-column:auto !important;
  grid-row:auto !important;
  width:100% !important;
  min-width:0 !important;
  height:250px !important;
  min-height:250px !important;
  margin:0 !important;
  padding:26px 28px 24px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:stretch !important;
  background:#fff !important;
  border:1px solid rgba(111,93,81,.16) !important;
  border-radius:18px !important;
  box-shadow:0 8px 24px rgba(59,47,40,.05) !important;
  text-align:left !important;
  text-decoration:none !important;
  transition:
    transform .28s ease,
    background-color .28s ease,
    border-color .28s ease,
    box-shadow .28s ease !important;
}

/* Sin gota/decoración circular */
.product-family-card::before{
  display:none !important;
}

/* Línea fina común, siempre a la misma altura */
.product-family-card::after{
  content:"" !important;
  display:block !important;
  position:static !important;
  width:46px !important;
  height:1px !important;
  margin:0 0 22px !important;
  background:#6f5d51 !important;
  opacity:.34 !important;
  flex:0 0 auto !important;
}

/* Descriptor: misma caja vertical en TODAS las tarjetas */
.product-family-card small{
  display:block !important;
  min-height:2.7em !important;
  margin:0 0 8px !important;
  font:600 .68rem/1.25 Montserrat,Arial,sans-serif !important;
  letter-spacing:.09em !important;
  color:#6f625b !important;
  text-align:left !important;
}

/* Título: misma posición y caja */
.product-family-card h2{
  min-height:1.25em !important;
  margin:0 0 10px !important;
  font:500 clamp(1.35rem,1.65vw,1.75rem)/1.12 Montserrat,Arial,sans-serif !important;
  color:#303030 !important;
  text-align:left !important;
}

/* Descripción: reserva altura para mantener CTA alineada */
.product-family-card p{
  min-height:3.15em !important;
  margin:0 0 14px !important;
  font:400 .89rem/1.55 "Open Sans",Arial,sans-serif !important;
  color:#625b57 !important;
  text-align:left !important;
}

/* CTA siempre en la base */
.product-family-card .product-family-arrow{
  margin-top:auto !important;
  font:600 .78rem/1.25 Montserrat,Arial,sans-serif !important;
  color:#6f5d51 !important;
  text-decoration:none !important;
  text-align:left !important;
}

/* Nunca subrayar */
.product-family-card,
.product-family-card *,
.product-family-card:hover,
.product-family-card:hover *,
.product-family-card:focus,
.product-family-card:focus *{
  text-decoration:none !important;
}

/* Hover: beige + borde + micro elevación */
.product-family-card:hover,
.product-family-card:focus-visible{
  background:#f3ebe4 !important;
  border-color:#6f5d51 !important;
  box-shadow:0 14px 32px rgba(59,47,40,.09) !important;
  transform:translateY(-3px) !important;
  outline:none !important;
}

/* Tablet: dos columnas */
@media(max-width:1050px){
  .product-family-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Móvil: una columna y altura flexible */
@media(max-width:680px){
  .product-family-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  .product-family-card,
  .product-family-card:nth-child(n){
    height:auto !important;
    min-height:220px !important;
    padding:24px 22px 22px !important;
  }
  .product-family-card small,
  .product-family-card h2,
  .product-family-card p{
    min-height:0 !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .product-family-card{
    transition:none !important;
  }
  .product-family-card:hover,
  .product-family-card:focus-visible{
    transform:none !important;
  }
}




/* ==========================================================
   AESTHETICS MIX · PRODUCTOS ES · V15.9
   Contenedor maestro + alineación superior + iconos SCIENCE/BEAUTY
   ========================================================== */

/* Un único ancho útil para TODOS los bloques de la página */
.product-seo-shell{
  width:min(1320px, calc(100% - 48px)) !important;
  max-width:1320px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Hero: mismo eje izquierdo y mismo ancho usable */
.product-seo-hero{
  width:100% !important;
}
.product-seo-kicker{
  width:100% !important;
  max-width:none !important;
  margin:0 0 14px !important;
  text-align:left !important;
}
.product-seo-hero h1{
  width:100% !important;
  max-width:none !important;
  margin:0 0 20px !important;
  text-align:left !important;
}
.product-seo-hero>p{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  text-align:justify !important;
  text-align-last:left !important;
}

/* SCIENCE / MEETS / BEAUTY ocupa EXACTAMENTE el mismo ancho que la retícula */
.product-seo-axis{
  width:100% !important;
  max-width:none !important;
  margin:46px 0 52px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr) !important;
  gap:20px !important;
  align-items:stretch !important;
}

/* Dos ventanas idénticas y perfectamente alineadas con los extremos del grid */
.product-seo-axis-card{
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  min-height:150px !important;
  padding:28px 86px 28px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  border:1px solid rgba(111,93,81,.18) !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.30) !important;
}

/* Iconos vectoriales propios, sobrios y del color corporativo */
.product-axis-icon{
  position:absolute !important;
  left:28px !important;
  top:50% !important;
  width:46px !important;
  height:46px !important;
  transform:translateY(-50%) !important;
  color:#8a5b3c !important;
  opacity:.88 !important;
}
.product-axis-icon svg{
  display:block !important;
  width:100% !important;
  height:100% !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.65 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.product-seo-axis-card h2{
  width:100% !important;
  margin:0 0 12px !important;
  text-align:center !important;
}
.product-seo-axis-card p{
  width:100% !important;
  margin:0 !important;
  text-align:center !important;
  text-align-last:center !important;
}
.product-seo-meets{
  width:100% !important;
  display:grid !important;
  place-items:center !important;
  text-align:center !important;
}

/* La retícula comparte exactamente el mismo ancho del contenedor maestro */
.product-family-grid{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* CTA inferior alineado con el mismo ancho útil */
.product-seo-callout{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Tablet */
@media(max-width:1050px){
  .product-seo-shell{
    width:min(100% - 36px, 1320px) !important;
  }
  .product-seo-axis{
    grid-template-columns:1fr 110px 1fr !important;
    gap:14px !important;
  }
  .product-seo-axis-card{
    padding-left:72px !important;
    padding-right:22px !important;
  }
  .product-axis-icon{
    left:20px !important;
    width:40px !important;
    height:40px !important;
  }
}

/* Móvil: todo centrado dentro de SCIENCE/BEAUTY, icono arriba */
@media(max-width:760px){
  .product-seo-shell{
    width:calc(100% - 32px) !important;
  }
  .product-seo-axis{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .product-seo-axis-card{
    min-height:0 !important;
    padding:24px 20px !important;
  }
  .product-axis-icon{
    position:static !important;
    transform:none !important;
    width:40px !important;
    height:40px !important;
    margin:0 auto 12px !important;
  }
  .product-seo-meets{
    min-height:28px !important;
  }
  .product-seo-hero h1{
    text-align:left !important;
  }
}




/* ==========================================================
   AESTHETICS MIX · PRODUCTOS ES · V16.0
   Versión aprobada: sin iconos, SCIENCE/BEAUTY centrados,
   textos inferiores usando todo el ancho útil.
   ========================================================== */

/* Ocultar cualquier resto de icono previo */
.product-axis-icon{
  display:none !important;
}

/* Contenedor maestro único para hero, axis y grid */
.product-seo-shell{
  width:min(1320px, calc(100% - 48px)) !important;
  max-width:1320px !important;
  margin:0 auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.product-seo-hero,
.product-seo-axis,
.product-family-grid,
.product-seo-callout{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Cabecera superior: mismo eje izquierdo */
.product-seo-kicker,
.product-seo-hero h1,
.product-seo-hero>p{
  width:100% !important;
  max-width:none !important;
  text-align:left !important;
}

.product-seo-hero>p{
  text-align:justify !important;
  text-align-last:left !important;
}

/* SCIENCE / MEETS / BEAUTY perfectamente alineados */
.product-seo-axis{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr) !important;
  gap:20px !important;
  align-items:stretch !important;
  margin-top:46px !important;
  margin-bottom:52px !important;
}

.product-seo-axis-card{
  width:100% !important;
  min-width:0 !important;
  min-height:150px !important;
  padding:26px 34px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:stretch !important;
  border:1px solid rgba(111,93,81,.18) !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.30) !important;
}

/* Título centrado */
.product-seo-axis-card h2{
  width:100% !important;
  margin:0 0 14px !important;
  text-align:center !important;
}

/* Texto ocupa todo el ancho útil de la ventana */
.product-seo-axis-card p{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  text-align:justify !important;
  text-align-last:center !important;
  text-justify:inter-word !important;
  line-height:1.55 !important;
}

/* MEETS exactamente centrado */
.product-seo-meets{
  display:grid !important;
  place-items:center !important;
  width:100% !important;
  text-align:center !important;
}

/* Grid final: 3 columnas iguales en escritorio */
.product-family-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px !important;
  align-items:stretch !important;
}

/* Asegurar igualdad geométrica */
.product-family-card,
.product-family-card:nth-child(n),
.product-family-card:nth-child(5n+1),
.product-family-card:nth-child(5n+2),
.product-family-card:nth-child(5n+3),
.product-family-card:nth-child(5n+4),
.product-family-card:nth-child(5n+5){
  grid-column:auto !important;
  grid-row:auto !important;
  width:100% !important;
  height:250px !important;
  min-height:250px !important;
}

/* Tablet */
@media(max-width:1050px){
  .product-seo-shell{
    width:min(100% - 36px,1320px) !important;
  }

  .product-seo-axis{
    grid-template-columns:1fr 110px 1fr !important;
    gap:14px !important;
  }

  .product-family-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Móvil */
@media(max-width:680px){
  .product-seo-shell{
    width:calc(100% - 32px) !important;
  }

  .product-seo-axis{
    grid-template-columns:1fr !important;
  }

  .product-seo-axis-card{
    min-height:0 !important;
    padding:24px 20px !important;
  }

  .product-seo-axis-card p{
    text-align:center !important;
    text-align-last:center !important;
  }

  .product-family-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .product-family-card,
  .product-family-card:nth-child(n){
    height:auto !important;
    min-height:220px !important;
  }
}



/* ==========================================================
   AESTHETICS MIX · V16.1 CONGELADA
   Correcciones finales aprobadas 2026-08-11
   ========================================================== */

/* 1. Evitar desbordes de titulares en cualquier viewport */
.product-seo-hero h1,
.product-detail-hero h1,
.product-category-hero h1,
main h1 {
  max-width: 100% !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
  box-sizing: border-box !important;
}

.product-seo-hero h1 {
  font-size: clamp(2.35rem, 4.15vw, 4.9rem) !important;
  line-height: 1.04 !important;
}

/* 2. Fondo único en páginas comerciales y de categoría */
html,
body,
main,
.product-detail-page,
.product-category-page,
.product-detail-hero,
.product-category-hero,
.product-detail-content,
.product-category-content {
  background-color: #eadfd3 !important;
}

/* Los bloques interiores no crean una segunda banda cromática */
.product-detail-hero,
.product-category-hero,
.product-detail-content,
.product-category-content {
  background-image: none !important;
}

/* 3. Conservar las líneas divisorias aprobadas */
.product-detail-page hr,
.product-category-page hr,
.product-detail-section,
.product-category-section {
  border-color: rgba(45, 43, 42, .18) !important;
}

/* 4. Protección responsive adicional */
@media (max-width: 900px) {
  .product-seo-hero h1,
  .product-detail-hero h1,
  .product-category-hero h1,
  main h1 {
    font-size: clamp(2rem, 7.4vw, 3.7rem) !important;
    line-height: 1.06 !important;
  }
}

@media (max-width: 560px) {
  .product-seo-hero h1,
  .product-detail-hero h1,
  .product-category-hero h1,
  main h1 {
    font-size: clamp(1.85rem, 9.5vw, 2.85rem) !important;
    line-height: 1.08 !important;
  }
}




/* ==========================================================
   AESTHETICS MIX · V16.2
   Paleta/anchos homologados con la página principal
   ========================================================== */

/* El exterior conserva el tono general del sitio.
   Todo el documento real queda limitado al mismo ancho del footer. */
html{
  background:#f4f2f0 !important;
}
body{
  background:#f4f2f0 !important;
  overflow-x:hidden !important;
}
#contenedor{
  width:100% !important;
  max-width:1440px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  background:transparent !important;
  box-sizing:border-box !important;
}

/* Imagen: mantiene su propia paleta, como en la HOME */
#imagen{
  width:100% !important;
  max-width:1440px !important;
  margin:0 auto !important;
}

/* Zona de contenido: un único beige homogéneo dentro del marco del sitio */
main.product-seo-page{
  width:100% !important;
  max-width:1440px !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
  background:#e7ddd4 !important;
  background-image:none !important;
}

/* Todas las páginas de categoría deben heredar este mismo beige.
   Se eliminan bandas o paneles de fondo que generaban un segundo tono. */
.product-category-hero,
.product-category-layout,
.product-category-main,
.product-category-side,
.product-category-content,
.product-detail-page,
.product-detail-hero,
.product-detail-content{
  background-color:transparent !important;
  background-image:none !important;
}

/* El shell no puede rebasar el ancho visual usado por footer/header. */
.product-seo-shell{
  width:calc(100% - 96px) !important;
  max-width:1248px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* Mantener la línea separadora aprobada */
.product-category-hero{
  border-bottom:1px solid rgba(45,43,42,.18) !important;
}

/* H1 de hub y categorías siempre dentro del marco útil */
.product-seo-hero h1,
.product-category-hero h1{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}

/* El título del HUB cabe en una sola línea en escritorio,
   pero conserva salto natural en resoluciones inferiores. */
.product-seo-hero h1{
  font-size:clamp(2.15rem,3.15vw,3.25rem) !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
}

/* Categorías: tamaño controlado para no crear desbordamientos */
.product-category-hero h1{
  font-size:clamp(2.20rem,3.45vw,3.75rem) !important;
  line-height:1.06 !important;
}

/* Footer y barra inferior siguen el mismo ancho físico del contenedor */
#empresa,
.barra-degradado,
#footer{
  width:100% !important;
  max-width:1440px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

@media(max-width:1180px){
  .product-seo-shell{
    width:calc(100% - 64px) !important;
  }
  .product-seo-hero h1{
    white-space:normal !important;
  }
}
@media(max-width:760px){
  .product-seo-shell{
    width:calc(100% - 32px) !important;
  }
  .product-seo-hero h1,
  .product-category-hero h1{
    font-size:clamp(1.9rem,8vw,2.8rem) !important;
    white-space:normal !important;
  }
}




/* ==========================================================
   AESTHETICS MIX · V16.5 MULTIDIOMA AUDITADA
   Corrección de overflow y altura en tarjetas en 6 idiomas.
   ========================================================== */

.product-family-grid{
  grid-auto-rows:1fr !important;
}

.product-family-card,
.product-family-card:nth-child(n),
.product-family-card:nth-child(5n+1),
.product-family-card:nth-child(5n+2),
.product-family-card:nth-child(5n+3),
.product-family-card:nth-child(5n+4),
.product-family-card:nth-child(5n+5){
  height:100% !important;
  min-height:252px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  padding:26px 28px 24px !important;
}

.product-family-card small{
  min-height:2.65em !important;
  margin-bottom:8px !important;
  overflow:visible !important;
}

.product-family-card h2{
  min-height:1.3em !important;
  margin-bottom:10px !important;
  overflow:visible !important;
}

.product-family-card p{
  min-height:3.2em !important;
  margin:0 0 14px !important;
  overflow:visible !important;
  display:block !important;
}

.product-family-card .product-family-arrow{
  position:static !important;
  margin-top:auto !important;
  padding-top:10px !important;
  flex:0 0 auto !important;
  text-decoration:none !important;
}

.product-family-card:hover,
.product-family-card:hover *,
.product-family-card:focus,
.product-family-card:focus *{
  text-decoration:none !important;
}

/* Alemán y francés necesitan algo más de reserva vertical. */
html[lang="de"] .product-family-card,
html[lang="fr"] .product-family-card{
  min-height:270px !important;
}

/* El H1 nunca desborda el ancho útil. */
.product-seo-hero h1,
.product-category-hero h1{
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:auto !important;
}

@media(max-width:1050px){
  .product-family-card,
  .product-family-card:nth-child(n){
    min-height:245px !important;
  }
}

@media(max-width:680px){
  .product-family-card,
  .product-family-card:nth-child(n){
    height:auto !important;
    min-height:0 !important;
  }
  .product-family-card small,
  .product-family-card h2,
  .product-family-card p{
    min-height:0 !important;
  }
}


/* AESTHETICSMIX_V18_5_GLASS_PRODUCT_CARDS */
/* ==========================================================
   AESTHETICS MIX · V18.5 · GLASS PRODUCT CARDS
   Catálogo multidioma: glass cálido en tarjetas de familias,
   conservando el reborde marrón y elevación del hover/focus.
   ========================================================== */
.product-seo-axis-card{
  background:rgba(255,245,240,.20) !important;
  -webkit-backdrop-filter:blur(16px) saturate(115%) !important;
  backdrop-filter:blur(16px) saturate(115%) !important;
  border:1px solid rgba(255,255,255,.36) !important;
  box-shadow:0 12px 30px rgba(66,45,30,.075) !important;
}

.product-family-card,
.product-family-card:nth-child(n){
  background:rgba(255,245,240,.20) !important;
  -webkit-backdrop-filter:blur(16px) saturate(115%) !important;
  backdrop-filter:blur(16px) saturate(115%) !important;
  border:1px solid rgba(255,255,255,.36) !important;
  box-shadow:0 10px 28px rgba(59,47,40,.06) !important;
}

/* Mantener el detalle ya validado al pasar el ratón / foco de teclado. */
.product-family-card:hover,
.product-family-card:focus-visible{
  background:rgba(247,241,235,.50) !important;
  border-color:#6f5d51 !important;
  box-shadow:0 16px 36px rgba(59,47,40,.11) !important;
  transform:translateY(-3px) !important;
  outline:none !important;
}

/* AESTHETICSMIX_V18_6_GLASS_REAL_PRODUCT_CARDS */
/* Final authority: same glass language as NAV / language selector. */
.product-seo-axis-card,
.product-family-card,
.product-family-card:nth-child(n){
  background-color:transparent !important;
  background-image:linear-gradient(135deg,
    rgba(255,255,255,.34) 0%,
    rgba(255,255,255,.18) 48%,
    rgba(255,255,255,.10) 100%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(125%) !important;
  backdrop-filter:blur(16px) saturate(125%) !important;
  border:1px solid rgba(255,255,255,.60) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 14px 34px rgba(42,32,26,.09) !important;
}
.product-family-card:hover,
.product-family-card:focus-visible{
  background-color:transparent !important;
  background-image:linear-gradient(135deg,
    rgba(255,255,255,.46) 0%,
    rgba(255,255,255,.25) 50%,
    rgba(255,255,255,.14) 100%) !important;
  border-color:#6f5d51 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.56),0 18px 40px rgba(59,47,40,.13) !important;
  transform:translateY(-3px) !important;
  outline:none !important;
}