/*
Theme Name: Pet-Luditos
Theme URI: https://pet-luditos.com/
Author: Pet-Luditos
Description: Tema WooCommerce propio para Pet-Luditos: alegre, confiable, amigable y orientado a conversión.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: pet-luditos
*/
:root{--sky:#87CEEB;--green:#90EE90;--orange:#FFB347;--cream:#FFF8DC;--white:#fff;--gray:#F5F5F5;--ink:#263238;--muted:#66757d;--line:#e6ecef;--green-dark:#31864d;--blue-dark:#317ea9;--radius:18px;--shadow:0 10px 30px rgba(38,50,56,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{background:var(--sky);font-size:13px;font-weight:800}.topbar .container{min-height:34px;display:flex;align-items:center;justify-content:center}.site-header{position:sticky;top:0;z-index:999;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 14px rgba(0,0,0,.05)}.header-main{min-height:76px;display:flex;align-items:center;gap:22px}.brand{font-size:27px;font-weight:900;letter-spacing:-.7px;white-space:nowrap}.brand .pet{color:var(--orange)}.brand .luditos{color:#3f8fc0}.search-wrap{flex:1}.search-form{display:flex;min-height:46px;border:2px solid var(--sky);border-radius:999px;overflow:hidden;background:#fff}.search-form input{min-width:0;flex:1;border:0;outline:0;padding:10px 17px;font:inherit}.search-form button{border:0;background:var(--sky);padding:0 20px;font-weight:900;cursor:pointer}.header-actions{display:flex;align-items:center;gap:8px}.header-action{padding:9px 11px;border-radius:12px;font-weight:800}.header-action:hover{background:var(--cream)}.cart-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;margin-left:3px;border-radius:999px;background:var(--orange);font-size:12px}.nav{border-top:1px solid #f1f3f4}.nav .container{display:flex;gap:3px;overflow:auto}.nav a{padding:11px 13px;font-weight:800;white-space:nowrap}.nav a:hover{background:var(--cream);color:var(--blue-dark)}
.hero{padding:24px 0 8px}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.hero-main{min-height:355px;border-radius:25px;padding:46px;background:linear-gradient(135deg,var(--sky),#e2f8ff);display:flex;align-items:center;overflow:hidden}.hero-copy{max-width:650px}.eyebrow{display:inline-block;padding:7px 12px;background:#fff;border-radius:999px;font-size:13px;font-weight:900;margin-bottom:13px}.hero h1{margin:0 0 15px;font-size:clamp(35px,4.3vw,58px);line-height:1.03;letter-spacing:-1.8px;font-weight:900}.hero p{max-width:590px;margin:0 0 24px;font-size:18px}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 18px;border:0;border-radius:12px;font-weight:900;cursor:pointer;transition:.18s transform,.18s box-shadow}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn-primary{background:var(--orange);color:#2b241b}.btn-secondary{background:#fff}.hero-side{padding:25px;border-radius:25px;background:var(--cream);display:flex;flex-direction:column;justify-content:center;gap:11px}.hero-side h2{margin:0 0 3px;font-size:24px}.benefit{display:flex;gap:10px;padding:11px;background:#fff;border-radius:13px}.benefit strong{display:block}.benefit small{color:var(--muted)}
.section{padding:34px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:18px}.section-head h1,.section-head h2{margin:0;font-weight:900;line-height:1.15}.section-head h2{font-size:30px}.section-head p{margin:4px 0 0;color:var(--muted)}.link-more{font-weight:900;color:var(--blue-dark)}.category-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.category-card{display:block;padding:17px 10px;text-align:center;background:var(--gray);border:1px solid var(--line);border-radius:18px;transition:.18s}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);background:var(--cream)}.category-icon{display:block;font-size:33px;margin-bottom:7px}.category-card strong{font-size:14px}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.18s;position:relative}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-media{position:relative;display:grid;place-items:center;aspect-ratio:1;background:var(--gray);padding:14px}.product-media img{width:100%;height:100%;object-fit:contain}.badge{position:absolute;top:10px;left:10px;background:var(--orange);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.product-body{padding:14px}.product-cat{font-size:12px;color:var(--muted);font-weight:700;margin-bottom:3px}.product-title{display:block;font-size:16px;font-weight:900;line-height:1.3;min-height:42px}.price{font-size:21px;font-weight:900;color:var(--green-dark);margin-top:7px}.product-actions{display:grid;grid-template-columns:1fr 44px;gap:8px;margin-top:12px}.add-cart{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px;border:0;border-radius:10px;background:var(--orange);color:#2b241b;font-weight:900;cursor:pointer}.add-cart:disabled{opacity:.7;cursor:wait}.wa-btn{display:grid;place-items:center;width:44px;min-height:42px;border:1px solid #d9e7dd;background:#f4fff6;border-radius:10px;font-size:20px}.wa-btn:hover{background:var(--green)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trust-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.trust-card .icon{font-size:25px}.trust-card strong{display:block;margin:4px 0}.trust-card span{font-size:13px;color:var(--muted)}.promo{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px;background:var(--green);border-radius:24px}.promo h2{margin:0 0 5px;font-size:28px}.promo p{margin:0}
.site-main{min-height:55vh}.site-footer{margin-top:45px;background:#f3f7f8;border-top:1px solid var(--line)}.footer-main{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:28px;padding:38px 0}.footer-title{font-weight:900;margin-bottom:10px}.footer-col a{display:block;padding:4px 0;color:#526168}.footer-col a:hover{color:var(--blue-dark)}.footer-bottom{border-top:1px solid var(--line);padding:15px 0;color:#66757d;font-size:13px}
.woocommerce .site-main,.woocommerce-page .site-main{padding-top:20px}.woocommerce .container{max-width:1180px}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{width:auto!important;margin:0!important;padding:12px!important;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.woocommerce ul.products li.product:hover{box-shadow:var(--shadow)}.woocommerce ul.products li.product img{border-radius:12px;background:var(--gray);object-fit:contain}.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--green-dark);font-weight:900}.woocommerce ul.products li.product .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{border-radius:10px;background:var(--orange);color:#2b241b;font-weight:900}.woocommerce ul.products li.product .button{width:100%;text-align:center}.woocommerce .quantity .qty{min-height:44px;border:1px solid var(--line);border-radius:10px}.woocommerce div.product form.cart{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.woocommerce div.product form.cart .button{min-height:46px}.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:12px!important;border-top:3px solid var(--sky)!important}.woocommerce .woocommerce-breadcrumb{color:var(--muted)}.woocommerce-tabs{margin-top:28px}.single-product .summary .price{font-size:30px}.single-product .product_meta{border-top:1px solid var(--line);padding-top:15px;color:var(--muted)}.single-product .woocommerce-product-gallery__image img{border-radius:18px;background:var(--gray)}
.wc-block-components-button{border-radius:10px!important;background:var(--orange)!important;color:#2b241b!important;font-weight:900!important}.wc-block-components-button:hover{filter:brightness(.98)}.wc-block-cart,.wc-block-checkout{font-family:Poppins,system-ui,sans-serif}.wc-block-components-sidebar-layout{max-width:1180px;margin:auto}
@media(max-width:900px){.header-main{flex-wrap:wrap;padding:10px 0}.brand{order:1}.header-actions{order:2;margin-left:auto}.search-wrap{order:3;flex-basis:100%}.hero-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(4,1fr)}.products-grid,.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}.trust-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.container{width:calc(100% - 22px)}.header-main{gap:12px}.brand{font-size:24px}.header-actions .header-action:not(.cart-link){display:none}.hero-main{min-height:330px;padding:28px 22px}.hero h1{font-size:36px}.category-grid{grid-template-columns:repeat(2,1fr)}.products-grid,.woocommerce ul.products{grid-template-columns:1fr!important}.trust-grid{grid-template-columns:1fr}.promo{display:block}.promo .btn{margin-top:14px}.footer-main{grid-template-columns:1fr}.nav a{font-size:14px;padding:10px 11px}}

/* =========================================================
   PET-LUDITOS 1.1 — CAROUSEL + BRANDS + PRIORITY CATEGORIES
   ========================================================= */
.hero-carousel{position:relative;padding:24px 0 8px}.hero-carousel .container{position:relative}.hero-track{position:relative;min-height:390px;border-radius:25px;overflow:hidden}.hero-slide{position:absolute;inset:0;display:flex;align-items:center;padding:46px 58px;opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .45s ease,transform .45s ease,visibility .45s}.hero-slide.is-active{opacity:1;visibility:visible;transform:translateX(0)}.hero-slide .hero-copy{max-width:700px;position:relative;z-index:2}.hero-slide h1,.hero-slide h2{margin:0 0 15px;font-size:clamp(36px,4.4vw,58px);line-height:1.03;letter-spacing:-1.8px;font-weight:900}.hero-slide p{max-width:620px;margin:0 0 24px;font-size:18px}.hero-slide-1{background:linear-gradient(135deg,var(--sky),#e8f9ff)}.hero-slide-2{background:linear-gradient(135deg,var(--green),#f0fff0)}.hero-slide-3{background:linear-gradient(135deg,var(--cream),#fff)}.hero-slide-4{background:linear-gradient(135deg,var(--orange),#fff0d6)}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--ink);font-size:34px;line-height:1;box-shadow:0 5px 18px rgba(38,50,56,.14);cursor:pointer;z-index:5}.hero-prev{left:14px}.hero-next{right:14px}.hero-dots{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:5}.hero-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#fff;opacity:.55;cursor:pointer}.hero-dots button.is-active{opacity:1;transform:scale(1.25)}
.category-grid-priority{grid-template-columns:repeat(7,1fr)}.category-card.priority-dog,.category-card.priority-cat{background:linear-gradient(180deg,#fff,var(--cream));border:2px solid var(--sky);padding:20px 10px}.category-card.priority-dog .category-icon,.category-card.priority-cat .category-icon{font-size:40px}.category-card.priority-dog strong,.category-card.priority-cat strong{font-size:16px}.nav a.menu-dog,.nav a.menu-cat{background:var(--cream);font-weight:900;color:#287ba7}.nav a.menu-dog:hover,.nav a.menu-cat:hover{background:var(--sky);color:#1f536e}
.brand-section{padding-top:8px}.brand-carousel{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;padding:18px 0;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.brand-track{display:flex;width:max-content;gap:14px;animation:petBrandScroll 32s linear infinite}.brand-carousel:hover .brand-track{animation-play-state:paused}.brand-pill{min-width:150px;height:66px;padding:12px 18px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line);border-radius:15px;background:#fff;font-size:16px;font-weight:900;color:#34444b;box-shadow:0 5px 16px rgba(38,50,56,.05)}@keyframes petBrandScroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}
.wa-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:13px;font-weight:900;color:#31864d;background:#fff}.wa-btn:hover .wa-icon{background:transparent;color:#fff}
@media(max-width:900px){.hero-track{min-height:410px}.hero-slide{padding:40px 45px}.category-grid-priority{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.hero-track{min-height:430px}.hero-slide{padding:34px 24px 55px}.hero-slide h1,.hero-slide h2{font-size:35px}.hero-slide p{font-size:16px}.hero-arrow{width:38px;height:38px;font-size:29px}.hero-prev{left:8px}.hero-next{right:8px}.hero-dots{bottom:14px}.category-grid-priority{grid-template-columns:repeat(2,1fr)}.brand-pill{min-width:135px;height:60px;font-size:14px}}

/* PET-LUDITOS v1.3 - clean carousel, neutral categories, aligned product cards */
.hero-carousel .hero-track{display:block;position:relative;min-height:390px;background:var(--sky)}
.hero-carousel .hero-slide{display:flex;opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .45s ease,transform .45s ease,visibility .45s ease}
.hero-carousel .hero-slide.is-active{opacity:1;visibility:visible;transform:translateX(0)}
.hero-carousel .hero-arrow{display:grid;place-items:center}
.category-grid-priority{grid-template-columns:repeat(7,1fr)}
/* Perros y Gatos son prioritarios por posición y navegación, no por recuadros decorativos. */
.category-grid-priority .priority-dog,.category-grid-priority .priority-cat{background:var(--gray);border:1px solid var(--line);padding:17px 10px;min-height:0}
.category-grid-priority .priority-dog .category-icon,.category-grid-priority .priority-cat .category-icon{font-size:33px}
.category-grid-priority .priority-dog strong,.category-grid-priority .priority-cat strong{font-size:14px}
.nav a.menu-dog,.nav a.menu-cat{font-weight:900;color:var(--ink);background:transparent}
.nav a.menu-dog:hover,.nav a.menu-cat:hover{background:var(--cream);color:var(--blue-dark)}
.brand-section{padding-top:8px}
.brand-carousel{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;padding:18px 0;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.brand-track{display:flex;width:max-content;gap:14px;animation:petBrandScroll 32s linear infinite}
.brand-carousel:hover .brand-track{animation-play-state:paused}
.brand-pill{min-width:150px;height:66px;padding:12px 18px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line);border-radius:15px;background:#fff;font-size:16px;font-weight:900;color:#34444b;box-shadow:0 5px 16px rgba(38,50,56,.05)}
@keyframes petBrandScroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}
/* Uniform product-card heights so the action row lines up across every card. */
.products-grid .product-card,.woocommerce ul.products li.product.product-card{height:100%;display:flex;flex-direction:column}
.product-body{display:flex;flex-direction:column;flex:1;min-height:0}
.product-cat{min-height:19px;overflow:hidden}
.product-title{min-height:42px;max-height:42px;overflow:hidden}
.price{min-height:31px;display:flex;align-items:center}
.product-actions{margin-top:auto;align-items:stretch}
.product-actions .add-cart,.product-actions .wa-btn{height:42px;min-height:42px;box-sizing:border-box}
.wa-btn{background:#25D366!important;border-color:#25D366!important;color:#fff!important}
.wa-btn:hover{background:#1ebe5b!important;border-color:#1ebe5b!important}
.wa-icon{display:grid;place-items:center;width:22px;height:22px}
.wa-icon svg{width:22px;height:22px;display:block;fill:#fff}
.woocommerce ul.products li.product{display:flex!important;flex-direction:column!important}
.woocommerce ul.products li.product .product-body{flex:1;display:flex;flex-direction:column}
.woocommerce ul.products li.product .product-actions{margin-top:auto}
.woocommerce ul.products li.product .product-title{min-height:42px;max-height:42px;overflow:hidden}
.woocommerce ul.products li.product .price{min-height:31px;display:flex;align-items:center}
@media(max-width:900px){.hero-track{min-height:410px}.hero-slide{padding:40px 45px}.category-grid-priority{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.hero-track{min-height:430px}.hero-slide{padding:34px 24px 55px}.hero-slide h1,.hero-slide h2{font-size:35px}.hero-slide p{font-size:16px}.hero-arrow{width:38px;height:38px;font-size:29px}.hero-prev{left:8px}.hero-next{right:8px}.hero-dots{bottom:14px}.category-grid-priority{grid-template-columns:repeat(2,1fr)!important}.brand-pill{min-width:135px;height:60px;font-size:14px}}

/* v1.4 — only requested adjustments */
.hero-slide{overflow:hidden}
.hero-visual{position:absolute;right:7%;top:50%;transform:translateY(-50%);font-size:150px;line-height:1;opacity:.88;filter:drop-shadow(0 12px 18px rgba(38,50,56,.10));z-index:1;pointer-events:none}
.hero-slide-1 .hero-visual{font-size:145px}
.hero-slide-2 .hero-visual,.hero-slide-3 .hero-visual{font-size:170px}
.hero-slide-4 .hero-visual{font-size:130px}
.hero-slide .hero-copy{z-index:2}
.hero-slide .hero-whatsapp{background:#25D366;color:#fff}
.hero-slide .hero-whatsapp:hover{background:#1ebe5b;color:#fff}
.brand-pill:nth-child(6n+1){background:var(--sky)}
.brand-pill:nth-child(6n+2){background:var(--green)}
.brand-pill:nth-child(6n+3){background:var(--orange)}
.brand-pill:nth-child(6n+4){background:var(--cream)}
.brand-pill:nth-child(6n+5){background:var(--white)}
.brand-pill:nth-child(6n){background:var(--gray)}
.brand-pill{box-shadow:none}
@media(max-width:600px){.hero-visual{right:4%;font-size:90px!important;opacity:.55}.hero-slide .hero-copy{max-width:88%}}

/* PET-LUDITOS — BANNER HORIZONTAL REAL */
.hero-carousel .hero-track{position:relative;display:flex!important;width:100%;height:390px!important;min-height:390px!important;overflow:hidden;border-radius:25px;transition:transform .55s ease;}
.hero-carousel .hero-slide{position:relative!important;flex:0 0 100%!important;width:100%!important;height:390px!important;min-height:390px!important;inset:auto!important;display:flex!important;align-items:center!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important;overflow:hidden;}
.hero-carousel .hero-slide .hero-copy{position:relative;z-index:2;}
.hero-carousel .hero-slide .hero-visual{position:absolute;right:4%;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none;}
.hero-carousel .hero-arrow,.hero-carousel .hero-dots{z-index:10;}
@media(max-width:900px){.hero-carousel .hero-track{height:410px!important;min-height:410px!important}.hero-carousel .hero-slide{height:410px!important;min-height:410px!important}}
@media(max-width:600px){.hero-carousel .hero-track{height:430px!important;min-height:430px!important}.hero-carousel .hero-slide{height:430px!important;min-height:430px!important}.hero-carousel .hero-slide .hero-copy{width:68%;max-width:68%;}}

/* WHATSAPP SLIDE 1 — GREEN */
.hero-carousel .hero-slide-1 .hero-whatsapp{background:#25D366!important;border-color:#25D366!important;color:#fff!important}
.hero-carousel .hero-slide-1 .hero-whatsapp:hover{background:#1ebe5b!important;border-color:#1ebe5b!important;color:#fff!important}

/* FINAL HERO HORIZONTAL FIX */
.hero-carousel .hero-track{display:flex!important;flex-direction:row!important;width:400%!important;max-width:none!important;height:390px!important;min-height:390px!important;overflow:hidden!important;transform:translateX(0);transition:transform .55s ease!important;}
.hero-carousel .hero-slide{position:relative!important;display:flex!important;flex:0 0 25%!important;width:25%!important;max-width:25%!important;height:390px!important;min-height:390px!important;inset:auto!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important;box-sizing:border-box!important;}
@media(max-width:900px){.hero-carousel .hero-track{height:410px!important;min-height:410px!important}.hero-carousel .hero-slide{height:410px!important;min-height:410px!important}}
@media(max-width:600px){.hero-carousel .hero-track{height:430px!important;min-height:430px!important}.hero-carousel .hero-slide{height:430px!important;min-height:430px!important}}


/* FINAL BANNER STRUCTURE — horizontal viewport + horizontal slide track */
.hero-carousel .hero-track{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:390px!important;
  min-height:390px!important;
  overflow:hidden!important;
  border-radius:25px!important;
  transform:none!important;
  transition:none!important;
}
.hero-carousel .hero-slides{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  width:400%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  transform:translate3d(0,0,0);
  transition:transform .55s ease!important;
}
.hero-carousel .hero-slides .hero-slide{
  position:relative!important;
  flex:0 0 25%!important;
  width:25%!important;
  max-width:25%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
@media(max-width:900px){
  .hero-carousel .hero-track{height:410px!important;min-height:410px!important}
}
@media(max-width:600px){
  .hero-carousel .hero-track{height:430px!important;min-height:430px!important}
}
