@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.lacasadelpeludo.cl/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.5.2") format("woff2");
}

:root {
	--wd-text-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(244,165,28);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(244,165,28);
	--btn-accented-bgcolor-hover: rgb(222,150,26);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url(https://www.lacasadelpeludo.cl/wp-content/uploads/2025/10/Sin-titulo-1500-x-1000-px-2000-x-500-px-2000-x-200-px-2000-x-300-px.jpg);
	background-repeat: repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
	--wd-popup-width: 500px;
	--wd-popup-padding: 20px;
}
.header-banner {
	background-image: url(https://www.lacasadelpeludo.cl/wp-content/uploads/2025/10/Sin-titulo-1500-x-1000-px.jpg);
	background-repeat: repeat-x;
	background-size: contain;
	background-attachment: scroll;
	background-position: center center;
}
.page-title-default {
	background-color: rgb(243,243,243);
	background-image: url(https://www.lacasadelpeludo.cl/wp-content/uploads/2024/08/bg.png);
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(17,17,17);
	background-image: none;
}
html .product.category-grid-item .wd-entities-title, html .product.category-grid-item.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .category-grid-item:first-child .wd-entities-title, html .product.wd-cat .wd-entities-title {
	font-size: 16px;
}
html .page-title > .container > .title {
	font-size: 42px;
}
.page .main-page-wrapper {
	background-color: rgb(254,245,238);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .main-page-wrapper {
	background-color: rgb(254,245,238);
	background-image: none;
}
.single-product .main-page-wrapper {
	background-color: rgb(254,245,238);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1280px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1297px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1280px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


/* ================================================================
   LA CASA DEL PELUDO — v12 PATCH
   Fixes: header doble fila · logo original · regresiones visuales
   ================================================================ */

/* ── 0. TOKENS (confirmar valores) ──────────────────────────── */
:root {
  --lcp-orange: #FF7A00;
  --lcp-orange-d: #e86e00;
  --lcp-carbon: #2A2A2A;
  --lcp-cream: #F9F6F0;
  --lcp-white: #FFFFFF;
  --lcp-text: #2A2A2A;
  --lcp-muted: #555555;
  --lcp-border: #EAEAEA;
}

/* ================================================================
   FIX 1 ▸ LOGO: QUITAR INVERSIÓN — mostrar colores originales
   ================================================================ */
.whb-general-header .wd-logo img,
.whb-general-header .woodmart-logo img,
.whb-general-header .site-branding img,
html body .whb-general-header img[class*="logo"],
html body .whb-general-header .site-logo img,
html body .whb-general-header a[class*="logo"] img,
html body header img {
  filter: none !important;
  -webkit-filter: none !important;
}

/* ================================================================
   FIX 2 ▸ HEADER COMPLETO — TODAS LAS FILAS EN CARBÓN
   Estrategia nuclear: apuntar a TODOS los div directos del header
   y todas las clases whb-* posibles, sin excepción.
   ================================================================ */

/* Capa A – cualquier div dentro del header general */
html body .whb-general-header,
html body .whb-general-header > div,
html body .whb-general-header > div > div:not(.sub-menu):not(.wd-dropdown-menu):not(.woodmart-dropdown) {
  background-color: var(--lcp-carbon) !important;
  background-image: none !important;
}

/* Capa B – clases específicas de WoodMart Header Builder */
html body .whb-general-header .whb-top-bar,
html body .whb-general-header .whb-main-header,
html body .whb-general-header .whb-second-row,
html body .whb-general-header .whb-row,
html body .whb-general-header .whb-row-bg,
html body .whb-general-header .wd-header-row,
html body .whb-general-header .woodmart-sticky-header,
html body .whb-general-header .wd-sticky-row,
html body .whb-general-header [class*="whb-"],
html body .whb-general-header [class*="wd-header"],
html body .whb-general-header .container,
html body .whb-general-header .woodmart-nav-container,
html body .whb-general-header .woodmart-navigation,
html body .whb-general-header .woodmart-categories-block,
html body .whb-general-header .wd-nav-btn-wrap,
html body .whb-general-header .wd-nav-btn {
  background-color: var(--lcp-carbon) !important;
  background-image: none !important;
}

/* Capa C – inline styles inyectados por JS de WoodMart */
html body .whb-general-header [style*="background"] {
  background-color: var(--lcp-carbon) !important;
  background-image: none !important;
}

/* Separador sutil entre row 1 y row 2 */
html body .whb-general-header .whb-second-row,
html body .whb-general-header > div + div:not(.whb-top-bar),
html body .whb-general-header .whb-main-header ~ div {
  border-top: 1px solid rgba(255,255,255,.07) !important;
}

/* ================================================================
   FIX 3 ▸ TODOS LOS TEXTOS / LINKS DEL HEADER EN BLANCO
   ================================================================ */
html body .whb-general-header,
html body .whb-general-header *:not(.sub-menu):not(.sub-menu *):not(.wd-dropdown-menu):not(.wd-dropdown-menu *) {
  color: #FFFFFF !important;
}

/* Links con hover naranja */
html body .whb-general-header a:hover,
html body .whb-general-header .wd-nav-main > li > a:hover,
html body .whb-general-header .woodmart-navigation > ul > li > a:hover {
  color: var(--lcp-orange) !important;
}

/* Íconos (SVG fill también) */
html body .whb-general-header .wd-tools-icon,
html body .whb-general-header .wd-tools-icon::before,
html body .whb-general-header .woodmart-nav-btn-icon {
  color: #FFFFFF !important;
}
html body .whb-general-header svg path,
html body .whb-general-header svg rect,
html body .whb-general-header svg circle {
  fill: #FFFFFF !important;
}
/* Excepto ícono de búsqueda que va naranja */
html body .whb-general-header .searchsubmit svg path,
html body .whb-general-header .wd-search-button svg path,
html body .whb-general-header button[type=submit] svg path {
  fill: var(--lcp-orange) !important;
}

/* Cantidad en carrito / wishlist — naranja sobre carbón */
html body .whb-general-header .wd-cart-number,
html body .whb-general-header .cart-count,
html body .whb-general-header .wd-wishlist-count {
  background: var(--lcp-orange) !important;
  color: #fff !important;
}

/* ================================================================
   FIX 4 ▸ "VER CATEGORÍAS" — botón de la Row 2
   ================================================================ */
html body .whb-general-header .wd-categories-toggle,
html body .whb-general-header .woodmart-categories-toggle,
html body .whb-general-header .wd-nav-btn,
html body .whb-general-header .wd-nav-btn-wrap > a,
html body .whb-general-header button.wd-nav-btn {
  background: rgba(255,122,0,.12) !important;
  color: var(--lcp-orange) !important;
  border: 1px solid rgba(255,122,0,.3) !important;
  border-radius: 8px !important;
}
html body .whb-general-header .wd-categories-toggle:hover,
html body .whb-general-header .wd-nav-btn:hover {
  background: rgba(255,122,0,.22) !important;
}

/* ================================================================
   FIX 5 ▸ BUSCADOR: estilo oscuro integrado correctamente
   ================================================================ */
html body .whb-general-header .wd-search-form,
html body .whb-general-header form.woodmart-ajax-search,
html body .whb-general-header .searchform,
html body .whb-general-header .woodmart-search-form,
html body .whb-general-header .wd-search-element {
  background: #3a3a3a !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 30px !important;
}
html body .whb-general-header .wd-search-form input,
html body .whb-general-header .searchform input[type=text],
html body .whb-general-header input[type=search] {
  background: transparent !important;
  color: #ffffff !important;
  border: none !important;
}
html body .whb-general-header input::placeholder {
  color: #888888 !important;
  opacity: 1;
}
/* Selector de categorías dentro del buscador */
html body .whb-general-header .dropdown_product_cat,
html body .whb-general-header .select2-selection,
html body .whb-general-header .wd-search-cat {
  background: transparent !important;
  color: #cccccc !important;
  border: none !important;
  border-left: 1px solid rgba(255,255,255,.1) !important;
}

/* ================================================================
   FIX 6 ▸ STICKY HEADER (wd-stuck) — mismo color carbón
   ================================================================ */
html body .wd-sticky-row.wd-stuck,
html body .wd-sticky-row.wd-stuck > div,
html body .wd-sticky-row.wd-stuck .whb-row,
html body .wd-sticky-row.wd-stuck .wd-header-row,
html body .woodmart-sticky-header,
html body .woodmart-sticky-header > div,
html body .woodmart-sticky-header .wd-header-row {
  background-color: rgba(30, 30, 30, 0.96) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  background-image: none !important;
  box-shadow: 0 4px 28px rgba(0,0,0,.40) !important;
}

/* ================================================================
   FIX 7 ▸ DROPDOWN MENÚ — fondo oscuro (ya en v11, reconfirmar)
   ================================================================ */
html body .whb-general-header .wd-nav-main .sub-menu,
html body .whb-general-header .wd-dropdown-menu,
html body .whb-general-header .woodmart-dropdown,
html body .woodmart-dropdown,
html body .wd-dropdown-menu {
  background: #1e1e1e !important;
  border: 1px solid rgba(255,122,0,.2) !important;
  border-radius: 12px !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.45) !important;
}
html body .whb-general-header .wd-nav-main .sub-menu a,
html body .whb-general-header .wd-dropdown-menu a,
html body .woodmart-dropdown a {
  color: #cccccc !important;
}
html body .whb-general-header .wd-nav-main .sub-menu a:hover,
html body .whb-general-header .wd-dropdown-menu a:hover,
html body .woodmart-dropdown a:hover {
  color: var(--lcp-orange) !important;
}

/* ================================================================
   FIX 8 ▸ TOP BAR — ligeramente más oscuro para jerarquía
   ================================================================ */
html body .whb-top-bar,
html body .whb-top-bar.whb-with-bg,
html body .whb-general-header .whb-top-bar {
  background: #1a1a1a !important;
  border-bottom: 1px solid rgba(255,122,0,.2) !important;
}
html body .whb-top-bar *,
html body .whb-top-bar a {
  color: #aaaaaa !important;
}
html body .whb-top-bar a:hover {
  color: var(--lcp-orange) !important;
}

/* ================================================================
   FIX 9 ▸ MENÚ MOBILE (hamburger panel)
   ================================================================ */
html body .woodmart-navigation.mobile-nav,
html body .woodmart-navigation.woodmart-mobile-nav,
html body .wd-mobile-nav,
html body .woodmart-mobile-nav {
  background: #1e1e1e !important;
}
html body .woodmart-navigation.mobile-nav a,
html body .wd-mobile-nav a {
  color: #EEEEEE !important;
  border-color: rgba(255,255,255,.07) !important;
}
html body .woodmart-navigation.mobile-nav a:hover,
html body .wd-mobile-nav a:hover {
  color: var(--lcp-orange) !important;
}

/* ================================================================
   FIX 10 ▸ TARJETAS ELEMENTOR / INFO-BOX — NO aplanar contenido
   ================================================================ */
/* Aseguramos que los info-boxes de Elementor no pierdan padding */
.wd-info-box, .woodmart-info-box {
  transition: transform .25s ease !important;
  padding: inherit;
  display: block;
}
.wd-info-box:hover, .woodmart-info-box:hover {
  transform: translateY(-4px) !important;
}
/* Evitar que el CSS de producto afecte cajas Elementor */
.elementor-widget-container .wd-info-box,
.elementor-widget-container .woodmart-info-box {
  overflow: visible !important;
}

/* ================================================================
   FIX 11 ▸ FILTROS LATERAL en páginas de categoría
   (corregir la "apariencia horrible" de los filtros de sidebar)
   ================================================================ */
.widget_product_categories li a,
.woocommerce ul.product-categories li a,
.wd-categories-widget li a,
.woodmart-widget-categories li a {
  display: inline !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  color: var(--lcp-muted) !important;
  font-size: 14px;
  margin: 0 !important;
  box-shadow: none !important;
}
.widget_product_categories li a:hover,
.woocommerce ul.product-categories li a:hover {
  color: var(--lcp-orange) !important;
  transform: none !important;
}
/* Sólo los filtros de layered-nav como pills */
.woocommerce-widget-layered-nav-list .wc-layered-nav-term {
  display: inline-block !important;
  padding: 5px 14px !important;
  background: var(--lcp-white) !important;
  border: 1.5px solid var(--lcp-border) !important;
  color: var(--lcp-muted) !important;
  border-radius: 30px !important;
  margin: 3px !important;
  font-size: 13px;
  transition: all .22s ease !important;
  box-shadow: none !important;
}
.woocommerce-widget-layered-nav-list .wc-layered-nav-term:hover,
.woocommerce-widget-layered-nav-list li.chosen a {
  background: var(--lcp-orange) !important;
  border-color: var(--lcp-orange) !important;
  color: #fff !important;
  transform: none !important;
}

/* ================================================================
   FIX 12 ▸ BREADCRUMBS (fondo crema, no carbón)
   ================================================================ */
.woodmart-breadcrumbs,
.wd-breadcrumbs,
.woocommerce-breadcrumb {
  background: transparent !important;
  color: var(--lcp-muted) !important;
}

/* ================================================================
   EXTRAS: precio y tarjetas sin regresiones del v11
   ================================================================ */
/* Quitar el spotlight si causa problemas de rendimiento en mobile */
@media (max-width: 767px) {
  .products .product-grid-item {
    background-image: none !important;
  }
}

/* Asegurar fondo crema en el body del contenido (no en header) */
body,
.main-page-wrapper,
.site-content,
.woocommerce-page .main-page-wrapper {
  background-color: var(--lcp-cream) !important;
  background-image: none !important;
}

/* ============================================================
   RECONSTRUCCIÓN DE SECCIONES (body) — v2 con animaciones
   Categorías · Salón Mítico · Banner categoría · WhatsApp · Mobile
   ============================================================ */

/* — Animación de aparición al hacer scroll (clase lcp-reveal del HTML) — */
.lcp-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
.lcp-reveal.lcp-in,.lcp-reveal.lcp-visible,.lcp-reveal.in-view{opacity:1;transform:none;}
/* Fallback: si el JS de reveal no corre, mostrar igual tras cargar */
.no-js .lcp-reveal,html.lcp-reveal-ready .lcp-reveal:not(.lcp-in){opacity:1;transform:none;}

/* ===== 1. COMPRA POR CATEGORÍA ===== */
.lcp-cats{max-width:1200px;margin:50px auto;padding:0 20px;text-align:center;}
.lcp-cats .lcp-h2{font-size:34px;font-weight:700;color:#2A2A2A;margin:0 0 6px;}
.lcp-cats .lcp-sub{font-size:16px;color:#666;margin:0 0 32px;}
.lcp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.lcp-cat{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:3/4;box-shadow:0 8px 24px rgba(0,0,0,.12);transition:transform .4s cubic-bezier(.2,.7,.3,1),box-shadow .4s ease;}
.lcp-cat:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(0,0,0,.25);}
.lcp-cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.3,1);}
.lcp-cat:hover img{transform:scale(1.08);}
.lcp-cat .lcp-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.78) 100%);z-index:1;transition:background .4s ease;}
.lcp-cat:hover .lcp-ov{background:linear-gradient(180deg,rgba(255,122,0,.12) 0%,rgba(0,0,0,.82) 100%);}
.lcp-cat .lcp-lbl{position:absolute;left:0;right:0;bottom:18px;z-index:2;text-align:center;color:#fff;font-size:20px;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.6);padding:0 10px;transition:transform .4s ease;}
.lcp-cat:hover .lcp-lbl{transform:translateY(-4px);}
.lcp-cat::after{content:"";position:absolute;left:50%;bottom:12px;transform:translateX(-50%) scaleX(0);width:42px;height:3px;background:#FF7A00;border-radius:3px;z-index:3;transition:transform .4s ease;transform-origin:center;}
.lcp-cat:hover::after{transform:translateX(-50%) scaleX(1);}

/* ===== 2. SALÓN DE LOS PELUDOS MÍTICOS (home) ===== */
.lcp-mitico{max-width:1200px;margin:60px auto;padding:0 20px;}
.lcp-mitico-inner{position:relative;display:grid;grid-template-columns:0.9fr 1.1fr;align-items:stretch;background:linear-gradient(135deg,#241733 0%,#3a1f4d 55%,#1c1230 100%);border:1px solid rgba(212,175,55,.35);border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(40,15,60,.45);}
.lcp-mitico-inner::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 20%,rgba(212,175,55,.18),transparent 55%);}
.lcp-mitico-img{min-height:360px;background-size:cover;background-position:center top;background-repeat:no-repeat;transition:transform 1.2s ease;}
.lcp-mitico-inner:hover .lcp-mitico-img{transform:scale(1.05);}
.lcp-mitico-txt{position:relative;z-index:1;padding:42px 46px;color:#f3e9ff;display:flex;flex-direction:column;justify-content:center;}
.lcp-mitico-tag{display:inline-block;align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#1c1230;background:linear-gradient(90deg,#f5d77a,#d4af37);padding:6px 14px;border-radius:999px;margin-bottom:16px;}
.lcp-mitico-txt h3{font-size:30px;font-weight:800;line-height:1.15;margin:0 0 14px;color:#fff;}
.lcp-mitico-txt p{font-size:16px;line-height:1.6;color:#d9cde8;margin:0 0 24px;}
.lcp-mitico-txt a{position:relative;overflow:hidden;display:inline-block;align-self:flex-start;background:linear-gradient(90deg,#f5d77a,#d4af37);color:#1c1230 !important;font-weight:700;text-decoration:none;padding:13px 28px;border-radius:999px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 6px 18px rgba(212,175,55,.35);}
.lcp-mitico-txt a:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(212,175,55,.55);}
.lcp-mitico-txt a::before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);transition:left .7s ease;}
.lcp-mitico-txt a:hover::before{left:140%;}

/* ===== 3. BANNER DE CATEGORÍA (perro/gato) ===== */
.lcp-cathead{position:relative;min-height:240px;display:flex;align-items:center;justify-content:center;background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;text-align:center;margin-bottom:30px;overflow:hidden;}
.lcp-cathead::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.55));z-index:1;}
.lcp-cathead-t{position:relative;z-index:2;color:#fff;font-size:42px;font-weight:800;letter-spacing:1px;text-transform:uppercase;text-shadow:0 3px 16px rgba(0,0,0,.7);margin:0;animation:lcpFadeUp .8s ease both;}
@keyframes lcpFadeUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}



/* ===== 5. RESPONSIVE / MÓVIL ===== */
@media (max-width:991px){
  .lcp-grid{grid-template-columns:repeat(2,1fr);gap:16px;}
  .lcp-mitico-inner{grid-template-columns:1fr;}
  .lcp-mitico-img{min-height:260px;}
  .lcp-mitico-txt{padding:32px 30px;}
}
@media (max-width:575px){
  .lcp-cats{margin:36px auto;}
  .lcp-cats .lcp-h2{font-size:26px;}
  .lcp-cats .lcp-sub{font-size:14px;margin-bottom:22px;}
  .lcp-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .lcp-cat{border-radius:13px;}
  .lcp-cat .lcp-lbl{font-size:15px;bottom:12px;}
  .lcp-mitico{margin:40px auto;}
  .lcp-mitico-img{min-height:210px;background-position:center 25%;}
  .lcp-mitico-txt{padding:26px 22px;}
  .lcp-mitico-txt h3{font-size:23px;}
  .lcp-mitico-txt p{font-size:15px;}
  .lcp-mitico-txt a{padding:12px 24px;font-size:15px;}
  .lcp-cathead{min-height:160px;}
  .lcp-cathead-t{font-size:28px;}
}
@media (max-width:380px){
  .lcp-grid{grid-template-columns:1fr;}
  .lcp-cat{aspect-ratio:16/10;}
}
/* ===== fin reconstrucción v2 ===== */


/* ===== MEJORAS VISUALES v3 (Claude) — hero, Leah completa, hovers ===== */

/* HERO / BIENVENIDA del inicio */
.lcp-hero-vp{max-width:920px;margin:34px auto 14px;padding:0 20px;text-align:center;}
.lcp-hero-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#FF7A00;background:rgba(255,122,0,.10);padding:7px 16px;border-radius:999px;margin-bottom:14px;}
.lcp-hero-h{font-size:38px;line-height:1.15;font-weight:800;color:#2A2A2A;margin:0 0 18px;}
.lcp-hero-sub{display:inline-block;font-size:15px;color:#555;background:#fff;border:1px solid #EAEAEA;border-radius:14px;padding:14px 22px;line-height:1.7;max-width:780px;box-shadow:0 6px 18px rgba(0,0,0,.05);margin:0;}

/* LEAH COMPLETA en el pop-up mítico + glow real */
.lcp-mitico-img{min-height:440px !important;background-size:contain !important;background-position:center center !important;background-repeat:no-repeat !important;background-color:#1c1230;}
.lcp-mitico-inner{box-shadow:0 18px 50px rgba(40,15,60,.45),0 0 0 1px rgba(212,175,55,.25) inset;}

/* HOVER suave en tarjetas de producto (WooCommerce/WoodMart) */
.products .product-grid-item,.wd-products .product-grid-item,.product-grid-item{transition:transform .3s ease,box-shadow .3s ease;border-radius:12px;}
.products .product-grid-item:hover,.wd-products .product-grid-item:hover,.product-grid-item:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(0,0,0,.12);}

/* Botón VER TODOS / CTAs naranjas: micro-animación */
.elementor-button.elementor-size-md,.elementor-button,a.button.wd-buy-now-btn,.wd-button-replace .btn{transition:transform .25s ease,box-shadow .25s ease;}
.elementor-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,122,0,.30);}

/* Títulos de sección WoodMart: respiración */
.wd-products-title,.title-wrapper .title{letter-spacing:.3px;}

/* RESPONSIVE de mejoras */
@media (max-width:991px){
  .lcp-mitico-img{min-height:340px !important;}
  .lcp-hero-h{font-size:32px;}
}
@media (max-width:575px){
  .lcp-hero-vp{margin:22px auto 8px;}
  .lcp-hero-eyebrow{font-size:11px;letter-spacing:1.5px;padding:6px 13px;}
  .lcp-hero-h{font-size:25px;margin-bottom:14px;}
  .lcp-hero-sub{font-size:13.5px;padding:12px 16px;}
  .lcp-mitico-img{min-height:300px !important;}
}
/* ===== fin mejoras v3 ===== */


/* ===== FIX MÓVIL v6 (Claude) — WhatsApp único + botones flotantes ordenados ===== */

/* 2) En DESKTOP: botones flotantes abajo-derecha (estándar) */
@media (min-width:1025px){
  #lcp-wa{left:auto !important;right:22px !important;bottom:22px !important;}
  #lcp-top{left:auto !important;right:22px !important;bottom:84px !important;}
}

/* 3) En MÓVIL/TABLET: apilar a la derecha, ELEVADOS sobre la barra inferior
   para no tapar productos ni el carrito de la barra de navegación móvil */
@media (max-width:1024px){
  #lcp-wa{left:auto !important;right:16px !important;bottom:90px !important;z-index:9998 !important;}
  #lcp-top{left:auto !important;right:16px !important;bottom:150px !important;z-index:9997 !important;}
}
@media (max-width:575px){
  #lcp-wa{right:14px !important;bottom:80px !important;width:52px !important;height:52px !important;}
  #lcp-top{right:14px !important;bottom:140px !important;}
}
/* ===== fin fix móvil v6 ===== */
