/* Aubrelia verbatim — estilos de las plantillas construidas con el HTML del diseño (landing + tienda).
   Regla de oro: TODO va scopeado a .aub-root (contenedor de cada plantilla verbatim). Nada de aquí afecta
   páginas nativas de Divi/WooCommerce (producto, carrito, checkout, mi cuenta). */

/* 1) Aplanar los wrappers de Divi para que el HTML del diseño sea hijo directo de #page-container
      (necesario para el sticky del header y para que Divi no imponga anchos/paddings). Desactivado
      dentro del Visual Builder (body.et-fb) para que se puedan seleccionar y editar los módulos. */
body:not(.et-fb) .aub-flat,
body:not(.et-fb) .aub-flat .et_pb_code_inner,
body:not(.et-fb) .et-l--header:has(.aub-flat),
body:not(.et-fb) .et-l--body:has(.aub-flat),
body:not(.et-fb) .et-l--footer:has(.aub-flat),
body:not(.et-fb) .et_builder_inner_content:has(.aub-flat),
body:not(.et-fb) .aub-flat-anc{display:contents!important}
body:not(.et-fb) #page-container:has(.aub-flat),
body:not(.et-fb) #page-container.aub-flat-anc{overflow:visible!important}
html:has(.aub-root){scroll-behavior:smooth;overflow-x:clip}

/* 2) Herencia base del diseño (equivale al body{} del HTML fuente), solo dentro de .aub-root */
.aub-root{display:contents;font-family:Poppins,sans-serif;color:#1F1830;line-height:normal;-webkit-font-smoothing:antialiased}
#page-container .aub-root a{color:#1F1830;text-decoration:none}
#page-container .aub-root a:hover{color:#7B4FD1}
#page-container .aub-root h1,#page-container .aub-root h2{font-family:Poppins,sans-serif;color:inherit;padding:0}
#page-container .aub-root p{font-family:Poppins,sans-serif}
.aub-root [id]{scroll-margin-top:96px}
.aub-root a:focus-visible,.aub-root [role="button"]:focus-visible,.aub-root [role="slider"]:focus-visible{outline:2px solid #7B4FD1;outline-offset:2px}

/* 3) Hovers del diseño (style-hover del HTML fuente) */
.aub-hv-purple:hover{background:#7B4FD1!important;color:#FFFFFF!important;border-color:#7B4FD1!important}
.aub-hv-white:hover{background:#FFFFFF!important}
.aub-hv-underline:hover{border-color:#7B4FD1!important}
.aub-hv-leer:hover{background:#EFE9FB!important;color:#1F1830!important}
.aub-footer a:hover{color:#F8ED9E!important}

/* 4) Animaciones y FAQ */
@keyframes aub-desliza{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes aub-sube{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.aub-faq-r{display:none}
.aub-faq-item.abierta .aub-faq-r{display:block;animation:aub-sube 0.26s ease}
.aub-faq-signo:before{content:"+"}
.aub-faq-item.abierta .aub-faq-signo:before{content:"−"}

/* 5) Header sticky bajo la barra de admin de WordPress (solo usuarios logueados) */
body.admin-bar .aub-sticky{top:32px}
@media screen and (max-width:782px){body.admin-bar .aub-sticky{top:46px}}
@media screen and (max-width:600px){body.admin-bar .aub-sticky{top:0}}

/* 6) Responsive — landing (breakpoints del diseño Aubrelia_Landing_v2) */
@media (max-width:1120px){
.aub-landing [data-r="hero"]{grid-template-columns:1fr!important}
.aub-landing [data-r="hero-media"]{min-height:460px!important}
.aub-landing [data-r="badge-hero"]{left:auto!important;right:24px!important;bottom:24px!important}
.aub-landing [data-r="split"]{grid-template-columns:1fr!important;gap:36px!important}
.aub-landing [data-r="cols4"]{grid-template-columns:1fr 1fr!important}
.aub-landing [data-r="cols3"]{grid-template-columns:1fr 1fr!important}
.aub-landing [data-r="footer"]{grid-template-columns:1fr 1fr!important;gap:40px!important}
.aub-landing [data-r="nav-side"]{display:none!important}
.aub-landing [data-r="header"]{grid-template-columns:auto 1fr auto!important}
}
@media (max-width:720px){
.aub-landing [data-r="cols4"],.aub-landing [data-r="cols3"],.aub-landing [data-r="cols2"],.aub-landing [data-r="footer"]{grid-template-columns:1fr!important}
.aub-landing [data-r="iconbar"]{grid-template-columns:1fr 1fr!important}
.aub-landing [data-r="tabla"]{grid-template-columns:1.3fr 0.85fr 0.85fr!important}
.aub-landing [data-r="badge-hero"]{display:none!important}
.aub-landing [data-r="tarjeta-dolor"]{transform:none!important}
}

/* 7) Responsive — tienda (breakpoints del diseño Tienda_Aubrelia) */
@media (max-width:1080px){
.aub-tienda [data-r="shop"]{grid-template-columns:1fr!important;gap:40px!important}
.aub-tienda [data-r="sidebar"]{position:static!important}
.aub-tienda [data-r="grid"]{grid-template-columns:1fr 1fr!important}
.aub-tienda [data-r="nav-side"]{display:none!important}
.aub-tienda [data-r="header"]{grid-template-columns:auto 1fr auto!important}
.aub-tienda [data-r="banda3"]{grid-template-columns:1fr!important}
.aub-tienda [data-r="footer"]{grid-template-columns:1fr 1fr!important;gap:40px!important}
}
@media (max-width:680px){
.aub-tienda [data-r="grid"]{grid-template-columns:1fr!important}
.aub-tienda [data-r="footer"]{grid-template-columns:1fr!important}
.aub-tienda [data-r="toolbar"]{flex-direction:column!important;align-items:flex-start!important;gap:14px!important}
}