/* MURAYA — collectible studio. Shared art direction across the storefront. */
.storefront{--surface-soft:#ffffff04;--line-soft:#ffffff10;--muted:#a6a6b3;--accent-soft:#ff343b14;--section-space:100px;background-image:radial-gradient(ellipse at 90% 4%,#5e142415,transparent 30%);color:var(--text-main)}
.storefront ::selection{background:#ff343b;color:#fff}
.storefront header{height:84px;padding:0 5vw;gap:28px;background:#0b0b0edf;border-color:var(--line-soft);backdrop-filter:blur(22px);transition:box-shadow .3s,background .3s}
.storefront header.is-scrolled{box-shadow:0 8px 30px #0003;background:#0b0b0ef2}
.storefront .logo{font-size:1.4rem;letter-spacing:-.05em}
.storefront .logo-square{width:8px;height:8px;margin-left:5px}
.desktop-nav{display:flex;align-items:center;gap:24px;white-space:nowrap}
.desktop-nav a{font-size:.69rem;font-weight:600;text-decoration:none;color:var(--muted);position:relative;padding-block:10px;transition:color .2s}
.desktop-nav a::after{content:'';height:2px;position:absolute;bottom:2px;left:0;right:100%;background:var(--red);transition:right .25s}
.desktop-nav a:hover{color:var(--text-main)}
.desktop-nav a:hover::after{right:0}
.storefront .search-container{max-width:350px;margin:0 0 0 auto;border-radius:12px;background:var(--surface-soft);border-color:var(--line-soft);padding:3px 12px;min-width:150px}
.storefront .search-input{font-size:.73rem;padding:10px 6px}
.storefront .search-container:focus-within{transform:none}
.storefront .nav-icons{gap:10px}
.storefront .nav-capsule{border:0;box-shadow:none;background:transparent;gap:4px;padding:0}
.storefront .nav-icon-premium{width:38px;height:38px;border-radius:12px}
.storefront .nav-icon-premium svg{width:19px;height:19px}
.storefront .nav-icon-premium:hover{background:var(--accent-soft);color:var(--red)}
.storefront .hero{position:relative;max-width:1600px;margin:auto;grid-template-columns:1.05fr 1fr;min-height:680px;padding:75px 6vw 80px;gap:4vw;isolation:isolate;background:transparent;overflow:clip}
.storefront .hero-backdrop{display:none}
.storefront .hero-content{position:relative;z-index:2;max-width:620px}
.storefront .hero-eyebrow,.section-kicker{font-size:.63rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--red);line-height:1.6}
.storefront .hero-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 26px}
.live-dot{display:inline-block;height:6px;width:6px;background:var(--red);border-radius:50%;box-shadow:0 0 0 5px var(--accent-soft)}
.storefront .hero-title{font-size:clamp(3.5rem,6.5vw,6.4rem);font-weight:900;letter-spacing:-.075em;line-height:1.01;margin:0}
.storefront .hero-title .line-1,.storefront .hero-title .line-2{display:block;color:var(--text-main)}
.storefront .hero-title em{font-style:normal;color:var(--red);position:relative}
.storefront .hero-title em::after{content:'';height:6px;background:var(--red);position:absolute;bottom:-7px;left:2px;right:4px;transform:rotate(-3deg);border-radius:100%}
.storefront .hero-subtitle{max-width:440px;margin-top:30px;color:var(--muted);font-size:.9rem;line-height:1.9}
.storefront .hero-actions{gap:12px;margin-top:30px}
.storefront .hero-btn{min-height:48px;padding:13px 20px;border-radius:12px;font-size:.71rem;letter-spacing:.015em;text-transform:none;border:1px solid var(--line-soft);display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--surface-soft)}
.storefront .hero-btn.primary{background:var(--red);color:white;border-color:var(--red);box-shadow:0 8px 25px #ff343b26}
.storefront .hero-btn span{font-size:1.2rem;line-height:1}
.storefront .hero-actions .hero-btn:last-child{display:none}
.storefront .hero-trust{font-size:.59rem;gap:15px;margin-top:25px;color:var(--muted)}
.storefront .hero-trust span:before{font-size:.7rem}
.storefront .social-hero{gap:10px;margin-top:27px}
.storefront .social-icon{width:33px;height:33px;border-color:var(--line-soft);background:transparent}
.storefront .social-icon svg{width:14px;height:14px}
.storefront .hero-art.hero-stage{height:510px;width:100%;max-width:none;position:relative;margin:0;aspect-ratio:auto;overflow:visible;border:0;border-radius:0;align-self:center;perspective:1000px}
.hero-stage::before{inset:14% 2%;background:radial-gradient(ellipse,#ff343b2b,transparent 65%);filter:blur(20px)}
.stage-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse,#0007,transparent 68%);transform:rotate(-8deg)}
.stage-word{position:absolute;left:10%;top:9%;font-size:clamp(12rem,25vw,24rem);font-weight:900;letter-spacing:-.12em;color:transparent;-webkit-text-stroke:1px #ff343b35;line-height:1;transform:rotate(-8deg);user-select:none}
.stage-orbit{position:absolute;border:1px solid #ff343b27;border-radius:50%;width:86%;height:78%;left:7%;top:9%;transform:rotate(-28deg) scaleY(.7)}
.orbit-two{transform:rotate(30deg) scaleY(.8);width:95%;left:2%;border-color:var(--line-soft)}
.stage-platform{position:absolute;bottom:44px;left:15%;width:72%;height:65px;border-radius:50%;background:radial-gradient(ellipse,#ff636957,#ff343b15 42%,#19191e 70%);border:1px solid #ff66683d;box-shadow:0 18px 0 -5px #101014,0 20px 0 -4px #ffffff12,0 35px 55px #0009;transform:rotate(-4deg)}
.storefront .hero-stage img.hero-character{position:absolute;z-index:2;height:460px;width:100%;object-fit:contain;object-position:center;bottom:44px;left:0;border:0;border-radius:0;aspect-ratio:auto;box-shadow:none;filter:drop-shadow(10px 24px 12px #0005);transform:rotate(-7deg);animation:hero-hover 7s ease-in-out infinite}
.stage-sticker{position:absolute;z-index:3;top:35px;right:-4px;transform:rotate(10deg);background:#f0eacb;color:#202020;padding:14px 19px;line-height:1.3;border-radius:3px;font-size:.7rem;box-shadow:0 10px 24px #0003}
.stage-sticker>span{position:absolute;left:-14px;top:-18px;color:var(--red);font-size:2.3rem}
.stage-sticker strong{font-size:1rem}
.storefront .hero-stage figcaption{z-index:4;bottom:0;left:5%;right:0;padding:16px 18px;border-radius:16px;background:#18181fe6;border:1px solid #ffffff1a;backdrop-filter:blur(18px);box-shadow:0 18px 38px #0004;display:flex;align-items:center;gap:14px;transform:rotate(-2deg)}
.stage-caption-icon{display:grid;place-items:center;width:40px;height:40px;background:#ff343b15;color:#ff565d;border:1px solid #ff343b33;border-radius:12px;font-size:1.7rem}
.hero-stage figcaption small{display:block;font-size:.56rem;color:#a6a6b3;line-height:1.8}
.hero-stage figcaption strong{font-size:.75rem;font-weight:700;color:#fff}
.hero-stage figcaption a{margin-left:auto;display:grid;place-items:center;border:1px solid #ffffff20;border-radius:50%;width:34px;height:34px;color:#fff;text-decoration:none;font-size:1.1rem;transition:background .2s}
.hero-stage figcaption a:hover{background:var(--red)}
.stage-coordinate{position:absolute;font-size:.48rem;letter-spacing:.17em;color:var(--muted);right:10px;top:0}
@keyframes hero-hover{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-12px) rotate(-4deg)}}
.studio-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 6vw;border-block:1px solid var(--line-soft);color:var(--muted);background:var(--surface-soft);font-size:.62rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700;overflow:hidden;white-space:nowrap}
.studio-strip i{color:var(--red);font-size:1rem;font-style:normal}
.collection-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:60px 5vw 0;max-width:1480px;width:100%;margin:auto}
.section-kicker{margin-bottom:15px}
.collection-heading h2{font-size:clamp(1.8rem,3.2vw,3rem);letter-spacing:-.06em;line-height:1.1;font-weight:800}
.collection-heading h2 span{color:var(--muted)}
.collection-heading>p{font-size:.73rem;color:var(--muted);text-align:right;line-height:1.8}
.storefront .cat-scroll{padding-top:72px;padding-bottom:30px}
.storefront .catalog{padding-top:50px;padding-bottom:60px}
.storefront .catalog>.section-kicker{margin-bottom:8px}
.storefront .catalog .section-header{justify-content:space-between;align-items:center;margin-bottom:27px;gap:20px}
.storefront .catalog .section-title{font-size:clamp(1.5rem,2.4vw,2.3rem);font-weight:800;letter-spacing:-.045em;text-transform:none}
.storefront .catalog .section-subtitle{font-size:.67rem;padding:5px 12px;border:1px solid var(--line-soft);border-radius:999px;background:var(--surface-soft)}
.storefront .catalog-toolbar{padding:16px 20px;background:var(--surface-soft);border-color:var(--line-soft)}
.storefront .catalog-toolbar label{font-size:.6rem;letter-spacing:.015em;gap:8px}
.storefront .catalog-toolbar select,.storefront .catalog-toolbar input{font-size:.72rem;min-height:42px;padding:10px;background:var(--input-bg)}
.storefront .catalog-toolbar .store-button{font-size:.65rem;border-radius:10px;background:transparent}
.storefront .catalog-status-row{margin:9px 0 22px}
.storefront .catalog-status-row .store-note,.storefront .catalog-status-row button{font-size:.62rem}
.storefront .store-grid{gap:25px}
.storefront .store-card{border-radius:20px}
.storefront .store-card-body{padding:19px 20px 21px}
.storefront .store-card h3{font-size:.88rem;font-weight:700;letter-spacing:-.015em}
.storefront .store-card h3 a{min-height:0}
.storefront .store-card-sizes{font-size:.64rem;line-height:1.6;min-height:21px}
.storefront .store-card-category{font-size:.53rem;margin-bottom:7px}
.storefront .store-card-bottom{padding-top:14px;border-top:1px solid var(--line-soft);margin-top:16px}
.storefront .store-card-bottom strong{font-size:.92rem}
.storefront .store-icon-btn{width:36px;height:36px;font-size:1.15rem}
.store-card-image::after{content:'Ver pieza ↗';position:absolute;bottom:15px;left:50%;transform:translate(-50%,12px);padding:9px 17px;background:#fff;color:#111;border-radius:999px;font-size:.62rem;font-weight:800;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;white-space:nowrap;box-shadow:0 5px 20px #0003}
.store-card-image:focus-visible::after,.store-card:hover .store-card-image::after{opacity:1;transform:translate(-50%,0)}
.storefront .about-section{margin:40px auto 0;padding:80px 5vw 65px;max-width:1480px;border-top:1px solid var(--line-soft)}
.storefront .about-container-wide{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:none;margin:0}
.storefront .about-header-content{text-align:left;max-width:550px;margin:0}
.storefront .about-header-content h2{font-size:clamp(2rem,3.9vw,3.6rem);line-height:1.09;letter-spacing:-.06em;text-transform:none;margin-bottom:25px}
.storefront .about-header-content h2 span{display:inline;color:var(--red)}
.storefront .about-lead{font-size:.93rem!important;font-weight:500;line-height:1.8;color:var(--text-main);margin:0}
.storefront .about-body{font-size:.8rem;line-height:1.9;color:var(--muted);max-width:460px;margin:16px 0 0}
.storefront .about-divider{display:none}
.story-link{background:transparent;border:0;border-bottom:1px solid var(--red);padding:14px 0 8px;margin-top:14px;color:var(--text-main);font-size:.75rem;font-weight:700;display:inline-flex;gap:30px;align-items:center}
.story-link span{font-size:1.3rem;color:var(--red)}
.story-art{height:440px;position:relative;isolation:isolate}
.story-outline{position:absolute;inset:12% 15%;border:1px solid #ff343b25;border-radius:50%;transform:rotate(-20deg);background:radial-gradient(ellipse,#ff343b0a,transparent 70%)}
.story-photo{position:absolute;margin:0;padding:10px;background:#222229;border:1px solid #ffffff1c;box-shadow:0 20px 45px #0004;border-radius:18px;width:54%;transition:transform .5s}
.story-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px;display:block}
.story-photo figcaption{font-size:.58rem;padding:13px 4px 5px;color:#eaeaf0;display:flex;justify-content:space-between;font-weight:600}
.story-photo-back{right:3%;top:0;transform:rotate(9deg)}
.story-photo-front{left:1%;bottom:10px;transform:rotate(-9deg);z-index:2}
.story-art:hover .story-photo-front{transform:rotate(-5deg) translateY(-6px)}
.story-art:hover .story-photo-back{transform:rotate(5deg) translateY(-6px)}
.story-seal{position:absolute;bottom:14px;right:0;z-index:3;background:#eee9d6;color:#252525;font-size:.62rem;line-height:1.6;text-align:center;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;transform:rotate(12deg);box-shadow:0 5px 20px #0002}
.story-seal span{font-size:1.6rem;color:#d72a35;line-height:1.2}
.storefront .about-cards-row{margin:65px 0 0;max-width:none;gap:20px}
.storefront .about-card-modern{padding:27px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--line-soft);box-shadow:none;transition:background .3s,transform .3s}
.storefront .about-card-modern:hover{transform:translateY(-5px);background:var(--accent-soft);border-color:#ff343b25}
.storefront .card-icon-wrapper{height:42px;width:42px;border-radius:12px;background:var(--accent-soft);border:1px solid #ff343b20;margin-bottom:19px}
.storefront .card-icon-wrapper svg{width:20px;height:20px}
.storefront .about-card-modern h3{font-size:.87rem;letter-spacing:-.02em;margin-bottom:10px}
.storefront .about-card-modern p{font-size:.74rem;line-height:1.8;color:var(--muted)}
.storefront .guide-section{padding:65px 5vw 90px;max-width:1480px;margin:auto}
.storefront .guide-header{text-align:left;margin-bottom:45px}
.storefront .guide-header .section-title{font-size:clamp(2rem,3.9vw,3.6rem);text-transform:none;letter-spacing:-.06em;line-height:1.15;margin-bottom:15px}
.guide-header .section-title span{color:var(--muted)}
.storefront .guide-header .section-subtitle{font-size:.82rem;color:var(--muted)}
.storefront .guide-header .section-kicker{font-size:.63rem;color:var(--red)}
.storefront .guide-timeline-new{gap:20px;margin-top:0;max-width:none}
.storefront .guide-neon-line{display:none}
.storefront .guide-step-card{border-radius:18px;padding:75px 25px 25px;background:var(--surface-soft);border:1px solid var(--line-soft);box-shadow:none;position:relative;transition:background .3s,border-color .3s,transform .3s}
.storefront .guide-step-card:hover{transform:translateY(-5px);background:var(--accent-soft);border-color:#ff343b30}
.storefront .step-badge-glow{position:absolute;top:17px;left:23px;border:0;box-shadow:none;background:none;width:auto;height:auto;color:var(--red);font-size:2.1rem;font-weight:800;letter-spacing:-.06em;transform:none;opacity:.9}
.storefront .step-badge-glow::before{content:'0'}
.storefront .step-card-header{align-items:flex-start;gap:9px}
.storefront .step-card-header svg{width:19px;height:19px;flex-shrink:0;margin-top:3px}
.storefront .step-card-header h3{font-size:.86rem;line-height:1.4}
.storefront .step-card-desc{font-size:.72rem;color:var(--muted);line-height:1.9}
.storefront .step-expand-btn{font-size:.59rem;letter-spacing:.06em;margin-top:18px}
.create-banner{max-width:1320px;margin:15px 5vw 95px;min-height:370px;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:45px 7%;border:1px solid #ff343b27;border-radius:28px;background:radial-gradient(ellipse at 20% 80%,#ff343b24,transparent 60%),linear-gradient(110deg,#181218,#151219);position:relative;isolation:isolate}
.create-banner-art{position:relative;min-height:285px}
.create-banner-art>span{position:absolute;top:25%;left:-12%;font-weight:900;font-size:clamp(5rem,12vw,11rem);letter-spacing:-.09em;line-height:1;color:transparent;-webkit-text-stroke:1px #ff343b39;transform:rotate(-8deg);user-select:none}
.create-banner-art img{position:absolute;width:100%;height:380px;object-fit:contain;bottom:-5px;left:0;filter:drop-shadow(10px 18px 15px #0006);transform:rotate(-7deg);transition:transform .6s}
.create-banner:hover .create-banner-art img{transform:rotate(-3deg) translateY(-9px)}
.create-banner-copy{align-self:center;position:relative;z-index:2}
.create-banner-copy h2{font-size:clamp(2rem,4.1vw,3.7rem);line-height:1.08;letter-spacing:-.055em;color:#fff}
.create-banner-copy h2 em{font-style:normal;color:var(--red)}
.create-banner-copy>p:not(.section-kicker){max-width:360px;font-size:.78rem;color:#b4acb7;line-height:1.9;margin:20px 0 24px}
.storefront .site-footer{padding:0 5vw 25px;margin-top:0;background:var(--surface-soft);border-color:var(--line-soft)}
.footer-signoff{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:48px 0;border-bottom:1px solid var(--line-soft);max-width:1320px;margin:auto}
.footer-signoff>span{font-size:clamp(1.3rem,2.5vw,2.2rem);font-weight:800;letter-spacing:-.04em;line-height:1.2}
.footer-signoff>a{color:var(--text-main);font-size:.73rem;text-decoration:none;padding:13px 0;border-bottom:1px solid var(--red);display:flex;gap:30px}
.footer-signoff a span{color:var(--red);font-size:1.1rem}
.storefront .footer-container{padding-block:45px;margin-bottom:0;gap:35px}
.storefront .footer-desc{font-size:.71rem;line-height:1.9;color:var(--muted)}
.storefront .footer-links h4{font-size:.62rem;letter-spacing:.11em;color:var(--text-main)}
.storefront .footer-links a{font-size:.69rem;color:var(--muted);transition:color .2s,transform .2s}
.storefront .footer-links a:hover{color:var(--red);transform:translateX(3px)}
.storefront .footer-bottom{font-size:.6rem;border-color:var(--line-soft);padding-top:22px;color:var(--muted)}
/* Purchase surfaces share the same materials and typography. */
.storefront .modal{backdrop-filter:blur(12px);background:#030306a6}
.storefront .modal-content{border:1px solid var(--line-soft);box-shadow:0 30px 100px #0007}
.storefront .modal-zara{border-radius:24px;background:var(--bg-modal)}
.storefront .zara-gallery-col{background:var(--surface-soft)}
.storefront .zara-main-image-wrapper{border-radius:18px;overflow:hidden}
.storefront .zara-title{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.15;letter-spacing:-.05em;font-weight:800}
.storefront .zara-label{font-size:.58rem;letter-spacing:.12em;color:var(--muted)}
.storefront .zara-price{letter-spacing:-.055em;font-weight:800}
.storefront .zara-add-btn,.storefront .auth-btn,.storefront .checkout-btn{background:var(--red);color:#fff;border-radius:12px;border-color:var(--red);box-shadow:0 6px 22px #ff343b22}
.storefront .zara-fav-btn,.storefront .zara-qty-selector{border-radius:12px}
.storefront .zara-accordion{border-color:var(--line-soft)}
.storefront .zara-accordion summary{font-size:.72rem;letter-spacing:.04em}
.storefront .cart-sidebar{background:var(--bg-modal);border-left:1px solid var(--line-soft);box-shadow:-20px 0 80px #0005}
.storefront .cart-header{padding:26px;border-color:var(--line-soft)}
.storefront .cart-header h3{font-size:1.3rem;letter-spacing:-.04em}
.storefront .cart-footer{border-color:var(--line-soft);background:var(--surface-soft)}
.storefront .cart-item{border:1px solid var(--line-soft);border-radius:16px;background:var(--surface-soft)}
.storefront .auth-input,.storefront .store-dialog input,.storefront .store-dialog textarea,.storefront .store-dialog select{border-radius:10px;border-color:var(--line-soft)}
.storefront .auth-input:focus,.storefront .store-dialog input:focus,.storefront .store-dialog textarea:focus,.storefront .store-dialog select:focus{border-color:var(--red)}
.storefront .modal-close-btn{border-radius:50%;background:var(--surface-soft);border:1px solid var(--line-soft);color:var(--text-main)}
#quote-modal .modal-close-btn{position:absolute;top:16px;right:16px;bottom:auto;left:auto;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;margin:0;flex:none;font-size:26px;line-height:1;transform:none}
#quote-modal .modal-close-btn:hover{background:var(--accent-soft);color:var(--red);border-color:var(--red);transform:none}
#quote-modal .store-dialog>.hero-eyebrow{padding-right:44px;min-height:24px}
.storefront .toast{border-radius:12px;background:var(--bg-modal);border:1px solid var(--line-soft);box-shadow:0 8px 30px #0005}
.storefront .back-to-top{border-radius:13px;background:var(--bg-card);border:1px solid var(--line-soft);box-shadow:0 5px 20px #0003}
.experience-reveal{animation:section-arrive .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes section-arrive{from{opacity:.3;translate:0 22px}to{opacity:1;translate:0 0}}
/* Warm ivory counterpart; characters retain their original colors. */
[data-theme="light"]{--bg-body:#faf8f5;--bg-card:#ffffff;--bg-modal:#ffffff;--bg-cart:#ffffff;--input-bg:#f5f2ee;--text-main:#18181e;--text-secondary:#60606b;--border-color:#171a2020}
[data-theme="light"] .storefront{--surface-soft:#171a2003;--line-soft:#171a2014;--muted:#63636e;--accent-soft:#ff343b0a;background-color:#faf8f5}
[data-theme="light"] .storefront .nav-icon-premium{color:#4e4e59}
[data-theme="light"] .storefront header{background:#faf8f5ed}
[data-theme="light"] .storefront header.is-scrolled{background:#faf8f5f5;box-shadow:0 5px 25px #171a2008}
[data-theme="light"] .stage-word{-webkit-text-stroke-color:#d8233540}
[data-theme="light"] .stage-platform{background:radial-gradient(ellipse,#ff343b38,#f2dede 50%,#ebe2df 75%);box-shadow:0 18px 0 -5px #e6dddd,0 20px 0 -4px #d3c7c7,0 35px 55px #28212a18}
[data-theme="light"] .story-photo{background:#fff;border-color:#171a2014;box-shadow:0 20px 45px #171a201c}
[data-theme="light"] .story-photo figcaption{color:#33333e}
[data-theme="light"] .story-seal{background:#f0e7c5}
[data-theme="light"] .storefront .modal{background:#171a205c}
[data-theme="light"] .storefront .cart-sidebar{box-shadow:-20px 0 80px #171a2018}
@media(min-width:1450px){.create-banner{margin-inline:auto}}
@media(max-width:1180px){.desktop-nav{gap:14px}.desktop-nav a{font-size:.63rem}.storefront header{gap:18px;padding-inline:4vw}.storefront .hero{min-height:600px;padding:65px 5vw}.storefront .hero-art.hero-stage{height:450px}.storefront .hero-stage img.hero-character{height:400px}.stage-sticker{right:0}.storefront .hero-title{font-size:5.6vw}.storefront .hero-trust{gap:10px}.storefront .about-container-wide{gap:35px}.story-art{height:380px}.story-seal{width:100px;height:100px;font-size:.54rem}.storefront .guide-step-card{padding-inline:20px}}
@media(max-width:1000px){.desktop-nav{display:none}.storefront .search-container{max-width:460px}.storefront .hero-title{font-size:6.2vw}.storefront .hero-stage figcaption{left:0;padding:12px;gap:9px}.hero-stage figcaption strong{font-size:.65rem}.stage-caption-icon{width:33px;height:33px}.stage-sticker{font-size:.6rem;padding:10px 14px;top:22px}.stage-sticker strong{font-size:.85rem}.storefront .hero-trust span:last-child{display:none}.storefront .about-cards-row{gap:14px}.storefront .about-card-modern{padding:23px}.storefront .guide-timeline-new{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.create-banner{gap:30px}.create-banner-art img{height:330px}.studio-strip{font-size:.53rem;gap:18px}.storefront .hero-actions{gap:9px}.storefront .hero-actions .hero-btn{padding:12px 15px;font-size:.65rem}}
@media(max-width:768px){.storefront .hero{gap:25px;padding-block:45px}.storefront .hero-title{font-size:6.3vw}.storefront .hero-art.hero-stage{height:365px}.storefront .hero-stage img.hero-character{height:335px;bottom:30px}.stage-platform{bottom:30px;height:45px}.stage-sticker{right:-3px;top:12px}.hero-stage figcaption small{font-size:.48rem}.hero-stage figcaption strong{font-size:.56rem}.stage-coordinate{font-size:.4rem}.storefront .hero-subtitle{font-size:.77rem}.storefront .hero-eyebrow{font-size:.5rem;margin-bottom:19px}.storefront .hero-trust{font-size:.5rem}.storefront .hero-actions .hero-btn{flex:0 1 auto;min-height:43px}.storefront .hero-stage figcaption{bottom:-13px}.studio-strip span:last-child,.studio-strip i:last-of-type{display:none}.collection-heading{padding-top:42px}.collection-heading>p{font-size:.65rem}.storefront .store-grid{gap:15px}.storefront .store-card-body{padding:14px}.storefront .about-container-wide{grid-template-columns:1fr;gap:40px}.storefront .about-header-content{max-width:none}.story-art{height:400px;max-width:450px;width:100%;margin:auto}.storefront .about-section{padding-top:55px}.storefront .about-cards-row{margin-top:40px}.storefront .guide-section{padding-top:45px;padding-bottom:60px}.storefront .guide-header{margin-bottom:30px}.create-banner{padding:30px 5%;min-height:330px;margin-bottom:65px;gap:20px}.create-banner-art img{height:280px}.create-banner-copy h2{font-size:2rem}.create-banner-copy>p:not(.section-kicker){font-size:.7rem}.footer-signoff>a{font-size:.65rem;gap:15px}.storefront .footer-container{gap:25px}.storefront .modal-zara{border-radius:20px}}
@media(max-width:600px){
 .storefront{padding-top:122px}
 .storefront header{height:114px;padding:12px 20px;gap:8px;display:grid;grid-template-columns:1fr auto;grid-template-rows:34px 40px;align-content:center}
 .storefront header>.logo{font-size:1.3rem;grid-column:1;grid-row:1}
 .storefront .nav-icons{grid-column:2;grid-row:1;justify-self:end}
 .storefront .search-container{grid-column:1/-1;grid-row:2;width:100%;max-width:none;min-width:0;margin:0;border-radius:10px;position:relative;left:auto;top:auto;transform:none}
 .storefront .search-input{font-size:.73rem;padding-block:7px}
 .storefront .nav-icon-premium{width:33px;height:33px}
 .storefront .nav-icon-premium svg{width:18px;height:18px}
 .storefront .hero{grid-template-columns:1fr;padding:32px 24px 40px;gap:25px}
 .storefront .hero-title{font-size:clamp(2.9rem,12.1vw,4.7rem);letter-spacing:-.075em}
 .storefront .hero-title em::after{height:4px;bottom:-4px}
 .storefront .hero-eyebrow{font-size:.55rem;margin-bottom:20px}
 .storefront .hero-subtitle{font-size:.8rem;line-height:1.85;margin-top:23px;max-width:360px}
 .storefront .hero-actions{margin-top:24px;gap:10px}
 .storefront .hero-actions .hero-btn{font-size:.66rem;padding:12px 16px;min-height:46px;gap:13px}
 .storefront .hero-trust{margin-top:19px;font-size:.54rem;gap:16px}
 .storefront .social-hero{display:none}
 .storefront .hero-art.hero-stage{height:370px;max-width:420px;margin:0 auto;aspect-ratio:auto;overflow:visible}
 .storefront .hero-stage img.hero-character{height:345px;bottom:35px}
 .stage-sticker{right:6px;top:27px;font-size:.59rem}
 .stage-sticker strong{font-size:.85rem}
 .stage-coordinate{top:6px;font-size:.4rem}
 .stage-word{font-size:17rem;left:10%;top:12%}
 .stage-platform{bottom:32px;height:50px}
 .storefront .hero-stage figcaption{bottom:0;left:5%;right:2%;padding:12px 14px;gap:12px}
 .hero-stage figcaption small{font-size:.48rem}
 .hero-stage figcaption strong{font-size:.65rem}
 .stage-caption-icon{height:34px;width:34px}
 .studio-strip{padding:17px 20px;gap:17px;font-size:.48rem;justify-content:center;letter-spacing:.08em}
 .studio-strip span:nth-of-type(3),.studio-strip i:nth-of-type(2){display:none}
 .collection-heading{padding:38px 20px 0;align-items:center;gap:15px}
 .collection-heading h2{font-size:1.9rem;max-width:260px}
 .collection-heading>p{display:none}
 .section-kicker{font-size:.54rem;letter-spacing:.14em;margin-bottom:12px}
 .storefront .cat-scroll{padding-top:66px;padding-bottom:25px}
 .storefront .catalog{padding:34px 16px 35px}
 .storefront .catalog .section-header{margin-bottom:20px;gap:10px}
 .storefront .catalog .section-title{font-size:1.5rem}
 .storefront .catalog .section-subtitle{font-size:.56rem;padding:4px 9px}
 .storefront .catalog-toolbar{padding:13px;gap:12px;border-radius:14px}
 .storefront .catalog-toolbar label{font-size:.57rem}
 .storefront .catalog-toolbar select,.storefront .catalog-toolbar input{font-size:.67rem;padding:9px;min-height:40px}
 .storefront .catalog-status-row .store-note,.storefront .catalog-status-row button{font-size:.55rem}
 .storefront .store-grid{gap:12px}
 .storefront .store-card{border-radius:15px}
 .storefront .store-card-body{padding:12px}
 .storefront .store-card h3{font-size:.75rem}
 .storefront .store-card-category{font-size:.47rem;letter-spacing:.07em}
 .storefront .store-card-sizes{font-size:.58rem}
 .storefront .store-card-bottom{padding-top:10px;margin-top:12px;gap:6px}
 .storefront .store-card-bottom strong{font-size:.74rem}
 .storefront .store-icon-btn{width:32px;height:32px;flex-shrink:0}
 .storefront .availability-badge{top:9px;left:9px;font-size:.5rem;padding:4px 7px}
 .store-card-image::after{display:none}
 .storefront .about-section{margin-top:25px;padding:45px 24px 35px}
 .storefront .about-header-content h2{font-size:2.25rem;line-height:1.13}
 .storefront .about-lead{font-size:.88rem!important}
 .storefront .about-body{font-size:.76rem}
 .story-art{height:340px;max-width:370px}
 .story-photo{padding:7px;border-radius:14px;width:56%}
 .story-photo figcaption{font-size:.45rem;padding:9px 2px 3px}
 .story-photo-back{right:1%}
 .story-photo-front{left:0;bottom:10px}
 .story-seal{right:0;bottom:5px;width:94px;height:94px;font-size:.52rem}
 .storefront .about-cards-row{display:grid;grid-template-columns:1fr;gap:12px;margin-top:30px}
 .storefront .about-card-modern{padding:22px;display:grid;grid-template-columns:42px 1fr;gap:0 16px;text-align:left}
 .storefront .card-icon-wrapper{grid-row:1/3;margin:0}
 .storefront .about-card-modern h3{font-size:.8rem;margin-bottom:6px}
 .storefront .about-card-modern p{font-size:.7rem}
 .storefront .guide-section{padding:30px 24px 45px}
 .storefront .guide-header .section-title{font-size:2.2rem}
 .storefront .guide-header .section-subtitle{font-size:.74rem}
 .storefront .guide-timeline-new{grid-template-columns:1fr;gap:12px}
 .storefront .guide-step-card{padding:23px 20px 23px 73px}
 .storefront .step-badge-glow{top:18px;left:18px;font-size:1.8rem}
 .storefront .step-card-header h3{font-size:.86rem}
 .storefront .step-card-desc{font-size:.72rem;margin-top:10px}
 .storefront .step-expand-btn{margin-top:12px}
 .create-banner{margin:15px 16px 55px;padding:32px 27px 25px;border-radius:24px;grid-template-columns:1fr;gap:0;overflow:hidden}
 .create-banner-copy{grid-row:1;text-align:left}
 .create-banner-copy h2{font-size:2.4rem}
 .create-banner-copy>p:not(.section-kicker){font-size:.74rem;margin:17px 0 22px;max-width:270px}
 .create-banner-art{min-height:245px;margin-top:25px}
 .create-banner-art img{height:270px;bottom:-30px;left:5%}
 .create-banner-art>span{font-size:7rem;left:0;top:20%}
 .storefront .site-footer{padding-inline:24px}
 .footer-signoff{padding:32px 0;align-items:flex-start;flex-direction:column;gap:20px}
 .footer-signoff>span{font-size:1.7rem}
 .footer-signoff>a{font-size:.68rem}
 .storefront .footer-container{grid-template-columns:1fr 1fr;padding-block:30px;gap:30px 20px}
 .storefront .footer-brand{grid-column:1/-1}
 .storefront .footer-desc{max-width:290px;font-size:.7rem}
 .storefront .footer-links h4{font-size:.57rem}
 .storefront .footer-links a{font-size:.65rem;line-height:1.7}
 .storefront .footer-bottom{font-size:.52rem;line-height:1.9}
 .storefront .modal-zara{border-radius:18px 18px 0 0}
 .storefront .cart-header{padding:22px}
 .storefront .nav-wrapper,.storefront .catalog,.storefront #nosotros,.storefront #guia-compra{scroll-margin-top:130px}
}
@media(max-width:360px){.storefront .hero{padding-inline:20px}.storefront .hero-actions .hero-btn{padding-inline:12px;font-size:.59rem}.storefront .hero-art.hero-stage{height:330px}.storefront .hero-stage img.hero-character{height:300px}.stage-word{font-size:14rem}.storefront .store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.storefront .store-card-body{padding:9px}.storefront .store-card-bottom strong{font-size:.64rem}.story-art{height:290px}}
@media(prefers-reduced-motion:reduce){.storefront .hero-stage img.hero-character{animation:none}.experience-reveal{animation:none}.storefront *, .storefront *::before,.storefront *::after{scroll-behavior:auto!important}}
.motion-paused .hero-stage img.hero-character{animation-play-state:paused}
.catalog-select{position:relative;min-width:0;text-transform:none;letter-spacing:normal}
.catalog-select.is-open{z-index:110}
.catalog-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:11px 13px;border:1px solid var(--border-color);border-radius:11px;background:var(--input-bg);color:var(--text-main);text-align:left;font-size:.72rem;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s}
.catalog-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-select-trigger:hover{border-color:#ff343b65;background:var(--bg-card)}
.is-open .catalog-select-trigger{border-color:var(--red);box-shadow:0 0 0 3px var(--accent-soft)}
.catalog-select-arrow{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border-radius:7px;background:var(--surface-soft);color:var(--text-secondary);font-size:1.1rem;line-height:1;transition:transform .2s,color .2s}
.is-open .catalog-select-arrow{transform:rotate(180deg);color:var(--red)}
.catalog-select-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:100%;padding:6px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-modal);box-shadow:0 18px 50px #0006,0 2px 8px #0003;animation:catalog-menu-in .16s ease-out;transform-origin:top;scrollbar-width:thin}
.opens-up .catalog-select-menu{top:auto;bottom:calc(100% + 8px);transform-origin:bottom}
.catalog-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 11px;border-radius:9px;min-height:44px;cursor:pointer;color:var(--text-main);font-size:.73rem;line-height:1.4;transition:background .15s,color .15s}
.catalog-select-option+.catalog-select-option{margin-top:3px}
.catalog-option-copy{display:flex;flex-direction:column;gap:4px;min-width:0;font-weight:600}
.catalog-option-copy small{font-size:.6rem;line-height:1.5;color:var(--text-secondary);font-weight:400}
.catalog-select-option:hover,.catalog-select-option.is-highlighted{background:var(--surface-soft);outline:1px solid var(--border-color);outline-offset:-1px}
.catalog-select-option[aria-selected="true"]{background:var(--accent-soft);color:var(--red)}
.catalog-option-check{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--red);color:#fff;font-size:.68rem;visibility:hidden}
[aria-selected="true"]>.catalog-option-check{visibility:visible}
.catalog-select-option[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
[data-theme="light"] .catalog-select-menu{box-shadow:0 18px 50px #171a201a,0 2px 8px #171a200a}
@keyframes catalog-menu-in{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.catalog-select-trigger{font-size:.67rem;padding:10px;gap:7px}.catalog-select-option{font-size:.68rem;padding:11px 8px;gap:7px}.catalog-option-copy small{font-size:.56rem}.catalog-select-menu{padding:5px}.catalog-option-check{width:18px;height:18px}}
@media(max-width:768px){
 .storefront{padding-top:122px}
 .storefront header{height:114px;padding:12px 20px;gap:8px;display:grid;grid-template-columns:1fr auto;grid-template-rows:34px 40px;align-content:center}
 .storefront header>.logo{grid-column:1;grid-row:1}
 .storefront .nav-icons{grid-column:2;grid-row:1;justify-self:end}
 .storefront .search-container{grid-column:1/-1;grid-row:2;width:100%;max-width:none;min-width:0;margin:0;border-radius:10px;position:relative;left:auto;top:auto;transform:none}
 .storefront .hero-actions{flex-direction:row;padding:0;justify-content:flex-start;width:auto}
 .storefront .hero-actions .hero-btn{width:auto}
 .storefront .step-card-header{flex-direction:row;text-align:left;margin-top:0;margin-bottom:12px}
 .storefront .step-card-desc{text-align:left;margin-bottom:10px}
 .storefront .step-expand-btn{margin-left:0;margin-right:0}
 .storefront .guide-step-card:hover .step-badge-glow{transform:none}
 .storefront .footer-brand{text-align:left}
}