/*
Theme Name: Nolai Deco
Description: Tema de bloques editable para Nolai Deco. Rosa, crema y lila; fotografías originales.
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: nolai-deco
License: GPL-2.0-or-later
*/
:root{--cream:var(--wp--preset--color--cream,#fff9f2);--pink:var(--wp--preset--color--pink,#f4bacb);--rose:var(--wp--preset--color--rose,#a13e60);--lilac:var(--wp--preset--color--lilac,#e6d5ef);--ink:var(--wp--preset--color--ink,#583b43);--muted:#795c66;--line:#e7d1d4}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid var(--rose);outline-offset:5px}img,video{display:block;max-width:100%;height:auto}figure{margin:0}p{margin:0 0 18px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.1;letter-spacing:-.04em;margin:0 0 24px}h1{font-size:clamp(44px,5.6vw,83px)}h2{font-size:clamp(35px,4vw,54px)}h3{font-size:27px;letter-spacing:-.025em}em{font-weight:400;color:var(--rose)}.section{max-width:1240px;margin:0 auto;padding:85px 48px}.top-strip{background:var(--pink);text-align:center;padding:9px 20px}.announcement{font-size:12px;letter-spacing:.13em;margin:0}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1340px;padding:24px 48px;margin:auto;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,serif;font-size:35px;line-height:1;margin:0 0 7px;letter-spacing:-1.8px;color:var(--rose)}.wordmark a{text-decoration:none}.wordmark span{font-style:italic;color:#88679e}.brand-note{font-size:8px;letter-spacing:.18em;margin:0}.nav-links{display:flex;gap:28px;font-size:13px}.nav-links p{margin:0}.nav-links a{text-decoration:none}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}.wp-block-button__link{display:inline-block;text-decoration:none;background:var(--rose);color:white;padding:16px 28px;border-radius:50px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.wp-block-button__link:hover{transform:translateY(-2px);background:#85304e}.site-header .wp-block-button__link{background:transparent;color:var(--rose);border:1px solid var(--line);padding:11px 20px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--rose);margin-bottom:23px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding-top:55px;padding-bottom:65px}.hero-copy .lead{font-size:17px;max-width:390px;color:var(--muted);line-height:1.8}.tiny{font-size:12px;line-height:1.8;color:var(--muted);margin-top:17px}.hero-art{position:relative;padding:13px 10px 24px}.hero-art:before{content:'✧';position:absolute;z-index:1;font-size:80px;color:#ad738d;left:-35px;top:0;line-height:1}.hero-art:after{content:'♡';position:absolute;font-size:60px;color:#b58dc0;right:-15px;bottom:45px;transform:rotate(13deg)}.hero-photo{border:9px solid white;border-radius:220px 220px 24px 24px;overflow:hidden;transform:rotate(3deg);box-shadow:0 18px 50px #6b34451a}.hero-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}.photo-note{position:absolute;bottom:2px;left:-38px;background:var(--lilac);padding:20px 27px;transform:rotate(-7deg);box-shadow:0 8px 20px #583b4314;border:1px solid #d3b9df;font-family:Georgia,serif;font-size:21px;line-height:1.3}.photo-note p{margin:0}.brand-story{background:#f9e6eb;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:none;padding-left:max(48px,calc((100vw - 1144px)/2));padding-right:max(48px,calc((100vw - 1144px)/2))}.original-logo img{width:100%;border-radius:24px;border:7px solid #fff9f2;box-shadow:0 10px 35px #a13e6014}.brand-copy p:last-child{max-width:420px;color:var(--muted)}.collection{text-align:center}.section-intro{max-width:630px;margin:0 auto 38px;color:var(--muted)}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;text-align:left}.collection-photo{border-radius:170px 170px 18px 18px;overflow:hidden;background:var(--pink)}.collection-photo img{aspect-ratio:3/4;object-fit:cover;width:100%;transition:transform .5s}.collection-photo:hover img{transform:scale(1.025)}.card-copy{padding:24px 2px}.card-copy h3{font-size:25px;margin-bottom:12px}.card-copy p{font-size:14px;color:var(--muted)}.card-copy .text-link{font-size:12px;color:var(--rose);margin:20px 0 0}.custom-section{background:var(--lilac);border-radius:30px;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:65px;max-width:1144px}.price{font-size:21px;font-family:Georgia,serif;margin-top:30px}.step{position:relative;padding:0 0 24px 57px;margin-bottom:24px;border-bottom:1px solid #c8adcf}.step:last-child{border:0;margin-bottom:0;padding-bottom:0}.step-number{position:absolute;left:0;top:-3px;font:italic 29px Georgia,serif;color:var(--rose)}.step h3{font-size:24px;margin-bottom:9px}.step p:last-child{font-size:14px;margin:0}.workshop{display:grid;grid-template-columns:.85fr 1fr;gap:85px;align-items:center}.video-frame{border-radius:200px 200px 22px 22px;background:#f5e2e8;padding:14px}.workshop-video video{width:100%;max-height:530px;object-fit:cover;border-radius:190px 190px 16px 16px}.workshop-video figcaption{text-align:center;font-size:11px;padding:12px 0 0;color:var(--muted)}.handwritten{font:italic 25px Georgia,serif;color:var(--rose);margin-top:30px}.faq{max-width:850px;padding-top:35px}.faq h2{margin-bottom:40px}.wp-block-details{border-bottom:1px solid var(--line);padding:20px 0}.wp-block-details summary{cursor:pointer;font-size:15px;font-weight:500}.wp-block-details p{font-size:14px;color:var(--muted);margin:15px 0 0}.site-footer{text-align:center;background:#f6dee7;padding:52px 20px 35px}.site-footer p{font-size:12px}.site-footer .wordmark{font-size:44px}.preview-notice{background:#583b43;color:white;text-align:center;padding:9px 16px;font-size:12px}.wp-site-blocks>*{margin-block-start:0}.wp-block-group{box-sizing:border-box}.site-main{margin:0}.wp-element-button{cursor:pointer}.skip{position:fixed;top:-100px;left:15px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}
@media(max-width:900px){.site-header{padding:22px 26px}.nav-links{gap:16px}.site-header .wp-block-buttons{display:none}.section{padding:55px 28px}.hero{gap:35px}.brand-story{gap:35px}.photo-note{left:-10px;font-size:17px}.collection-grid{gap:18px}.custom-section{margin:0 28px;padding:40px;gap:35px}.workshop{gap:40px}.brand-copy h2{font-size:38px}}
@media(max-width:620px){.site-header{align-items:center;padding:20px}.wordmark{font-size:30px}.nav-links{gap:13px;font-size:11px}.nav-links p:last-child{display:none}.hero{grid-template-columns:1fr;padding-top:38px;gap:25px}.hero-copy .lead{max-width:none}h1{font-size:53px}.hero-art{max-width:380px;margin:auto;width:90%}.hero-art:before{font-size:58px;left:-17px}.hero-photo img{aspect-ratio:4/4.5}.brand-story{grid-template-columns:1fr;gap:35px}.brand-copy h2{font-size:39px}.collection-grid{grid-template-columns:1fr;gap:27px}.collection-card{max-width:390px;margin:auto}.collection-photo img{aspect-ratio:4/4.3;object-position:center 70%}.collection-photo{border-radius:150px 150px 18px 18px}.custom-section{grid-template-columns:1fr;padding:32px 25px;margin:0 20px}.workshop{grid-template-columns:1fr;gap:35px}.video-frame{max-width:350px;margin:auto}.faq{padding-top:10px}.section-intro{font-size:14px}.announcement{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.detail-title{margin-top:35px;font-size:26px}.detail-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.detail-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px}.motion{max-width:850px;text-align:center;padding-top:0}.motion-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.motion video{border-radius:20px;width:100%;max-height:380px;object-fit:cover}@media(max-width:620px){.detail-grid{grid-template-columns:repeat(2,1fr)}.detail-photo:last-child{grid-column:1/-1;max-width:60%;margin:auto}.motion-grid{grid-template-columns:1fr}.motion video{max-height:420px}}
.production-note{display:inline-block;font-size:12px;line-height:1.6;color:var(--ink);background:#f9e6eb;border-left:3px solid var(--pink);padding:10px 14px;margin:21px 0 0;border-radius:0 9px 9px 0}.production-note strong{font-weight:600}
.payments{max-width:1050px;text-align:center;padding-bottom:30px}.payment-grid{justify-content:center;gap:14px}.payment-grid .wp-block-button{flex:0 1 205px}.payment-pending .wp-block-button__link{width:100%;min-height:58px;border-radius:14px;background:white;color:var(--ink);border:1px solid var(--line);box-shadow:0 3px 0 #583b4308;font-size:18px;font-weight:700;cursor:not-allowed;user-select:none;opacity:.8;line-height:1.4;display:flex;align-items:center;justify-content:center}.payment-pending .wp-block-button__link:hover{transform:none;background:inherit}.payment-pending.pay-card .wp-block-button__link{font-size:12px;background:#fff}.pay-paypal .wp-block-button__link{color:#003087;background:#fff3c9;font-style:italic}.pay-venmo .wp-block-button__link{color:#008cff}.pay-apple .wp-block-button__link{background:#292929;color:white}.pay-cashapp .wp-block-button__link{background:#dcf8e4;color:#146b39}.pay-google .wp-block-button__link{color:#3c4043}.pay-amazon .wp-block-button__link{color:#232f3e}.pay-klarna .wp-block-button__link{background:#fce2ed;color:#242424}.pay-afterpay .wp-block-button__link{background:#d9f9ed;color:#203d37}.pay-affirm .wp-block-button__link{color:#3936a4}.pay-paylater .wp-block-button__link{font-size:14px;color:#003087}.payment-subtitle{font-size:13px;margin:28px 0 14px}.payment-later .wp-block-button{flex-basis:170px}.payments .tiny{max-width:620px;margin:23px auto 14px}.payment-status{font-size:12px;color:var(--rose)}
@media(max-width:620px){.payment-grid{gap:10px}.payment-grid .wp-block-button{flex:1 1 130px}.payment-pending .wp-block-button__link{font-size:16px;min-height:55px;padding:12px}.payments{padding-top:55px}}

/* Letras y botones inspirados en el relieve de las piezas Decoden. */
@font-face{font-family:'Lily Script One';font-style:normal;font-weight:400;font-display:swap;src:url('assets/LilyScriptOne-Regular.ttf') format('truetype')}
.hero h1,.wordmark{font-family:var(--wp--preset--font-family--nolai,'Lily Script One'),Georgia,serif;font-weight:400;letter-spacing:-.025em;font-style:normal}
.hero h1{font-size:clamp(45px,5.2vw,74px);line-height:1.13;color:#e88fae;-webkit-text-stroke:1px #a95673;paint-order:stroke fill;text-shadow:0 -1px 0 #fff5f7,0 2px 0 #fff0f4,0 4px 0 #d77496,0 5px 0 #a95673,0 8px 0 #fbe2d1,0 11px 16px #9a546021;margin-bottom:28px}
.hero h1 em{font-style:normal;color:#ba94c7;-webkit-text-stroke-color:#825d92;text-shadow:0 -1px 0 #fff8ff,0 2px 0 #f6eafa,0 4px 0 #a276b1,0 5px 0 #825d92,0 8px 0 #fbe2d1,0 11px 16px #865b9521}
.wordmark{font-size:39px;line-height:1.2;color:#b95478;text-shadow:0 1px 0 #fff,0 3px 0 #edc0ce}
.wordmark span{font-style:normal;color:#9670a7;text-shadow:0 1px 0 #fff,0 3px 0 #ddc9e7}
.wp-block-button__link{position:relative;border:2px solid #df9eb4;border-radius:26px;background:radial-gradient(ellipse at 23% 9%,#ffffffdc 0 5%,#ffffff00 26%),linear-gradient(180deg,#ffe5ed 0%,#f9c4d6 30%,#ee9fbb 65%,#f5bad0 100%);color:#702d47;box-shadow:inset 0 3px 2px #ffffffd9,inset 0 -4px 5px #b64e772b,0 5px 0 #b76583,0 7px 0 #f6d7c4,0 10px 17px #9e496323;text-shadow:0 1px 0 #ffffffa3;transition:transform .18s,box-shadow .18s}
.wp-block-button__link:hover{color:#702d47;background:radial-gradient(ellipse at 23% 9%,#ffffffec 0 5%,#ffffff00 26%),linear-gradient(180deg,#ffeaf1,#f3b0c9);transform:translateY(-2px);box-shadow:inset 0 3px 2px #ffffffd9,inset 0 -4px 5px #b64e772b,0 7px 0 #b76583,0 9px 0 #f6d7c4,0 12px 19px #9e496323}
.wp-block-button__link:active{transform:translateY(3px);box-shadow:inset 0 3px 2px #ffffffd9,inset 0 -3px 5px #b64e772b,0 2px 0 #b76583,0 4px 0 #f6d7c4,0 6px 10px #9e496323}
.site-header .wp-block-button__link{background:radial-gradient(ellipse at 25% 5%,#fff 0 4%,#fff0 30%),linear-gradient(#f7eefb,#dcc4e8);border:2px solid #c5a7d2;color:#634674;box-shadow:inset 0 3px 2px #fff9,inset 0 -3px 5px #855a9c20,0 4px 0 #a983b9,0 6px 0 #f6d7c4,0 9px 12px #805b961a}
.payment-pending .wp-block-button__link{--pay-surface:#fff5f9;--pay-edge:#cba4b3;background:radial-gradient(ellipse at 22% 4%,#fff 0 4%,#fff0 30%),linear-gradient(180deg,#fff,var(--pay-surface));border:2px solid var(--pay-edge);border-radius:20px;box-shadow:inset 0 3px 2px #fff,inset 0 -4px 5px #8b546018,0 4px 0 var(--pay-edge),0 7px 12px #583b4312;opacity:1;text-shadow:0 1px 0 #fff8}
.payment-pending .wp-block-button__link:hover,.payment-pending .wp-block-button__link:active{background:radial-gradient(ellipse at 22% 4%,#fff 0 4%,#fff0 30%),linear-gradient(180deg,#fff,var(--pay-surface));transform:none;box-shadow:inset 0 3px 2px #fff,inset 0 -4px 5px #8b546018,0 4px 0 var(--pay-edge),0 7px 12px #583b4312}
.payment-pending.pay-card .wp-block-button__link{background:radial-gradient(ellipse at 22% 4%,#fff 0 4%,#fff0 30%),linear-gradient(180deg,#fff,#fbe7ee)}
.pay-paypal .wp-block-button__link,.pay-paylater .wp-block-button__link{--pay-surface:#fff0bd;--pay-edge:#d9c78e}
.pay-apple .wp-block-button__link{color:#292929;--pay-surface:#e8e3e6;--pay-edge:#b4a5ae}
.pay-venmo .wp-block-button__link{--pay-surface:#e1efff;--pay-edge:#97b8dc}
.pay-cashapp .wp-block-button__link,.pay-afterpay .wp-block-button__link{--pay-surface:#d9f3e5;--pay-edge:#9dc7ad}
.pay-klarna .wp-block-button__link{--pay-surface:#f8d8e7;--pay-edge:#d6a2ba}
.pay-affirm .wp-block-button__link{--pay-surface:#e7e0fb;--pay-edge:#b7a6d8}
.payment-grid{row-gap:20px}.production-note{margin-top:26px}
@media(max-width:620px){.hero h1{font-size:clamp(42px,11vw,53px);line-height:1.16}.wordmark{font-size:33px}.payment-pending .wp-block-button__link{border-radius:18px}}