/* Theme Name: Dazgart Resin Magic Theme URI: https://dazgart.com Author: MOGA Design Author URI: https://dazgart.com Description: Theme premium para Dazgart — Arte y Magia en Resina. Diseño editorial con tipografía Bodoni Moda + Archivo, paleta rosa/naranja de marca. 100% compatible con Elementor (Default, Canvas, Full Width) y WooCommerce. Version: 1.0.8 Requires at least: 6.0 Tested up to: 6.9 Requires PHP: 7.4 License: Proprietary Text Domain: dazgart Tags: elementor, woocommerce, custom-colors, custom-logo, custom-menu, full-width-template, e-commerce WC requires at least: 7.0 WC tested up to: 9.0 */ /* ============================================================ DAZGART — DESIGN SYSTEM Bodoni Moda (display) + Archivo (body) Paleta extraída del logo: Rosa #DD69A5 · Naranja #F59F42 ============================================================ */ :root{ --rose-bg: oklch(0.98 0.012 350); --rose-deep: oklch(0.93 0.035 350); --violet-900: oklch(0.32 0.130 340); --violet-700: oklch(0.40 0.150 338); --violet-500: oklch(0.62 0.175 340); --violet-400: oklch(0.68 0.150 340); --violet-200: oklch(0.88 0.055 345); --gold-600: oklch(0.68 0.165 55); --gold-400: oklch(0.78 0.140 60); --ink: oklch(0.28 0.060 345); --ink-soft: oklch(0.48 0.060 345); --paper: oklch(0.99 0.006 350); --line: oklch(0.90 0.025 345); --serif: "Bodoni Moda", Georgia, serif; --sans: "Archivo", -apple-system, sans-serif; --ease: cubic-bezier(.16,1,.3,1); } *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;} html{scroll-behavior:smooth;} body{font-family:var(--sans);background:var(--rose-bg);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased;} img{display:block;max-width:100%;} a{color:inherit;text-decoration:none;} ::selection{background:var(--violet-500);color:#fff;} .wrap{max-width:1360px;margin-inline:auto;padding-inline:clamp(20px,5vw,64px);} ::-webkit-scrollbar{width:8px;} ::-webkit-scrollbar-track{background:var(--rose-bg);} ::-webkit-scrollbar-thumb{background:var(--violet-200);border-radius:8px;} .grain{position:fixed;inset:0;z-index:500;pointer-events:none;opacity:.035;mix-blend-mode:multiply; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");} .progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--gold-600),var(--violet-500));z-index:1000;width:0%;transition:width .1s linear;} .cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;border-radius:50%;background:var(--gold-600);z-index:999;pointer-events:none;transform:translate(-50%,-50%);transition:transform .15s var(--ease),opacity .3s;opacity:0;} @media (hover:hover) and (pointer:fine){.cursor-dot{opacity:.85;}} .cursor-dot.grow{transform:translate(-50%,-50%) scale(3.2);background:transparent;border:1.5px solid var(--gold-600);} .site-header{position:fixed;top:0;left:0;right:0;z-index:300;padding:22px clamp(20px,5vw,64px);display:flex;align-items:center;justify-content:space-between;transition:padding .4s var(--ease),background .4s var(--ease),backdrop-filter .4s var(--ease);} .site-header.scrolled{padding:14px clamp(20px,5vw,64px);background:color-mix(in oklch,var(--rose-bg) 88%,transparent);backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 1px 0 var(--line);} .logo{font-family:var(--serif);font-weight:500;font-size:22px;letter-spacing:.01em;display:flex;align-items:baseline;gap:8px;} .logo em{font-style:italic;color:var(--violet-500);font-weight:400;} .nav-desktop{display:flex;gap:40px;align-items:center;} .nav-desktop a{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;position:relative;padding-bottom:4px;color:var(--ink-soft);transition:color .3s;} .nav-desktop a::after{content:'';position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--violet-500);transition:width .35s var(--ease);} .nav-desktop a:hover{color:var(--violet-700);} .nav-desktop a:hover::after{width:100%;} .header-actions{display:flex;align-items:center;gap:18px;} .icon-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:transparent;transition:border-color .3s,color .3s,transform .3s var(--ease);position:relative;} .icon-btn:hover{border-color:var(--violet-400);color:var(--violet-700);transform:translateY(-2px);} .icon-btn svg{width:16px;height:16px;} .cart-dot{position:absolute;top:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:var(--gold-600);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;} .burger{display:none;width:38px;height:38px;border:none;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;} .burger span{display:block;width:22px;height:1.5px;background:var(--ink);} .hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px clamp(20px,5vw,64px) 60px;background:radial-gradient(ellipse 70% 50% at 85% 15%,color-mix(in oklch,var(--violet-200) 55%,transparent) 0%,transparent 60%),var(--rose-bg);overflow:hidden;} .hero-grid{width:100%;max-width:1360px;margin-inline:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(32px,6vw,90px);align-items:center;} .hero-kicker{display:flex;align-items:center;gap:14px;margin-bottom:28px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--violet-500);} .hero-kicker .ln{width:40px;height:1px;background:var(--gold-600);} .hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.6rem,6.4vw,5.6rem);line-height:.98;letter-spacing:-.01em;text-wrap:balance;color:var(--violet-900);} .hero h1 .ital{font-style:italic;font-weight:400;color:var(--violet-500);} .hero-line{display:block;overflow:hidden;} .hero-line span{display:block;transform:translateY(110%);animation:lineUp .9s var(--ease) forwards;} .hero-line:nth-child(1) span{animation-delay:.15s;} .hero-line:nth-child(2) span{animation-delay:.30s;} @keyframes lineUp{to{transform:translateY(0);}} .hero p.lede{margin-top:30px;font-size:18px;line-height:1.65;color:var(--ink-soft);max-width:46ch;opacity:0;animation:fadeUp .8s var(--ease) .8s forwards;} .hero-ctas{margin-top:42px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;opacity:0;animation:fadeUp .8s var(--ease) .95s forwards;} @keyframes fadeUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}} .btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:16px 32px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;cursor:pointer;border:none;font-family:var(--sans);isolation:isolate;transition:transform .45s var(--ease),box-shadow .45s var(--ease);} .btn-primary{background:var(--violet-900);color:#fff;} .btn-primary::before{content:'';position:absolute;inset:0;border-radius:999px;z-index:-1;background:linear-gradient(120deg,var(--violet-500),var(--gold-600));opacity:0;transition:opacity .45s var(--ease);} .btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 30px -8px color-mix(in oklch,var(--violet-700) 55%,transparent);} .btn-primary:hover::before{opacity:1;} .btn-ghost{background:transparent;color:var(--violet-900);border:1px solid var(--line);} .btn-ghost:hover{border-color:var(--violet-500);transform:translateY(-3px);} .btn svg{width:14px;height:14px;transition:transform .4s var(--ease);} .btn:hover svg{transform:translateX(4px);} .hero-visual{position:relative;aspect-ratio:4/5;opacity:0;animation:visualIn 1.1s var(--ease) .35s forwards;} @keyframes visualIn{from{opacity:0;transform:scale(.94) translateY(20px);}to{opacity:1;transform:scale(1) translateY(0);}} .hero-visual .frame{position:absolute;inset:0;overflow:hidden;border-radius:6px 48px 6px 48px;box-shadow:0 50px 90px -30px color-mix(in oklch,var(--violet-900) 45%,transparent);} .hero-visual img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.4s var(--ease);} .hero:hover .hero-visual img{transform:scale(1.0);} .hero-visual .frame::after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,transparent 50%,color-mix(in oklch,var(--violet-900) 35%,transparent) 100%);} .hero-orbit{position:absolute;left:-14%;bottom:-8%;width:46%;aspect-ratio:1;border-radius:50%;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 24px 50px -15px color-mix(in oklch,var(--violet-900) 30%,transparent);animation:floatY 6s ease-in-out infinite;} @keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}} .hero-orbit .num{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.4rem);font-style:italic;color:var(--violet-500);} .hero-orbit .lbl{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);text-align:center;max-width:80%;} .hero-scroll{position:absolute;left:clamp(20px,5vw,64px);bottom:32px;display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);opacity:0;animation:fadeUp .8s var(--ease) 1.2s forwards;} .hero-scroll .stick{width:1px;height:36px;background:var(--line);position:relative;overflow:hidden;} .hero-scroll .stick::after{content:'';position:absolute;top:0;left:0;width:100%;height:40%;background:var(--gold-600);animation:scrollTick 1.8s ease-in-out infinite;} @keyframes scrollTick{0%{top:-40%;}100%{top:100%;}} .trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);} .trust-row{display:grid;grid-template-columns:repeat(4,1fr);max-width:1360px;margin-inline:auto;} .trust-item{padding:26px clamp(16px,3vw,32px);display:flex;align-items:center;gap:14px;border-right:1px solid var(--line);} .trust-row .trust-item:last-child{border-right:none;} .trust-item svg{width:20px;height:20px;color:var(--violet-500);flex-shrink:0;} .trust-item .t{font-size:13px;font-weight:700;color:var(--ink);display:block;} .trust-item .s{font-size:12px;color:var(--ink-soft);} section{position:relative;} .section-pad{padding:clamp(80px,10vw,140px) clamp(20px,5vw,64px);} .kicker{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--violet-500);margin-bottom:18px;} .kicker .ln{width:32px;height:1px;background:var(--gold-600);} h2.display{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.04;letter-spacing:-.01em;text-wrap:balance;color:var(--violet-900);} h2.display .ital{font-style:italic;font-weight:400;color:var(--violet-500);} .reveal{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .8s var(--ease);} .reveal.is-hidden{opacity:0;transform:translateY(28px);} @media (prefers-reduced-motion:reduce){ .reveal.is-hidden{opacity:1;transform:none;} .hero-line span{animation:none;transform:none;} .hero p.lede,.hero-ctas,.hero-scroll,.hero-visual{animation:none;opacity:1;} } .collections-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:56px;flex-wrap:wrap;} .collections-head p{max-width:38ch;color:var(--ink-soft);font-size:15px;line-height:1.6;} .coll-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:340px 220px;gap:18px;} .coll-card{position:relative;border-radius:4px;overflow:hidden;cursor:pointer;background:var(--violet-200);display:block;} .coll-card:nth-child(1){grid-column:1/4;grid-row:1/3;} .coll-card:nth-child(2){grid-column:4/7;grid-row:1/2;} .coll-card:nth-child(3){grid-column:4/6;grid-row:2/3;} .coll-card:nth-child(4){grid-column:6/7;grid-row:2/3;} .coll-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);} .coll-card:hover img{transform:scale(1.07);} .coll-card::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 40%,color-mix(in oklch,var(--violet-900) 75%,transparent) 100%);} .coll-label{position:absolute;left:22px;bottom:20px;z-index:2;color:#fff;} .coll-label .name{font-family:var(--serif);font-style:italic;font-size:clamp(1.1rem,2vw,1.7rem);} .coll-label .count{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.75;margin-top:2px;display:block;} .coll-card .arrow{position:absolute;top:18px;right:18px;z-index:2;width:34px;height:34px;border-radius:50%;background:color-mix(in oklch,#fff 18%,transparent);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;color:#fff;transform:scale(0) rotate(-30deg);transition:transform .4s var(--ease);} .coll-card:hover .arrow{transform:scale(1) rotate(0);} .coll-card .arrow svg{width:14px;height:14px;} .shop-section{background:var(--paper);} .shop-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;flex-wrap:wrap;gap:20px;} .products-grid, .woocommerce ul.products.products-grid, .woocommerce-page ul.products.products-grid{ display: grid !important; grid-template-columns: repeat(4,1fr) !important; gap: 28px !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } .woocommerce ul.products.products-grid::before, .woocommerce ul.products.products-grid::after{ content: none !important; display: none !important; } .product-card{display:flex;flex-direction:column;} .product-media{position:relative;aspect-ratio:1;border-radius:4px;overflow:hidden;background:linear-gradient(155deg,var(--violet-200),var(--rose-deep));margin-bottom:18px;} .product-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);} .product-card:hover .product-media img{transform:scale(1.08);} .product-tag{position:absolute;top:12px;left:12px;z-index:2;background:var(--violet-900);color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;} .product-tag.gold{background:var(--gold-600);} .product-quick{position:absolute;inset-inline:12px;bottom:12px;z-index:2;display:flex;gap:8px;opacity:0;transform:translateY(10px);transition:opacity .35s var(--ease),transform .35s var(--ease);} .product-card:hover .product-quick{opacity:1;transform:translateY(0);} .pq-btn{flex:1;background:#fff;color:var(--violet-900);border:none;border-radius:999px;padding:10px 14px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .25s,color .25s;} .pq-btn.primary{background:var(--violet-900);color:#fff;flex:1.6;} .pq-btn:hover{background:var(--gold-600);color:#fff;} .pq-btn.primary:hover{background:var(--violet-500);} .product-info .cat{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--violet-500);font-weight:700;} .product-info h3{font-family:var(--serif);font-weight:500;font-style:italic;font-size:1.2rem;margin-top:6px;color:var(--violet-900);line-height:1.25;} .product-info .price{margin-top:8px;font-size:1.05rem;font-weight:700;color:var(--ink);font-family:var(--sans);} .product-info .price del{color:var(--ink-soft);font-weight:400;margin-right:8px;font-size:.9em;} .manifesto{background:var(--violet-900);color:var(--rose-bg);padding:clamp(90px,12vw,160px) clamp(20px,5vw,64px);text-align:center;position:relative;overflow:hidden;} .manifesto::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 0%,color-mix(in oklch,var(--violet-500) 45%,transparent),transparent 70%);} .manifesto-mark{font-family:var(--serif);font-style:italic;font-size:2rem;color:var(--gold-400);margin-bottom:28px;position:relative;} .manifesto blockquote{position:relative;font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(1.6rem,4vw,3rem);line-height:1.3;max-width:18ch;margin-inline:auto;text-wrap:balance;} .manifesto cite{display:block;margin-top:28px;font-style:normal;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklch,var(--rose-bg) 60%,transparent);} .about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,100px);align-items:center;} .about-visual{position:relative;} .about-visual .frame{aspect-ratio:3/4;border-radius:4px 4px 4px 80px;overflow:hidden;box-shadow:0 40px 80px -25px color-mix(in oklch,var(--violet-900) 40%,transparent);} .about-visual img{width:100%;height:100%;object-fit:cover;} .about-stat-card{position:absolute;right:-10%;bottom:-12%;background:var(--paper);border-radius:4px;padding:26px 30px;box-shadow:0 30px 60px -20px color-mix(in oklch,var(--violet-900) 35%,transparent);width:64%;} .about-stat-card .big{font-family:var(--serif);font-style:italic;font-size:2.6rem;color:var(--violet-500);line-height:1;} .about-stat-card .small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-top:6px;} .about-copy p.lede{font-size:18px;line-height:1.7;color:var(--ink-soft);margin-top:22px;max-width:52ch;} .about-stats-row{display:flex;gap:clamp(28px,5vw,56px);margin-top:40px;padding-top:32px;border-top:1px solid var(--line);} .about-stats-row .stat .n{font-family:var(--serif);font-style:italic;font-size:2.2rem;color:var(--violet-900);} .about-stats-row .stat .l{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-top:4px;} .about-copy .btn{margin-top:36px;} .workshops{background:linear-gradient(140deg,var(--violet-700),var(--violet-900));color:#fff;position:relative;overflow:hidden;} .workshops::after{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,color-mix(in oklch,var(--gold-600) 25%,transparent),transparent 70%);top:-200px;right:-200px;} .workshops-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,6vw,80px);align-items:center;position:relative;z-index:1;} .workshops h2{color:#fff;} .workshops .kicker{color:var(--gold-400);} .workshops .kicker .ln{background:var(--gold-400);} .workshops p.lede{color:color-mix(in oklch,#fff 75%,transparent);font-size:17px;line-height:1.7;margin-top:22px;max-width:48ch;} .feature-list{margin-top:32px;display:flex;flex-direction:column;gap:14px;list-style:none;} .feature-list li{display:flex;align-items:center;gap:12px;font-size:14px;color:color-mix(in oklch,#fff 88%,transparent);} .feature-list svg{width:16px;height:16px;color:var(--gold-400);flex-shrink:0;} .workshops .btn-primary{margin-top:36px;background:var(--gold-600);} .workshops .btn-primary:hover{box-shadow:0 14px 30px -8px color-mix(in oklch,var(--gold-600) 60%,transparent);} .workshop-cards{display:flex;flex-direction:column;gap:16px;} .wcard{background:color-mix(in oklch,#fff 7%,transparent);border:1px solid color-mix(in oklch,#fff 12%,transparent);border-radius:4px;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:background .3s,border-color .3s,transform .3s var(--ease);} .wcard:hover{background:color-mix(in oklch,#fff 11%,transparent);border-color:color-mix(in oklch,var(--gold-400) 50%,transparent);transform:translateX(6px);} .wcard .wname{font-family:var(--serif);font-style:italic;font-size:1.15rem;} .wcard .wmeta{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in oklch,#fff 55%,transparent);margin-top:4px;} .wcard .wprice{font-family:var(--serif);font-size:1.1rem;color:var(--gold-400);white-space:nowrap;} .journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;} .jcard{cursor:pointer;} .jcard-media{aspect-ratio:4/3;border-radius:4px;overflow:hidden;margin-bottom:20px;background:var(--violet-200);position:relative;} .jcard-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);} .jcard:hover .jcard-media img{transform:scale(1.06);} .jcard-tag{position:absolute;top:12px;left:12px;background:var(--paper);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;color:var(--violet-700);} .jcard time{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);} .jcard h3{font-family:var(--serif);font-weight:500;font-size:1.35rem;margin-top:8px;line-height:1.25;color:var(--violet-900);transition:color .3s;} .jcard:hover h3{color:var(--violet-500);} .jcard .read{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--violet-500);} .jcard .read svg{width:12px;height:12px;transition:transform .3s var(--ease);} .jcard:hover .read svg{transform:translateX(4px);} .cta-final{position:relative;overflow:hidden;text-align:center;background:radial-gradient(ellipse 70% 60% at 50% 100%,color-mix(in oklch,var(--gold-600) 18%,transparent),transparent 70%),linear-gradient(160deg,var(--violet-900),var(--violet-700));color:#fff;padding:clamp(90px,12vw,160px) clamp(20px,5vw,64px);} .cta-final .kicker{color:var(--gold-400);justify-content:center;} .cta-final .kicker .ln{background:var(--gold-400);} .cta-final h2{color:#fff;} .cta-final p{color:color-mix(in oklch,#fff 75%,transparent);font-size:17px;max-width:50ch;margin:22px auto 40px;line-height:1.6;} .cta-final-actions{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;} .cta-final .btn-primary{background:var(--gold-600);} .cta-final .btn-ghost{border-color:color-mix(in oklch,#fff 30%,transparent);color:#fff;} .cta-final .btn-ghost:hover{border-color:#fff;} footer{background:var(--violet-900);color:color-mix(in oklch,#fff 78%,transparent);padding:80px clamp(20px,5vw,64px) 30px;} .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:48px;padding-bottom:56px;border-bottom:1px solid color-mix(in oklch,#fff 10%,transparent);} .footer-logo{font-family:var(--serif);font-size:24px;color:#fff;margin-bottom:18px;} .footer-logo em{font-style:italic;color:var(--gold-400);font-weight:400;} .footer-desc{font-size:14px;line-height:1.7;max-width:30ch;color:color-mix(in oklch,#fff 60%,transparent);} .footer-social{display:flex;gap:10px;margin-top:24px;} .footer-social a{width:36px;height:36px;border-radius:50%;border:1px solid color-mix(in oklch,#fff 16%,transparent);display:flex;align-items:center;justify-content:center;transition:border-color .3s,transform .3s var(--ease);} .footer-social a:hover{border-color:var(--gold-400);transform:translateY(-3px);} .footer-social svg{width:15px;height:15px;} .footer-col h4{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-400);margin-bottom:20px;} .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:12px;} .footer-col a{font-size:14px;color:color-mix(in oklch,#fff 65%,transparent);transition:color .25s,padding-left .25s;} .footer-col a:hover{color:#fff;padding-left:4px;} .footer-contact li{display:flex;gap:10px;font-size:14px;color:color-mix(in oklch,#fff 65%,transparent);align-items:flex-start;} .footer-contact svg{width:14px;height:14px;color:var(--gold-400);flex-shrink:0;margin-top:3px;} .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:26px;flex-wrap:wrap;gap:12px;font-size:12px;color:color-mix(in oklch,#fff 40%,transparent);} .float-stack{position:fixed;right:24px;bottom:24px;z-index:400;display:flex;flex-direction:column;align-items:flex-end;gap:12px;} .fab{display:flex;align-items:center;gap:10px;background:#fff;color:var(--violet-900);border-radius:999px;padding:14px 18px;box-shadow:0 14px 30px -10px color-mix(in oklch,var(--violet-900) 35%,transparent);font-size:13px;font-weight:700;cursor:pointer;border:none;opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease);} .fab.show{opacity:1;transform:translateY(0);} .fab svg{width:18px;height:18px;} .fab.top{width:44px;height:44px;padding:0;justify-content:center;} #toast-stack{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:600;display:flex;flex-direction:column;gap:10px;pointer-events:none;} .toast{background:var(--violet-900);color:#fff;padding:12px 22px;border-radius:999px;font-size:13px;font-weight:600;opacity:0;transform:translateY(10px);transition:opacity .35s var(--ease),transform .35s var(--ease);box-shadow:0 10px 24px -8px rgba(0,0,0,.3);} .toast.show{opacity:1;transform:translateY(0);} @media (max-width:980px){ .nav-desktop{display:none;} .burger{display:flex;} .hero-grid{grid-template-columns:1fr;} .hero-visual{order:-1;max-width:380px;margin-inline:auto;aspect-ratio:1;} .hero-orbit{width:42%;} .trust-row{grid-template-columns:repeat(2,1fr);} .trust-item:nth-child(2){border-right:none;} .coll-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;} .coll-card{aspect-ratio:1;} .coll-card:nth-child(1){grid-column:1/3;grid-row:auto;aspect-ratio:16/10;} .coll-card:nth-child(2){grid-column:1/2;} .coll-card:nth-child(3){grid-column:2/3;} .coll-card:nth-child(4){grid-column:1/3;} .products-grid{grid-template-columns:repeat(2,1fr);} .about-grid{grid-template-columns:1fr;} .about-visual{max-width:380px;margin-inline:auto;} .about-stat-card{right:0;} .workshops-grid{grid-template-columns:1fr;} .journal-grid{grid-template-columns:1fr;} .footer-grid{grid-template-columns:1fr 1fr;} } @media (max-width:600px){ .trust-row{grid-template-columns:1fr;} .trust-item{border-right:none;border-bottom:1px solid var(--line);} .products-grid{grid-template-columns:1fr;} .footer-grid{grid-template-columns:1fr;gap:32px;} .hero-ctas{flex-direction:column;align-items:flex-start;} .wcard{flex-direction:column;align-items:flex-start;gap:8px;} } .mobile-nav{position:fixed;inset:0;z-index:350;background:var(--rose-bg);display:flex;flex-direction:column;justify-content:center;padding:0 32px;transform:translateY(-100%);transition:transform .5s var(--ease);} .mobile-nav.open{transform:translateY(0);} .mobile-nav a{font-family:var(--serif);font-size:2.2rem;font-style:italic;color:var(--violet-900);padding:14px 0;border-bottom:1px solid var(--line);display:block;} .mobile-nav .close-btn{position:absolute;top:24px;right:24px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;cursor:pointer;} .mobile-nav .close-btn svg{width:16px;height:16px;} /* ============================================================ TIENDA — reglas exclusivas de la página de tienda ============================================================ */ .nav-desktop a:hover,.nav-desktop a.active{color:var(--violet-700);} .nav-desktop a.active::after,.nav-desktop a:hover::after{width:100%;} .page-hero{position:relative;padding:170px clamp(20px,5vw,64px) 64px;background:radial-gradient(ellipse 60% 70% at 90% 0%, color-mix(in oklch, var(--violet-200) 50%, transparent) 0%, transparent 60%),var(--rose-bg);overflow:hidden;} .breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.04em;color:var(--ink-soft);margin-bottom:24px;opacity:0;animation:fadeUp .7s var(--ease) .1s forwards;} .breadcrumb a{color:var(--violet-500);font-weight:600;} .breadcrumb a:hover{color:var(--violet-700);} .breadcrumb svg{width:11px;height:11px;opacity:.5;} .page-hero-grid{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;} .page-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.4rem,5vw,4.2rem);line-height:.98;letter-spacing:-.01em;color:var(--violet-900);opacity:0;animation:fadeUp .8s var(--ease) .2s forwards;} .page-hero h1 .ital{font-style:italic;font-weight:400;color:var(--violet-500);} .page-hero p.lede{margin-top:16px;font-size:16px;color:var(--ink-soft);max-width:48ch;line-height:1.6;opacity:0;animation:fadeUp .8s var(--ease) .32s forwards;} .page-hero-meta{display:flex;gap:36px;opacity:0;animation:fadeUp .8s var(--ease) .42s forwards;} .phm-item{text-align:right;} .phm-item .n{font-family:var(--serif);font-style:italic;font-size:1.8rem;color:var(--violet-500);line-height:1;} .phm-item .l{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:3px;} .shop-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:79px;z-index:90;} .toolbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(20px,5vw,64px);flex-wrap:wrap;} .toolbar-left{display:flex;align-items:center;gap:18px;flex-wrap:wrap;} .toolbar-count{font-size:13px;color:var(--ink-soft);} .toolbar-count strong{color:var(--violet-900);font-weight:700;} .toolbar-right{display:flex;align-items:center;gap:14px;} .filter-toggle-mobile{display:none;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:transparent;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--violet-900);cursor:pointer;} .filter-toggle-mobile svg{width:14px;height:14px;} .sort-select{position:relative;display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:12px;font-weight:600;letter-spacing:.03em;color:var(--ink);cursor:pointer;transition:border-color .3s;} .sort-select:hover{border-color:var(--violet-400);} .sort-select svg{width:13px;height:13px;color:var(--ink-soft);} .view-toggle{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;} .vt-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:var(--ink-soft);transition:background .25s,color .25s;} .vt-btn svg{width:15px;height:15px;} .vt-btn.active{background:var(--violet-900);color:#fff;} .active-pills{display:flex;gap:8px;flex-wrap:wrap;} .pill{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 14px;border-radius:999px;background:var(--violet-200);color:var(--violet-900);font-size:12px;font-weight:600;} .pill button{width:18px;height:18px;border-radius:50%;border:none;background:color-mix(in oklch, var(--violet-900) 12%, transparent);color:var(--violet-900);cursor:pointer;display:flex;align-items:center;justify-content:center;} .pill button svg{width:9px;height:9px;} .shop-body{padding:48px clamp(20px,5vw,64px) 100px;} .shop-grid{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:start;} .filter-sidebar{position:sticky;top:150px;} .filter-group{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px;} .filter-group:last-child{border-bottom:none;} .fg-head{display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:16px;user-select:none;} .fg-head h3{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--violet-900);} .fg-head svg{width:13px;height:13px;color:var(--ink-soft);transition:transform .3s var(--ease);} .filter-group.collapsed .fg-head svg{transform:rotate(-90deg);} .filter-group.collapsed .fg-body{display:none;} .fg-body{display:flex;flex-direction:column;gap:11px;} .cb-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer;} .cb-row label{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-soft);cursor:pointer;transition:color .2s;} .cb-row:hover label{color:var(--violet-700);} .cb-row input{appearance:none;width:16px;height:16px;border:1.5px solid var(--line);border-radius:4px;cursor:pointer;position:relative;flex-shrink:0;transition:border-color .2s,background .2s;} .cb-row input:checked{background:var(--violet-500);border-color:var(--violet-500);} .cb-row input:checked::after{content:'';position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);} .cb-count{font-size:11.5px;color:var(--ink-soft);opacity:.7;} .price-range{display:flex;flex-direction:column;gap:14px;} .price-slider{position:relative;height:4px;background:var(--line);border-radius:99px;margin-top:6px;} .price-slider-fill{position:absolute;height:100%;left:18%;right:25%;background:var(--violet-500);border-radius:99px;} .price-handle{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--violet-500);transform:translate(-50%,-50%);box-shadow:0 2px 6px rgba(0,0,0,.15);} .price-inputs{display:flex;align-items:center;gap:10px;} .price-inputs .pf{flex:1;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:12.5px;color:var(--ink-soft);} .price-inputs .pf span{color:var(--ink-soft);font-size:11px;} .color-swatches{display:flex;gap:10px;flex-wrap:wrap;} .swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;position:relative;transition:border-color .25s,transform .25s var(--ease);} .swatch:hover{transform:translateY(-2px);} .swatch.selected{border-color:var(--violet-700);} .swatch.selected::after{content:'';position:absolute;inset:-5px;border:1px solid var(--violet-700);border-radius:50%;} .filter-clear{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--violet-500);letter-spacing:.03em;cursor:pointer;margin-top:8px;} .filter-clear:hover{color:var(--violet-700);} .sidebar-cta{margin-top:28px;padding:24px;border-radius:4px 24px 4px 24px;background:linear-gradient(150deg,var(--violet-700),var(--violet-900));color:#fff;} .sidebar-cta .tag{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-400);font-weight:700;} .sidebar-cta h4{font-family:var(--serif);font-style:italic;font-size:1.25rem;margin:8px 0 10px;font-weight:400;} .sidebar-cta p{font-size:12.5px;color:color-mix(in oklch,#fff 72%,transparent);line-height:1.5;margin-bottom:14px;} .sidebar-cta a{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-400);} .sidebar-cta a svg{width:11px;height:11px;} .filter-backdrop{position:fixed;inset:0;background:rgba(20,8,35,.4);z-index:340;opacity:0;pointer-events:none;transition:opacity .35s;} .filter-backdrop.open{opacity:1;pointer-events:auto;} .filter-drawer{position:fixed;top:0;left:0;bottom:0;width:86%;max-width:340px;background:var(--rose-bg);z-index:350;transform:translateX(-100%);transition:transform .4s var(--ease);overflow-y:auto;padding:24px;} .filter-drawer.open{transform:translateX(0);} .fd-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;} .fd-head h3{font-family:var(--serif);font-size:1.4rem;} .fd-close{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:transparent;cursor:pointer;} .fd-close svg{width:14px;height:14px;} .fd-apply{margin-top:20px;width:100%;padding:14px;border-radius:999px;background:var(--violet-900);color:#fff;border:none;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;} .products-grid.list-view, .woocommerce ul.products.products-grid.list-view{ grid-template-columns: 1fr !important; gap: 18px !important; } .product-card.is-hidden{opacity:0;transform:translateY(20px);} .list-view .product-card{flex-direction:row;gap:24px;align-items:flex-start;} .list-view .product-media{width:200px;flex-shrink:0;margin-bottom:0;} .product-tag.rose{background:oklch(0.62 0.20 5);} .wish-btn{position:absolute;top:12px;right:12px;z-index:3;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.9);backdrop-filter:blur(4px);border:none;display:flex;align-items:center;justify-content:center;color:var(--violet-700);cursor:pointer;opacity:0;transform:translateY(-6px);transition:opacity .3s var(--ease),transform .3s var(--ease),color .25s,background .25s;} .product-card:hover .wish-btn{opacity:1;transform:translateY(0);} .wish-btn svg{width:14px;height:14px;} .wish-btn.active{color:#fff;background:oklch(0.62 0.20 5);opacity:1;transform:none;} .wish-btn.active svg{fill:currentColor;} .list-view .product-quick{position:static;opacity:1;transform:none;margin-top:16px;max-width:280px;} .rating-row{display:flex;align-items:center;gap:5px;margin-bottom:6px;} .rating-row svg{width:11px;height:11px;color:var(--gold-600);} .rating-row .rv{font-size:11px;color:var(--ink-soft);margin-left:4px;} .product-info h3 a{transition:color .25s;} .product-info h3 a:hover{color:var(--violet-500);} .list-view .product-info h3{font-size:1.4rem;} .list-view .product-desc{font-size:13.5px;color:var(--ink-soft);line-height:1.6;margin-top:10px;max-width:480px;} .stock-low{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:oklch(0.55 0.20 25);margin-top:6px;font-weight:600;} .stock-low svg{width:10px;height:10px;} .woocommerce-pagination{margin-top:64px;} .woocommerce-pagination ul.page-numbers{display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;padding:0;margin:0;} .woocommerce-pagination ul.page-numbers li{display:inline-flex;} .woocommerce-pagination ul.page-numbers li a, .woocommerce-pagination ul.page-numbers li span.current{min-width:38px;height:38px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:var(--paper);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--ink-soft);transition:all .25s;text-decoration:none;} .woocommerce-pagination ul.page-numbers li a:hover{border-color:var(--violet-400);color:var(--violet-700);} .woocommerce-pagination ul.page-numbers li span.current{background:var(--violet-900);color:#fff;border-color:var(--violet-900);} .woocommerce-pagination ul.page-numbers li span.dots{border:none;background:transparent;color:var(--ink-soft);min-width:auto;} .empty-state{text-align:center;padding:80px 20px;display:none;} .empty-state.show{display:block;} .empty-state svg{width:56px;height:56px;color:var(--violet-200);margin-bottom:20px;} .empty-state h3{font-family:var(--serif);font-style:italic;font-size:1.6rem;color:var(--violet-900);margin-bottom:10px;} .empty-state p{font-size:14px;color:var(--ink-soft);} /* Media queries exclusivas de tienda */ @media (prefers-reduced-motion:reduce){ .product-card.is-hidden{opacity:1;transform:none;} .breadcrumb,.page-hero h1,.page-hero p.lede,.page-hero-meta{animation:none;opacity:1;} } @media (max-width:980px){ .nav-desktop{display:none;} .burger{display:flex;} .shop-grid{grid-template-columns:1fr;} .filter-sidebar{display:none;} .filter-toggle-mobile{display:flex;} .products-grid{grid-template-columns:repeat(2,1fr);} .shop-toolbar{top:0;} .footer-grid{grid-template-columns:1fr 1fr;} } @media (max-width:600px){ .products-grid{grid-template-columns:1fr;} .products-grid.list-view .product-card{flex-direction:column;} .list-view .product-media{width:100%;} .page-hero-meta{display:none;} .toolbar-left{gap:10px;} .view-toggle{display:none;} .footer-grid{grid-template-columns:1fr;gap:28px;} } /* ============================================================ GOOGLE FONTS — Bodoni Moda + Archivo (También se cargan vía wp_enqueue_style en functions.php; este @import es respaldo para el editor de Elementor) ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap'); /* ============================================================ ADMIN BAR — el header sticky debe bajar cuando hay admin bar ============================================================ */ .admin-bar .site-header{ top: 32px; } @media screen and (max-width: 782px){ .admin-bar .site-header{ top: 46px; } } /* ============================================================ COMPATIBILIDAD UNIVERSAL CON ELEMENTOR El theme debe verse igual en: 1) Template por defecto del tema (header.php + footer.php) 2) Elementor "Default" (hereda header/footer del tema) 3) Elementor "Canvas" (sin header/footer — el theme los inyecta vía hook) 4) Elementor "Full Width" (con header/footer del tema, sin contenedor) ============================================================ */ /* Elementor Canvas no carga header.php/footer.php nativamente, así que el theme los inyecta por PHP (ver page-templates y functions.php). Estas reglas asegrun que se vean idénticos: */ body.elementor-page .site-header, body.elementor-template-canvas .site-header{ position: fixed; top: 0; left: 0; right: 0; z-index: 300; } body.admin-bar.elementor-template-canvas .site-header{ top: 32px; } /* Elementor Full Width: el contenido no debe pelear con .wrap */ .elementor-template-full-width main, body.elementor-page main{ overflow-x: hidden; } /* Asegura que el contenido de Elementor no quede oculto detrás del header fijo cuando el template no incluye nuestro
*/ .elementor-location-header + #content, body.elementor-template-canvas #wrapper-content, .dz-elementor-spacer{ display: block; } /* Elementor a veces envuelve secciones en .elementor-section-wrap; no debe heredar padding/margin del body que rompa el ancho full */ .elementor-section-wrap, .elementor .elementor-section.elementor-section-full_width{ padding: 0; margin: 0; } /* Si una página usa Elementor, el footer y el header del theme deben mantenerse fuera del contenedor de ancho fijo */ .elementor-page .site-footer, .elementor-page .site-header{ width: 100%; } /* Kit global de Elementor: heredar nuestras variables de color para que los widgets nativos (botón, heading, etc.) combinen */ :root{ --e-global-color-primary: var(--violet-900); --e-global-color-secondary: var(--violet-500); --e-global-color-text: var(--ink); --e-global-color-accent: var(--gold-600); } /* Widgets nativos de Elementor heredan tipografía del theme */ .elementor-widget-heading .elementor-heading-title{ font-family: var(--serif); } .elementor-widget-text-editor, .elementor-widget-text-editor p{ font-family: var(--sans); color: var(--ink-soft); } .elementor-button{ font-family: var(--sans); border-radius: 999px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; } .elementor-button.elementor-button-link, .elementor-button[style*="background-color"]{ transition: transform .3s var(--ease), box-shadow .3s var(--ease); } .elementor-button:hover{ transform: translateY(-2px); } /* ============================================================ BODY CONTEXT CLASSES — usadas por functions.php ============================================================ */ body.dz-canvas-mode .site-header{ position: fixed; } body.dz-canvas-mode { padding-top: 130px; } @media (max-width: 980px) { body.dz-canvas-mode { padding-top: 110px; } } /* Cuando el template NO es Canvas, el
empuja el contenido debajo del header fijo automáticamente porque header.php incluye el padding-top correcto en .hero/.page-hero. Para páginas internas sin hero (ej. página en blanco de Elementor Default) se añade un espaciador para que el contenido no quede tapado: */ .dz-header-spacer{ height: 79px; } .admin-bar .dz-header-spacer{ height: 111px; } @media (max-width: 980px){ .dz-header-spacer{ height: 73px; } } /* ============================================================ WORDPRESS CORE — alineado al editor de bloques / Gutenberg ============================================================ */ .wp-block-group, .wp-site-blocks{ max-width: 100%; } .alignwide{ max-width: var(--dz-max, 1360px); margin-inline: auto; } .alignfull{ max-width: none; width: 100vw; margin-left: calc(50% - 50vw); } /* Comentarios / formularios WP genéricos */ .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea{ width: 100%; background: var(--paper); border: 1px solid var(--line); border-radius: 8px; padding: 10px 14px; font-family: var(--sans); color: var(--ink); } .comment-form .submit, .comment-reply-link{ display: inline-flex; align-items: center; gap: 8px; padding: 12px 28px; border-radius: 999px; background: var(--violet-900); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; border: none; cursor: pointer; text-decoration: none; } /* Skip link accesible */ .skip-link{ position: absolute; left: -9999px; top: 1rem; z-index: 9999; background: var(--violet-900); color: #fff; padding: 10px 18px; border-radius: 8px; } .skip-link:focus{ left: 1rem; } /* ============================================================ SEARCH OVERLAY (referenciado en template-parts/site-header.php) ============================================================ */ .search-overlay{ position: fixed; inset: 0; z-index: 400; background: color-mix(in oklch, var(--rose-bg) 96%, transparent); backdrop-filter: blur(20px); display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity .3s var(--ease); } .search-overlay.open{ opacity: 1; pointer-events: auto; } .search-overlay__close{ position: absolute; top: 24px; right: 24px; width: 44px; height: 44px; border-radius: 50%; background: var(--violet-200); border: 1px solid var(--line); color: var(--violet-900); cursor: pointer; display: flex; align-items: center; justify-content: center; } .search-overlay__close svg{ width: 18px; height: 18px; } .search-overlay form{ display: flex; gap: 10px; width: 100%; max-width: 600px; } .search-overlay input[type="search"], .search-overlay input[type="text"]{ flex: 1; background: #fff; border: 1px solid var(--violet-400); border-radius: 999px; padding: 16px 28px; font-family: var(--serif); font-size: 1.5rem; color: var(--violet-900); outline: none; } .search-overlay button[type="submit"], .search-overlay input[type="submit"]{ padding: 14px 28px; border-radius: 999px; background: var(--violet-900); color: #fff; border: none; font-weight: 700; cursor: pointer; text-transform: uppercase; letter-spacing: .05em; font-size: 13px; } /* ============================================================ ACTIVE NAV LINK (cuando estamos en /tienda/) ============================================================ */ .nav-desktop a.active{ color: var(--violet-700); } .nav-desktop a.active::after{ width: 100%; } /* Alias: el theme usa