/*
Theme Name: BRILLA
Description: Landing de un producto para BRILLA. Vista previa hasta confirmar producto y oferta.
Version: 0.2.0
Text Domain: brilla
*/
:root{--pink:#ff0078;--ink:#260b25;--blush:#fff0f5;--line:#ecdce4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif;background:white}a{color:inherit}img{display:block;max-width:100%}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #70226f;outline-offset:5px}.announcement{background:var(--pink);color:white;text-align:center;padding:7px 15px;font-size:11px;letter-spacing:3px;font-weight:700}.header{height:78px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #fff0f5}.brand{text-decoration:none;font-size:27px;letter-spacing:7px;font-weight:700}.brand span{color:var(--pink);letter-spacing:0}.nav{display:flex;align-items:center;gap:32px;font-size:13px}.nav a{text-decoration:none}.bag{width:24px;height:24px}.hero{min-height:660px;position:relative;display:flex;align-items:center;overflow:hidden;background:#fbe1eb}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;inset:0}.hero-copy{position:relative;padding:65px 5%;width:58%;z-index:1}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:700;margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1{font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;font-size:clamp(65px,7.8vw,118px);letter-spacing:-4px;line-height:.98;margin-bottom:25px}h1 span{display:block;color:var(--pink)}.hero-copy>p:not(.eyebrow){font-size:22px;max-width:390px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:58px;padding:14px 35px;background:var(--pink);color:#fff;border:0;border-radius:99px;text-decoration:none;font-size:15px;font-weight:800;letter-spacing:.5px;transition:background .2s,transform .2s}.cta:hover{background:#dc0067;transform:translateY(-2px)}.pill{display:table;background:#f9cadd;border-radius:50px;padding:7px 15px;font-size:12px;margin-top:25px}.ribbon{padding:24px 5%;display:flex;justify-content:space-around;gap:25px;background:var(--pink);color:white}.ribbon div{display:flex;align-items:center;gap:13px;font-size:14px}.ribbon span{font-size:28px;font-weight:400}.section{padding:80px 5%}.section h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(36px,4.5vw,66px);letter-spacing:-1.5px;line-height:1.12;margin-bottom:25px}.section h2 em{color:var(--pink);font-family:Georgia,serif;font-weight:400}.intro{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.intro img{border-radius:22px;width:100%;aspect-ratio:1.1;object-fit:cover}.muted{color:#6b5265;max-width:520px}.textlink{text-underline-offset:6px;color:var(--pink);font-weight:bold}.details{background:var(--blush)}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.detail{border-top:1px solid #d7b7c8;padding-top:22px}.detail .number{font:italic 35px Georgia;color:var(--pink);display:block;margin-bottom:15px}.detail h3{font-size:22px;margin-bottom:12px}.detail p{color:#6b5265;font-size:15px;max-width:310px}.purchase{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%}.purchase img{width:100%;border-radius:22px}.badge{font-size:11px;letter-spacing:1.5px;font-weight:bold;color:var(--pink);text-transform:uppercase}.preview-note{font-size:12px;color:#795f72;margin-top:18px;max-width:410px}.coming{display:inline-block;border:1px solid #e7bfd1;border-radius:99px;padding:13px 25px;font-weight:700;background:var(--blush)}.faq{max-width:900px;margin:auto;padding-top:15px}.faq h2{font-size:40px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-weight:700}.faq details p{margin:15px 0 0;color:#6b5265}.footer{border-top:1px solid var(--line);padding:30px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer p{font-size:11px;color:#795f72;margin:0;max-width:430px}.mobile-bar{display:none}.content{max-width:1100px;margin:50px auto;padding:0 5%}.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{background:var(--pink);color:#fff;border-radius:30px;padding:15px 26px}.woocommerce input.input-text,.woocommerce select,.woocommerce textarea{border:1px solid var(--line);padding:12px;border-radius:8px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1600px){.hero{min-height:800px}}@media(max-width:767px){.header{height:66px}.brand{font-size:23px;letter-spacing:5px}.nav{gap:16px}.nav .desktop{display:none}.hero{min-height:780px;align-items:flex-start}.hero>img{height:470px;top:auto;bottom:0;object-position:76% center}.hero:after{content:'';position:absolute;inset:280px 0 auto;height:85px;background:linear-gradient(#fbe1eb,transparent)}.hero-copy{width:100%;padding:36px 6% 0}.eyebrow{font-size:10px;margin-bottom:15px}h1{font-size:69px;letter-spacing:-2px;max-width:400px}.hero-copy>p:not(.eyebrow){font-size:17px;margin-bottom:20px}.hero .cta{min-height:52px;padding:12px 25px;font-size:13px}.pill{display:none}.ribbon{padding:20px 15px;gap:12px}.ribbon div{flex-direction:column;text-align:center;gap:4px;font-size:10px;line-height:1.3;max-width:100px}.ribbon span{font-size:25px}.section{padding:50px 6%}.intro,.purchase{grid-template-columns:1fr;gap:30px}.intro img{order:2;aspect-ratio:1.35}.section h2{font-size:43px}.details-grid{grid-template-columns:1fr;gap:20px;margin-top:25px}.detail{display:grid;grid-template-columns:45px 1fr;column-gap:12px;padding-top:17px}.detail .number{grid-row:span 2}.detail h3{font-size:19px;margin-bottom:6px}.detail p{max-width:none;margin-bottom:0;font-size:14px}.purchase img{aspect-ratio:1.25;object-fit:cover}.faq h2{font-size:35px}.footer{align-items:flex-start;flex-direction:column;padding-bottom:100px}.mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffffff5;backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:12px 5% calc(12px + env(safe-area-inset-bottom));z-index:30;align-items:center;justify-content:space-between}.mobile-bar span{font-size:12px;font-weight:bold}.mobile-bar .cta{min-height:42px;padding:10px 23px;font-size:12px}.admin-bar .header{top:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}