:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#30252c;background:#fffdfc;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.container{width:min(1120px,calc(100% - 32px));margin:auto}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #cf3b74;outline-offset:2px}.top-notice{background:#fae3ec;color:#983354;text-align:center;padding:8px;font-size:12px}.site-header{position:sticky;top:0;z-index:20;background:#fffcfbeF;border-bottom:1px solid #f1dce3;backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:12px}.brand{display:flex;flex-direction:column}.brand-script{color:#d73b75;font:italic bold 36px Georgia,serif;letter-spacing:-2px}.brand-flower{font-size:24px;color:#efa0bb}.brand-tagline{font-size:11px}.desktop-nav{display:flex;gap:24px;font-size:14px;font-weight:700}.desktop-nav a:hover{color:#c43b6a}.selection-button{border:1px solid #f2c7d4;background:#fff2f7;border-radius:999px;padding:10px 15px;color:#ad315c;font-weight:700;display:flex;align-items:center;gap:9px}.selection-icon{font-size:24px}.count-pill{background:#d94477;color:white;border-radius:30px;padding:3px 7px;font-size:11px}.hero{background:linear-gradient(115deg,#fff3f6,#ffdde7);display:grid;grid-template-columns:1.1fr .9fr;min-height:360px;border-radius:24px;margin-top:20px;margin-bottom:55px;overflow:hidden}.hero-copy{padding:53px 28px 45px 50px}.eyebrow,.mini-label{color:#be3766;font-size:11px;font-weight:800;letter-spacing:1.2px;margin-bottom:13px}.hero h1{font:700 clamp(36px,4.5vw,57px)/1.12 Georgia,serif;letter-spacing:-1px}.hero h1 em{color:#d84377;font-weight:400}.hero p{color:#75626a;line-height:1.6;max-width:500px}.hero-actions,.hero-points{display:flex;flex-wrap:wrap;gap:12px}.hero-actions{margin:23px 0}.hero-points{font-size:12px;color:#8c6675}.btn{border:0;border-radius:12px;min-height:45px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:750;font-size:14px}.btn-primary{background:#d94176;color:white}.btn-primary:hover{background:#bd2b61}.btn-light{background:white;color:#a33159;border:1px solid #edccda}.btn-whatsapp{background:#08a86e;color:white}.btn-whatsapp:hover{background:#088c5e}.btn-small{font-size:13px;min-height:38px;padding:9px 14px}.full{width:100%}.hero-art{min-height:310px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#fff9fb 0%,#ffdaea 70%,transparent 80%)}.hero-art-inner{position:relative;width:250px;height:250px;border-radius:50%;background:#fff5f9;display:grid;place-items:center;box-shadow:0 8px 60px #e692af55}.hero-large-flower{font-size:132px}.hero-art-butterfly{position:absolute;right:-20px;top:4px;font-size:62px}.hero-art-sparkle{position:absolute;bottom:8px;left:16px;font-size:58px;color:#e2a1bd}.petal{position:absolute;color:#e99eb7;font-size:40px}.petal-one{right:18px;top:8px}.petal-two{bottom:15px;right:12px}.petal-three{bottom:40px;left:10px}.section-header h2{font:700 clamp(27px,3vw,39px) Georgia,serif;margin-bottom:8px}.section-header p{color:#796973;font-size:14px}.catalog-controls{display:flex;justify-content:space-between;gap:14px;margin:24px 0 16px}.segment{display:flex;background:#faf0f4;border-radius:12px;padding:4px}.segment-button{border:0;background:transparent;border-radius:9px;padding:11px 18px;font-size:13px;color:#6e5e67;font-weight:700}.segment-button.active{background:white;color:#bb3769;box-shadow:0 2px 12px #9e536624}.search-box{max-width:450px;flex:1;display:flex;align-items:center;gap:9px;border:1px solid #e6d4dc;background:white;border-radius:12px;padding:0 14px}.search-box span{font-size:24px;color:#b46f8b}.search-box input{width:100%;height:46px;border:0;outline:0;min-width:0;background:transparent;font-size:13px}.category-list{display:flex;gap:8px;overflow-x:auto;padding:4px 0 17px}.category-chip{white-space:nowrap;border:1px solid #eee0e5;background:white;border-radius:999px;padding:10px 14px;color:#65555d;font-size:12px;font-weight:700}.category-chip.active{background:#d94176;border-color:#d94176;color:white}.result-bar{border-top:1px solid #f2e2e8;padding-top:23px;display:flex;justify-content:space-between;align-items:center;margin:10px 0 18px}.result-bar h3{font-size:19px;margin:0 0 5px}.result-bar p{color:#93808a;font-size:12px;margin:0}.result-count{border-radius:30px;background:#fff0f4;color:#b33864;font-size:12px;padding:7px 12px}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.catalog-card{border:1px solid #eadde2;background:white;border-radius:15px;overflow:hidden}.catalog-card.selected{border:2px solid #d94176}.catalog-card:hover{box-shadow:0 9px 24px #7d39531c}.card-art{position:relative;height:190px;display:grid;place-items:center}.art-pink{background:radial-gradient(circle,#fff9fc,#f7d7e4)}.art-red{background:radial-gradient(circle,#fff6f7,#f6cdd7)}.art-cream{background:radial-gradient(circle,#fffdfb,#e9e1d6)}.art-peach{background:radial-gradient(circle,#fffaf7,#f9d9c5)}.art-yellow{background:radial-gradient(circle,#fffef5,#ffe6a7)}.art-lilac{background:radial-gradient(circle,#fffaff,#e3d8f4)}.art-mint{background:radial-gradient(circle,#f8fffb,#d0eee3)}.art-symbol{font-size:95px;filter:drop-shadow(0 9px 9px #ad789044)}.card-select{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:1px solid #e3bfcc;background:#fffffff0;color:#b33869;font-size:20px}.selected .card-select{background:#d94176;color:white}.card-info{padding:14px}.card-code{font-size:11px;font-weight:800;letter-spacing:1px;color:#c74072}.card-info h4{font-size:14px;margin:6px 0}.card-topic{color:#98848e;font-size:11px;margin-bottom:13px}.card-details{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#b33a69;font-size:12px}.card-details button{border:0;background:none;color:inherit;font-size:12px;font-weight:800}.empty-state{text-align:center;padding:50px}.empty-state span{font-size:45px}.how-section{margin-top:70px;background:#fff0f5;padding:65px 0}.centered{text-align:center}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:27px}.step-card{background:white;border:1px solid #f3dce5;border-radius:18px;text-align:center;padding:25px}.step-icon{font-size:30px;background:#fff0f6;border-radius:50%;width:68px;height:68px;display:grid;place-items:center;margin:auto auto 14px}.step-num{font-size:11px;font-weight:800;color:#d94176}.step-card h3{margin:8px}.step-card p{font-size:13px;color:#75676f}.site-footer{background:#fbf5f5;padding:28px 0;color:#7c6872;font-size:12px}.footer-inner{display:flex;justify-content:space-between}.footer-logo{font:italic bold 25px Georgia,serif;color:#d94176}.floating-cart{position:fixed;z-index:22;bottom:18px;left:50%;transform:translateX(-50%);background:white;box-shadow:0 10px 45px #40273530;border:1px solid #efc2d3;border-radius:16px;padding:11px;min-width:min(540px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:10px}.floating-cart[hidden],.empty-state[hidden]{display:none}.floating-cart>div{display:flex;align-items:center;gap:10px;font-size:12px}.floating-cart #floating-cart-icons{font-size:24px}.modal{border:0;background:#fffcfc;border-radius:20px;max-width:min(780px,calc(100vw - 24px));max-height:calc(100dvh - 30px);padding:0;box-shadow:0 30px 90px #15101770;color:#30252c}.modal::backdrop{background:#21182099}.modal-content{position:relative;padding:25px}.close-modal{border:0;background:#f9e9f0;color:#9e3860;width:36px;height:36px;border-radius:50%;font-size:25px}.modal-content>.close-modal{position:absolute;right:16px;top:16px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:23px}.detail-art .card-art{height:340px;border-radius:13px}.detail-art .art-symbol{font-size:145px}.detail-info{padding:33px 8px 6px}.detail-info h2{font:700 30px Georgia,serif;margin:7px 0}.detail-code{color:#c83b70;font-weight:800}.detail-info p{font-size:14px;line-height:1.5}.info-box{background:#fff1f6;border-radius:11px;padding:12px;font-size:13px;color:#825d6e;margin:18px 0}.selection-modal{width:min(570px,calc(100vw - 24px))}.selection-dialog-inner{padding:24px;max-height:calc(100dvh - 30px);overflow:auto}.selection-heading{display:flex;justify-content:space-between}.selection-heading h2{font:700 29px Georgia,serif;margin:7px 0}.selection-heading p{font-size:13px;color:#87727d}.selection-items{display:flex;flex-direction:column;gap:10px;margin:20px 0}.selection-item{border:1px solid #efdee5;border-radius:12px;display:grid;grid-template-columns:65px 1fr auto;align-items:center;gap:10px;padding:9px}.selection-item-art{height:65px;border-radius:9px;display:grid;place-items:center;font-size:35px}.selection-item-info strong{display:block;font-size:13px}.selection-item-info span{color:#c93b6f;font-size:11px;font-weight:800}.item-controls{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.qty-controls{display:flex;align-items:center;gap:6px}.qty-controls button{width:25px;height:25px;border:0;border-radius:7px;background:#fae9f0;color:#b43868}.qty-controls span{font-size:12px;min-width:16px;text-align:center}.remove-item{border:0;background:none;text-decoration:underline;font-size:11px;color:#9c7f8d}.selection-form label{font-weight:800;font-size:13px}.selection-form textarea{width:100%;border:1px solid #ead8e0;border-radius:11px;padding:12px;margin-top:9px;min-height:75px}.input-help,.whatsapp-note{color:#947f89;font-size:11px}.message-preview{background:#fff1f6;padding:14px;border-radius:12px;margin:14px 0}.message-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:185px;overflow:auto;font:12px/1.6 inherit;color:#66535d}.selection-form>.btn{margin-top:9px}.selection-empty{text-align:center;border:1px dashed #e6b9ca;border-radius:12px;padding:26px}.selection-empty span{font-size:38px}.toast{position:fixed;z-index:100;bottom:15px;left:50%;transform:translate(-50%,40px);opacity:0;background:#382633;color:white;padding:12px 18px;border-radius:11px;transition:.2s;pointer-events:none;font-size:12px}.toast.visible{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(3,1fr)}.hero-copy{padding-left:28px}}@media(max-width:680px){.container{width:calc(100% - 24px)}.header-inner{min-height:65px}.brand-script{font-size:32px}.brand-tagline{font-size:9px}.desktop-nav,.selection-label{display:none}.hero{grid-template-columns:1fr;margin-bottom:45px}.hero-copy{padding:30px 24px 15px}.hero h1{font-size:39px}.hero p{font-size:14px}.hero-art{min-height:160px}.hero-art-inner{width:143px;height:143px}.hero-large-flower{font-size:79px}.hero-art-butterfly{font-size:37px}.catalog-controls{flex-direction:column}.segment-button{flex:1}.search-box{max-width:none}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-art{height:140px}.art-symbol{font-size:72px}.card-info{padding:10px}.card-info h4{font-size:12px}.card-topic{margin-bottom:8px}.result-count{font-size:10px}.steps-grid{grid-template-columns:1fr;gap:12px}.how-section{margin-top:46px;padding:45px 0}.footer-inner{display:block}.detail-layout{grid-template-columns:1fr}.detail-art .card-art{height:180px}.detail-art .art-symbol{font-size:95px}.detail-info{padding:5px}.modal-content,.selection-dialog-inner{padding:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toast{transition:none}}

/* Compartir catálogo: código QR escaneable sin bibliotecas ni servicios externos */
.share-modal{width:min(480px,calc(100vw - 24px))}
.share-dialog-inner{padding:30px 24px 25px;position:relative;text-align:center}
.share-close{position:absolute;right:16px;top:15px}
.share-dialog-inner h2{font:700 27px/1.18 Georgia,serif;margin:13px 30px 12px}
.share-dialog-inner p{color:#826a76;font-size:13px;line-height:1.55}
.share-qr{background:#fff;border:1px solid #efdfE4;border-radius:16px;padding:18px;display:grid;place-items:center;width:270px;max-width:100%;margin:20px auto 14px}
.share-qr svg{display:block;width:232px;max-width:100%;height:auto;aspect-ratio:1}
.share-url{font-size:13px;font-weight:800;color:#b73d6b;text-decoration:underline;overflow-wrap:anywhere}
.share-actions{display:flex;gap:10px;margin-top:22px}
.share-actions .btn{flex:1;min-width:0}
.share-dialog-inner .share-disclaimer{font-size:11px;margin:16px 0 0;color:#9b8290}
@media(max-width:420px){.share-dialog-inner{padding:25px 14px}.share-qr{width:240px;padding:12px}.share-actions{flex-direction:column}}