:root{ --primary:#3157ff; --primary-dark:#1d2fbf; --primary-light:#eef7ff; --secondary:#0b1020; --accent:#22c55e; --accent-dark:#16a34a; --bg:#edf2fb; --card:#ffffff; --text:#172033; --muted:#667085; --border:#e4e9f5; --danger:#dc2626; --warning:#f59e0b; } *{box-sizing:border-box} body{ margin:0; font-family:Inter,Arial,Helvetica,sans-serif; background:var(--bg); color:var(--text); } button,input,textarea,select{font-family:inherit} body.user-view .hidden-section{display:none!important} body.user-view .section-tools, body.user-view .add-section-bar, body.user-view .admin-tools{ display:none!important; } body.user-view{ -webkit-user-select:none; user-select:none; } body.user-view img, body.user-view canvas, body.user-view .store-product-cover, body.user-view .detail-cover{ -webkit-user-drag:none; user-drag:none; } .brand{display:flex;align-items:center;justify-content:flex-start;min-height:72px;flex:0 0 auto} .brand-logo{display:block;height:72px;max-width:280px;object-fit:contain} .top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap} .btn{border:0;border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:800;transition:.18s ease;font-size:14px} .btn:hover{transform:translateY(-1px)} .btn-primary{background:var(--primary);color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.18)} .btn-dark{background:var(--secondary);color:#fff} .btn-soft{background:var(--primary-light);color:var(--primary-dark)} .btn-danger{background:#fee2e2;color:var(--danger)} .btn-outline{background:#fff;border:1px solid var(--border);color:var(--text)} .builder-wrap{padding:0;max-width:none;margin:0;width:100%} .preview{background:#fff;border:0;border-radius:0;overflow:hidden;min-height:100vh;box-shadow:none;width:100%} .home-page{display:block} .public-header{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 46px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:80;color:var(--text)} .public-nav{display:flex;gap:22px;align-items:center;font-weight:700;color:#475569} .nav-link{cursor:pointer} .nav-link:hover{color:var(--primary)} .nav-item{position:relative} .nav-item::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px} .nav-trigger{display:flex;align-items:center;gap:8px;cursor:pointer} .nav-caret{font-size:11px;color:#94a3b8} .nav-item:hover .nav-trigger,.nav-item.open .nav-trigger{color:var(--primary)} .nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:280px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 54px rgba(15,23,42,.14);padding:10px;display:none;z-index:120} .nav-item:hover .nav-dropdown,.nav-item.open .nav-dropdown{display:grid;gap:6px} .nav-dropdown-link{padding:12px 14px;border-radius:14px;cursor:pointer;background:#fff;transition:.18s ease} .nav-dropdown-link:hover{background:#f8fafc} .nav-dropdown-link strong{display:block;color:#0f172a;font-size:14px} .nav-dropdown-link span{display:block;color:#64748b;font-size:12px;line-height:1.4;margin-top:3px} .header-right{display:flex;align-items:center;gap:18px}.header-user-tools,.admin-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-mode-select{border:1px solid var(--border);border-radius:12px;padding:9px 10px;font-weight:800;background:#fff;color:#334155} .public-header.is-admin{min-height:0;padding:6px 20px;gap:10px;flex-wrap:nowrap;overflow-x:auto} .public-header.is-admin .header-right{gap:8px;flex-wrap:nowrap;overflow:visible} .public-header.is-admin .header-user-tools,.public-header.is-admin .admin-tools{flex-wrap:nowrap;gap:5px} .public-header.is-admin .public-nav{gap:10px;flex-shrink:0} .public-header.is-admin .btn{padding:6px 10px;font-size:12px;white-space:nowrap} .public-header.is-admin .admin-mode-select{padding:6px 8px;font-size:12px} .public-header.is-admin .brand{flex-shrink:0} .header-search-wrap{position:relative;display:flex;align-items:center} .header-search-btn{background:none;border:1px solid var(--border);border-radius:10px;padding:8px 10px;cursor:pointer;color:#475569;display:flex;align-items:center;transition:.15s} .header-search-btn:hover{background:#f1f5f9;color:var(--primary)} .header-search-panel{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1.5px solid var(--border);border-radius:14px;box-shadow:0 12px 32px rgba(15,23,42,.14);padding:8px;display:flex;gap:6px;align-items:center;z-index:200;min-width:280px} .header-search-panel input{flex:1;border:1px solid var(--border);border-radius:10px;padding:8px 12px;font-size:13px;outline:none} .header-search-panel input:focus{border-color:var(--primary)} .header-search-close{background:none;border:none;cursor:pointer;color:#64748b;font-size:18px;line-height:1;padding:4px 6px;border-radius:8px;transition:.12s} .header-search-close:hover{background:#fee2e2;color:#ef4444} .builder-section{position:relative;outline:0 solid transparent;transition:.18s ease} .builder-section:hover{outline:3px solid rgba(49,87,255,.28);outline-offset:-3px} .builder-section.hidden-section{height:44px!important;min-height:0!important;overflow:hidden!important;opacity:0.5;padding:0!important;margin:0!important;border:2px dashed #94a3b8!important;background:#f1f5f9!important;display:flex!important;align-items:center!important;justify-content:flex-end!important} .hidden-section>*:not(.section-tools){display:none!important} .hidden-section .section-tools{position:static!important;opacity:1!important;transform:none!important;padding:0 10px!important} .section-tools{ position:absolute; top:12px; right:12px; display:flex; gap:6px; z-index:30; opacity:0; transform:translateY(-4px); transition:.18s ease; background:rgba(15,23,42,.88); padding:7px; border-radius:999px; box-shadow:0 12px 30px rgba(15,23,42,.25); } .builder-section:hover .section-tools{opacity:1;transform:translateY(0)} .tool-btn{width:34px;height:34px;border-radius:999px;border:0;background:#fff;color:#0f172a;font-weight:900;cursor:pointer;display:grid;place-items:center;font-size:14px} .tool-btn:hover{background:var(--primary-light);color:var(--primary)} .tool-btn.delete:hover{background:#fee2e2;color:var(--danger)} .hero{min-height:500px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e293b)} .hero-slide{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;padding:68px 56px 78px;min-height:500px;position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.35s ease,visibility 1.35s ease} .hero-slide.active{opacity:1;visibility:visible;z-index:1} .hero .hero-slide > div:first-child{transition:transform .85s ease,opacity .7s ease;transform:translateY(4px);opacity:0} .hero .hero-slide.active > div:first-child{transform:translateY(0);opacity:1} .hero .hero-slide .hero-img{transition:opacity .85s ease,transform .95s ease;transform:translateY(4px);opacity:0} .hero .hero-slide.active .hero-img{transform:translateY(0);opacity:1} .hero h1{font-size:clamp(16px,12vw,54px);line-height:1.02;margin:0 0 18px;letter-spacing:-2px;color:#f8fafc;max-width:720px;overflow-wrap:break-word;word-break:break-word} .hero p{font-size:clamp(13px,2vw,19px);line-height:1.65;color:#cbd5f5;margin:0 0 26px;max-width:660px;overflow-wrap:break-word} .hero-img{min-height:0;aspect-ratio:16/9;border-radius:34px;background:#dbeafe;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;box-shadow:0 30px 80px rgba(15,23,42,.18);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.75)} .hero-img::after{content:"";position:absolute;inset:0;background:var(--overlay-bg,linear-gradient(135deg,rgba(37,99,235,.2),rgba(124,58,237,.18)))} .hero-controls{position:absolute;left:46px;bottom:22px;display:flex;align-items:center;gap:10px;z-index:3} .hero-arrow,.hero-dot{border:0;cursor:pointer;box-shadow:0 8px 20px rgba(15,23,42,.16)} .hero-arrow{width:36px;height:36px;border-radius:999px;background:#fff;font-size:20px;font-weight:900;color:#0f172a} .hero-dot{width:11px;height:11px;border-radius:999px;background:#cbd5e1;padding:0} .hero-dot.active{background:var(--primary);width:26px} .section{padding:58px 56px;background:#fff;color:var(--text)} .section.alt-soft{background:#f3f6fb} .section.alt-dark{background:linear-gradient(135deg,#172033,#1e2f52);color:#f8fafc} .section.alt-dark .section-head h2,.section.alt-dark h2,.section.alt-dark h3{color:#f8fafc} .section.alt-dark .section-head p,.section.alt-dark p{color:#cbd5e1} .section.alt-dark .card,.section.alt-dark .step,.section.alt-dark .faq-item,.section.alt-dark .divi-column-card,.section.alt-dark .contact-card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.10)} .section.alt-dark .card h3,.section.alt-dark .step h3,.section.alt-dark .faq-item h3,.section.alt-dark .divi-column-card h3{color:#f1f5f9} .section.alt-dark .card p,.section.alt-dark .step p,.section.alt-dark .faq-item p,.section.alt-dark .divi-column-card p{color:#cbd5e1} .section.alt-dark .step-number{background:rgba(255,255,255,.18);color:rgba(255,255,255,.9);border:none} .section.alt-dark .card-icon{background:rgba(255,255,255,.14);color:rgba(255,255,255,.9)} .section-head{max-width:760px;margin-bottom:28px} .section-head h2{font-size:38px;line-height:1.08;margin:0 0 12px;color:var(--text);letter-spacing:-1px} .section-head p{margin:0;font-size:16px;line-height:1.6;color:var(--muted)} .cards,.steps,.testimonials{display:grid;grid-template-columns:repeat(var(--info-cols,auto-fit),minmax(240px,1fr));gap:18px} .products{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.products-carousel .product{min-width:calc((100% - 56px) / 5);max-width:calc((100% - 56px) / 5);flex-shrink:0;align-self:flex-start;scroll-snap-align:start}.section-more-btn{display:flex;justify-content:center;margin-top:28px} .card,.step,.testimonial,.faq-item,.contact-card,.generic-card,.detail-box,.divi-column-card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:0 14px 34px rgba(15,23,42,.07);transition:.2s ease;display:flex;flex-direction:column;gap:10px;height:100%} .card:hover,.product:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(15,23,42,.11)} .card-icon{width:54px;height:54px;border-radius:8px;background:var(--primary-light);display:grid;place-items:center;font-size:24px;margin-bottom:16px;overflow:hidden} .card-icon img{width:100%;height:100%;object-fit:cover} .card h3,.product-body h3,.step h3,.faq-item h3{margin:0 0 8px;font-size:20px;color:var(--text)} .card p,.product-body p,.step p,.faq-item p{margin:0;line-height:1.55;color:var(--muted)} .product,.store-product,.carousel-card{border:1px solid var(--border);border-radius:20px;background:var(--card);box-shadow:0 4px 16px rgba(15,23,42,.07);transition:.2s ease;display:flex;flex-direction:column;overflow:hidden;aspect-ratio:auto}.product,.store-product{position:relative} .store-page{display:none;background:#f8fafc;color:var(--text)} body.page-store .home-page{display:none!important} body.page-store .store-page{display:block} body.page-detail .home-page, body.page-detail .store-page, body.page-generic .home-page, body.page-generic .store-page, body.page-generic .detail-page{display:none!important} body.page-detail .detail-page{display:block} body.page-generic .generic-page{display:block} body.page-store .add-section-bar, body.page-detail .add-section-bar{display:none!important} .upload-hint{display:block;font-size:12px;color:#3157ff;font-weight:500;margin-top:4px} /* ── Hero compacto compartido (subpáginas genéricas y tienda/vitrinas) ── */ .hero.hero-compact{padding:48px 56px;background:linear-gradient(135deg,#0b1020,#1e2f52);color:#fff;display:flex;align-items:center;min-height:200px;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;position:relative} .hero.hero-compact::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(11,16,32,.85),rgba(30,47,82,.75));pointer-events:none} .hero-compact-content{position:relative;z-index:1;max-width:720px} .hero.hero-compact h1{font-size:38px;line-height:1.1;margin:0 0 12px;letter-spacing:-1px;color:#fff} .hero.hero-compact p{font-size:16px;line-height:1.6;color:#cbd5e1;margin:0 0 20px;max-width:640px} .hero.hero-compact:hover .section-tools{opacity:1;transform:translateY(0)} .hero-img-edit-btn{position:absolute;bottom:12px;right:12px;z-index:20;background:rgba(255,255,255,.95);border:1px solid #e2e8f0;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;cursor:pointer;color:#1e293b;backdrop-filter:blur(4px);box-shadow:0 2px 8px rgba(0,0,0,.2);transition:background .15s,box-shadow .15s;opacity:1} .hero-img-edit-btn:hover{background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.28)} /* ── Store hero (compacto con tarjeta contador) ── */ .store-hero{padding:48px 56px;background:linear-gradient(135deg,#0b1020,#1e2f52);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;position:relative;background-size:cover;background-position:center} .store-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(11,16,32,.85),rgba(30,47,82,.75));pointer-events:none} .store-hero>div:not(.section-tools){position:relative;z-index:1} .store-hero:hover .section-tools{opacity:1;transform:translateY(0)} .store-hero .btn-outline{margin-bottom:18px} .store-hero h1{font-size:38px;line-height:1.1;margin:0 0 12px;letter-spacing:-1px} .store-hero p{font-size:16px;line-height:1.6;color:#cbd5e1;margin:0 0 20px;max-width:640px} .store-hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.22);position:relative;z-index:1} .store-hero-card strong{display:block;font-size:38px;margin-bottom:8px} /* hero grande reutilizado en store */ .store-hero-full{margin-bottom:0} .store-shell{padding:28px 40px 58px} .store-layout{display:flex;gap:22px;align-items:flex-start} .store-sidebar{width:220px;flex-shrink:0;position:sticky;top:20px;display:flex;flex-direction:column;gap:0} .store-content{flex:1;min-width:0} .store-search-sidebar{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-weight:700;background:#fff;font-size:13px;margin-bottom:10px;box-sizing:border-box} .store-clear-btn{width:100%;margin-bottom:10px;font-size:12px;padding:8px 10px} .sidebar-section{border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:8px;background:#fff} .sidebar-section-head{padding:10px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#475569;user-select:none} .sidebar-section-head:hover{background:var(--bg)} .sidebar-caret{font-size:10px;color:#94a3b8} .sidebar-section-body{padding:8px 14px 12px;display:flex;flex-direction:column;gap:4px} .sidebar-check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;padding:3px 0} .sidebar-check input{flex-shrink:0;accent-color:var(--primary);cursor:pointer} .sidebar-check span:first-of-type{flex:1} .sidebar-count{font-size:11px;color:#94a3b8;font-weight:700} .store-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;flex-wrap:wrap} .store-tabs{display:flex;gap:10px;flex-wrap:wrap}.store-tab{border:1px solid var(--border);background:#fff;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer;color:var(--text)}.store-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)} .store-search{min-width:260px;border:1px solid var(--border);border-radius:14px;padding:12px 14px;font-weight:700;background:#fff} .store-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .product-cover,.store-product-cover{aspect-ratio:1/1;width:100%;flex-shrink:0;background:#f1f5f9;display:grid;place-items:center;font-size:48px;overflow:hidden;position:relative} .store-product-cover img,.product-cover img,.carousel-cover img{width:100%;height:100%;object-fit:cover} .store-product-body,.product-body,.carousel-body{padding:10px 12px 12px;display:flex;flex-direction:column;flex:1;gap:4px;min-height:0;position:relative;background:var(--card)} .store-price-info{display:flex;flex-direction:column;gap:0} .store-price-label{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;line-height:1.2} .product-tools{position:absolute;top:6px;right:6px;display:none;gap:5px;z-index:4} .product-cover:hover .product-tools,.store-product-cover:hover .product-tools{display:flex} .product-tool-btn{background:rgba(255,255,255,.92);border:none;border-radius:7px;padding:5px 8px;font-size:13px;cursor:pointer;font-weight:700;line-height:1;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.12s} .product-tool-btn:hover{background:#fff;transform:scale(1.08)} .product-tool-delete{color:#ef4444} .product-badges{position:absolute;top:8px;left:8px;z-index:2;display:flex;gap:4px;flex-wrap:wrap;max-width:calc(100% - 16px)} .badge-destacado{background:#f59e0b;color:#fff;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:800;line-height:1.4;white-space:nowrap} .badge-oferta{background:#ef4444;color:#fff;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:800;line-height:1.4;white-space:nowrap} .badge-off{background:#16a34a;color:#fff;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:800;line-height:1.4;white-space:nowrap} .badge-sin-stock{background:#64748b;color:#fff;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:800;line-height:1.4;white-space:nowrap;position:absolute;top:8px;right:8px;z-index:2} .out-of-stock .store-product-cover{opacity:.6} .btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none} .store-badge,.badge-type,.badge-cat,.file-type-badge,.store-doc-count{display:none} .price-original{font-size:11px;color:#94a3b8;text-decoration:line-through;font-weight:600;line-height:1.2;display:block} .store-product h3,.product-body h3,.carousel-body h3{margin:0;color:var(--text);font-size:14px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.7em} .store-product p,.product-body p,.carousel-body p{margin:0;color:var(--muted);font-size:12px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .store-actions,.price-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:8px;border-top:1px solid var(--border)} .store-price,.price{font-weight:800;font-size:16px;color:var(--primary);white-space:nowrap} .file-type-badge{position:absolute;bottom:8px;right:8px;background:rgba(15,23,42,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:800;line-height:1.4;border:1px solid rgba(255,255,255,.18);pointer-events:none} .file-type-badge.file-type-pdf{background:rgba(239,68,68,.82)} .file-type-badge.file-type-word{background:rgba(37,99,235,.82)} .file-type-badge.file-type-ppt{background:rgba(249,115,22,.82)} .file-type-badge.file-type-excel{background:rgba(22,163,74,.82)} .file-type-badge.file-type-zip{background:rgba(124,58,237,.82)} .store-empty{display:none;background:#fff;border:1px dashed #cbd5e1;border-radius:20px;padding:30px;text-align:center;color:#64748b;font-weight:800} .cart-btn{position:relative}.cart-count{position:absolute;top:-8px;right:-8px;min-width:22px;height:22px;border-radius:999px;background:var(--danger);color:#fff;font-size:12px;display:grid;place-items:center;font-weight:950;border:2px solid #fff} .cart-item{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;border:1px solid var(--border);background:#fff;border-radius:16px;padding:12px}.cart-thumb{width:54px;height:54px;border-radius:14px;background:#eef7ff;display:grid;place-items:center;font-size:25px;overflow:hidden}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-item h3{margin:0 0 4px;font-size:15px;color:#0f172a}.cart-item p{margin:0;color:#64748b;font-size:13px}.cart-price{font-weight:950;color:var(--accent-dark)}.cart-total{display:flex;justify-content:space-between;align-items:center;background:#0f172a;color:#fff;border-radius:18px;padding:16px 18px;margin-top:14px;font-weight:950}.checkout-summary{background:#f8fafc;border:1px solid var(--border);border-radius:14px;padding:8px 12px;margin-bottom:8px}.checkout-summary-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px solid #e2e8f0;font-size:13px}.checkout-summary-row:last-child{border-bottom:0;font-weight:900}.payment-box{border:1px solid var(--border);border-radius:14px;padding:10px 12px;background:#fff;margin-top:8px}.payment-options{display:grid;gap:8px}.payment-options label{display:flex;align-items:center;gap:8px;font-weight:800;color:#334155} .pdf-viewer-shell{height:72vh;background:#0f172a;border-radius:22px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.12)} .protected-pdf-frame{width:100%;height:100%;border:0;background:#111827;user-select:none}.protected-pdf-object{width:100%;height:100%;border:0;background:#111827} .pdf-canvas-scroll{height:100%;overflow:auto;padding:24px 16px 86px;background:#111827;display:grid;gap:18px;justify-items:center;position:relative;z-index:1} .pdf-canvas-page{max-width:100%;background:#fff;border-radius:8px;box-shadow:0 18px 48px rgba(0,0,0,.35);display:block;user-select:none;pointer-events:none}.pdf-loading{height:100%;display:grid;place-items:center;color:#e2e8f0;font-weight:900;text-align:center;padding:30px} .pdf-watermark{display:none} /* 🔥 eliminamos watermark HTML duplicado */ .pdf-watermark-grid{position:absolute;inset:-120px;pointer-events:none;z-index:3;background-image:repeating-linear-gradient(-28deg,transparent 0 140px,rgba(255,255,255,.08) 140px 142px,transparent 142px 260px)} .pdf-protected-note{position:absolute;left:14px;right:14px;bottom:14px;z-index:5;background:rgba(15,23,42,.82);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 14px;color:#e2e8f0;font-size:13px;font-weight:800;display:flex;justify-content:space-between;gap:10px;align-items:center}.pdf-empty{height:100%;display:grid;place-items:center;color:#cbd5e1;text-align:center;padding:30px}.pdf-empty strong{display:block;font-size:26px;margin-bottom:8px;color:#fff}.pdf-file-badge{font-size:12px;background:#eef7ff;color:var(--primary-dark);border-radius:999px;padding:6px 10px;font-weight:950;display:inline-block;margin-top:8px} .generic-page{display:none;background:#fff;color:var(--text)} .page-builder-empty{padding:44px 56px;background:#f8fafc;border-top:1px dashed #cbd5e1;text-align:center;color:#64748b;font-weight:800}.page-builder-empty h2{color:#0f172a;margin:0 0 10px}.page-builder-add{padding:24px 56px;background:#f8fafc;border-top:1px dashed #cbd5e1;display:flex;justify-content:center}.page-block-note{background:#f8fafc;border:1px solid var(--border);border-radius:18px;padding:16px;color:#475569;line-height:1.55} .help-trigger-btn{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;color:#3157ff;font-weight:900;font-size:13px;cursor:pointer;margin-left:6px;vertical-align:middle;box-shadow:0 6px 14px rgba(15,23,42,.06)} .help-trigger-btn:hover{border-color:var(--primary);background:var(--primary-light)} .generic-hero{padding:58px 56px;background:linear-gradient(135deg,#0f172a,#1e2f52);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.generic-hero h1{font-size:46px;line-height:1.05;margin:12px 0 14px;letter-spacing:-1.5px}.generic-hero p{font-size:17px;line-height:1.6;color:#cbd5e1;margin:0}.generic-visual{min-height:260px;border-radius:30px;background:radial-gradient(circle at 80% 20%,rgba(34,197,94,.22),transparent 30%),linear-gradient(135deg,#dbeafe,#ede9fe);display:grid;place-items:center;font-size:74px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.2)}.generic-visual img{width:100%;height:100%;object-fit:cover}.generic-content{padding:46px 56px;background:#fff}.generic-layout{display:grid;grid-template-columns:1fr .85fr;gap:28px;align-items:start}.generic-card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:0 14px 34px rgba(15,23,42,.07)}.generic-card h2{margin:0 0 12px;color:#0f172a}.generic-card p{color:#64748b;line-height:1.65}.generic-contact-form{display:grid;gap:12px}.generic-contact-form input,.generic-contact-form textarea,.generic-contact-form select{border:1px solid var(--border);border-radius:14px;padding:12px 14px;font-size:14px}.generic-contact-form textarea{min-height:130px;resize:vertical}.generic-info-list{display:grid;gap:12px;margin-top:16px}.generic-info-item{background:#f8fafc;border:1px solid var(--border);border-radius:16px;padding:14px;color:#334155;font-weight:800}.page-file-badge{font-size:12px;background:#eef7ff;color:var(--primary-dark);border-radius:999px;padding:6px 10px;font-weight:950;display:inline-block;margin-top:8px} .detail-page{display:none;background:#fff;color:var(--text)} .detail-hero{padding:56px;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1fr);gap:30px;align-items:start;background:linear-gradient(180deg,#f8fafc,#fff)} .detail-cover{aspect-ratio:1/1;max-width:440px;width:100%;justify-self:center;border-radius:32px;background:#f1f5f9;display:grid;place-items:center;font-size:86px;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.12)} .detail-cover img{width:100%;height:100%;object-fit:cover} .detail-meta-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:2px} .detail-meta-chip{background:#f1f5f9;color:#475569;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:700} .detail-meta-sku{color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.04em} .detail-gallery{max-width:440px;width:100%;justify-self:center;display:flex;flex-direction:column;gap:10px} .detail-gallery-main{aspect-ratio:1/1;border-radius:32px;background:#f1f5f9;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.12);display:grid;place-items:center;font-size:86px} .detail-gallery-main img{width:100%;height:100%;object-fit:cover;transition:opacity .2s} .detail-emoji{font-size:86px;line-height:1} .detail-gallery-thumbs{display:flex;gap:8px;flex-wrap:wrap} .detail-thumb{width:64px;height:64px;border-radius:12px;overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;background:#f1f5f9;flex-shrink:0;transition:border-color .15s} .detail-thumb.active{border-color:var(--primary)} .detail-thumb:hover{border-color:var(--primary)} .detail-thumb img{width:100%;height:100%;object-fit:cover;display:block} .related-products-section{padding:40px 56px;border-top:1px solid var(--border)} .related-products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px} .detail-info{background:#fff;border:1px solid var(--border);border-radius:28px;padding:28px;box-shadow:0 18px 50px rgba(15,23,42,.08);display:flex;flex-direction:column;gap:12px} .detail-info h1{font-size:36px;line-height:1.08;margin:10px 0 14px;letter-spacing:-1px;color:#0f172a} .detail-info p{font-size:17px;line-height:1.65;color:#64748b;margin:0} .detail-price-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0;flex-wrap:wrap}.detail-price{font-size:34px;font-weight:950;color:var(--accent-dark)}.detail-price-row .store-badge{position:static;transform:none} .detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.detail-section{padding:46px 56px}.detail-description{padding-top:0}.detail-grid{display:grid;grid-template-columns:repeat(var(--detail-cols,4),minmax(240px,1fr));gap:16px}.detail-box{background:#f8fafc;border:1px solid var(--border);border-radius:22px;padding:20px}.detail-box h3{margin:0 0 8px;color:#0f172a}.detail-box p{margin:0;color:#64748b;line-height:1.5}.detail-description-text{white-space:pre-line}.detail-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.detail-list li{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px;font-weight:800;color:#334155} .product-cover{aspect-ratio:1/1;background:#f1f5f9;display:grid;place-items:center;font-size:48px;overflow:hidden;flex:0 0 auto;border-radius:26px 26px 0 0;position:relative} .product-body .store-badge,.store-product-body .store-badge,.carousel-body .store-badge{margin-bottom:0} .product-rating{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;font-size:12px;line-height:1.2;color:#f59e0b;font-weight:900;margin:-3px 0 0;white-space:nowrap} .product-rating-meta{color:#64748b;overflow:hidden;text-overflow:ellipsis} .price-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px;padding-top:0} .product-body .btn,.store-product .btn,.carousel-body .btn{padding:8px 12px;font-size:13px;border-radius:10px} .store-product .btn{box-shadow:none}.store-actions .btn,.price-row .btn{background:#0f172a;color:#fff;border-radius:10px} .carousel-wrap{position:relative} .carousel{display:flex;gap:18px;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 4px 14px;-ms-overflow-style:none;scrollbar-width:none} .carousel::-webkit-scrollbar{display:none} .carousel-card{min-width:272px;max-width:272px;scroll-snap-align:start;border-color:rgba(255,255,255,.12);box-shadow:0 18px 44px rgba(0,0,0,.22)} .carousel-card.service-card{min-width:calc((100% - 54px)/4);max-width:calc((100% - 54px)/4);display:flex;flex-direction:column;aspect-ratio:auto;border-radius:32px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 28px 60px rgba(15,23,42,.24);border:1px solid rgba(255,255,255,.18);overflow:hidden} .product.service-offer-card,.store-product.service-offer-card{display:flex;flex-direction:column;grid-template-rows:none;aspect-ratio:auto;border-radius:30px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 22px 50px rgba(15,23,42,.12);overflow:hidden;min-height:420px} .product.service-offer-card .service-card-head,.store-product.service-offer-card .service-card-head{min-height:116px;padding:16px 18px 14px} .product.service-offer-card .service-card-content,.store-product.service-offer-card .service-card-content{padding:18px 18px 22px;gap:12px} .product.service-offer-card .service-card-summary,.store-product.service-offer-card .service-card-summary{-webkit-line-clamp:4;min-height:6.8em} .product.service-offer-card .service-card-footer,.store-product.service-offer-card .service-card-footer{margin-top:auto} .carousel-cover{aspect-ratio:1/1;background:#f1f5f9;display:grid;place-items:center;font-size:40px;overflow:hidden;border-radius:26px 26px 0 0} .carousel-body{padding:14px;gap:8px} .carousel-body .store-badge{margin-bottom:0} .service-card-head{min-height:108px;padding:16px 18px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;background:radial-gradient(circle at 80% 20%,rgba(34,197,94,.18),transparent 28%),radial-gradient(circle at 18% 18%,rgba(49,87,255,.24),transparent 32%),linear-gradient(135deg,#0f172a,#1d3557);color:#fff;position:relative} .service-card-head::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.34),rgba(255,255,255,0))} .service-card-kicker{font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;color:#bfdbfe;display:block;margin-bottom:10px} .service-card-head strong{display:block;font-size:17px;line-height:1.18;max-width:170px} .service-card-icon{width:64px;height:64px;border-radius:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;font-size:28px;overflow:hidden;flex:0 0 auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)} .service-card-icon img{width:100%;height:100%;object-fit:cover} .service-card-content{padding:16px 18px 22px;display:flex;flex-direction:column;gap:12px;flex:1} .service-card-summary{color:#0f172a!important;font-size:13px;line-height:1.5;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;min-height:7.2em} .service-card-points{display:grid;gap:8px;margin-top:auto} .service-card-point{font-size:12px;font-weight:900;color:#1e3a8a;background:#eef4ff;border:1px solid #dbeafe;border-radius:999px;padding:8px 12px;width:max-content;max-width:100%} .service-card-footer{padding-top:4px;display:flex;align-items:center;justify-content:flex-end;gap:12px} .service-card-btn{background:#0f172a;color:#fff;box-shadow:none} .service-card-btn:hover{background:#1e293b} .price-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .price-plan{position:relative;border:1px solid #dbe4f0;border-radius:30px;background:linear-gradient(180deg,#ffffff,#f8fbff);box-shadow:0 20px 46px rgba(15,23,42,.08);overflow:hidden;display:flex;flex-direction:column;min-height:100%} .price-plan.featured{border-color:var(--primary);box-shadow:0 28px 60px rgba(0,0,0,.14);transform:translateY(-6px)} .price-plan-badge{position:absolute;top:16px;right:18px;background:#0f172a;color:#fff;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase} .price-plan.featured .price-plan-badge{background:var(--primary)} .price-plan-head{padding:26px 24px 18px;background:linear-gradient(180deg,var(--primary-light),#ffffff)} .price-plan-kicker{display:block;font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:10px} .price-plan-title{margin:0;font-size:28px;line-height:1.05;color:var(--text);letter-spacing:-1px} .price-plan-price{display:flex;align-items:flex-end;gap:10px;margin-top:18px} .price-plan-price strong{font-size:38px;line-height:1;color:var(--text);letter-spacing:-1.4px} .price-plan-price span{font-size:13px;font-weight:900;color:var(--muted);padding-bottom:4px} .price-plan-body{padding:0 24px 24px;display:flex;flex-direction:column;gap:16px;flex:1} .price-plan-description{margin:0;color:#475569;line-height:1.65;font-size:14px} .price-plan-includes{margin:0;padding:0;list-style:none;display:grid;gap:10px} .price-plan-includes li{position:relative;padding:12px 14px 12px 40px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;font-weight:800;line-height:1.45} .price-plan-includes li::before{content:"";position:absolute;left:14px;top:12px;width:16px;height:16px;border-radius:999px;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 10px rgba(34,197,94,.24)} .price-plan-includes li::after{content:"";position:absolute;left:20px;top:16px;width:5px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(40deg)} .price-plan-footer{margin-top:auto;padding-top:4px;display:flex;justify-content:flex-start} .price-plan-btn{background:var(--secondary);color:#fff;box-shadow:none} .price-plan.featured .price-plan-btn{background:var(--primary)} .price-plan-btn:hover{filter:brightness(1.04)} .carousel-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px} .carousel-btn{width:38px;height:38px;border-radius:999px;border:1px solid var(--border);background:#fff;cursor:pointer;font-weight:900;box-shadow:0 6px 18px rgba(15,23,42,.08)} .cta-band{background:radial-gradient(circle at 90% 20%,rgba(34,197,94,.22),transparent 28%),linear-gradient(135deg,#0b1020,#152448);color:#fff;padding:58px 56px;display:flex;align-items:center;justify-content:space-between;gap:28px} .cta-band h2{margin:0 0 8px;font-size:30px} .cta-band p{margin:0;color:#cbd5e1;line-height:1.5} .cta-text-box{background:#fff;border-radius:16px;padding:24px 28px;border:2px solid var(--border)} .cta-text-box h2{color:var(--text)} .cta-text-box p{color:var(--muted)} .step-number{width:38px;height:38px;border-radius:14px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:14px} .testimonial p{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 14px}.testimonial strong{color:var(--text)} .faq-list{display:grid;gap:12px} .contact-box{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start} .contact-card p{margin:0 0 12px;line-height:1.6;color:#475569} .contact-info-card{justify-content:flex-start;gap:20px} .contact-info-title{font-size:18px;font-weight:900;color:var(--text);margin:0} .contact-info-list{display:flex;flex-direction:column;gap:16px} .contact-info-row{display:flex;align-items:flex-start;gap:14px} .contact-info-icon{width:40px;height:40px;min-width:40px;background:var(--primary-light);border-radius:10px;display:grid;place-items:center;color:var(--primary)} .contact-info-label{display:block;font-size:11px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px} .contact-info-value{display:block;font-size:15px;font-weight:700;color:var(--text);text-decoration:none} a.contact-info-value:hover{color:var(--primary)} .contact-form{display:grid;gap:10px}.contact-form input,.contact-form textarea{border:1px solid var(--border);border-radius:12px;padding:12px;font-size:14px}.contact-form textarea{min-height:110px;resize:vertical} .footer{border-top:3px solid var(--primary);background-color:#0d1f3c;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'1400'%20height%3D'420'%3E%3Cdefs%3E%3CclipPath%20id%3D%22fc%22%3E%3Crect%20width%3D%221400%22%20height%3D%22365%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23fc)%22%3E%0A%20%20%3Cpolygon%20points%3D'-300%2C-60%20-190%2C-251%2030%2C-251%20140%2C-60%2030%2C131%20-190%2C131'%20fill%3D'none'%20stroke%3D'rgba(49%2C87%2C255%2C0.18)'%20stroke-width%3D'1.5'%2F%3E%0A%20%20%3Cpolygon%20points%3D'345%2C-185%20468%2C-397%20713%2C-397%20835%2C-185%20713%2C27%20468%2C27'%20fill%3D'none'%20stroke%3D'rgba(49%2C87%2C255%2C0.18)'%20stroke-width%3D'1.5'%2F%3E%0A%20%20%3Cpolygon%20points%3D'680%2C380%20745%2C267%20875%2C267%20940%2C380%20875%2C493%20745%2C493'%20fill%3D'none'%20stroke%3D'rgba(49%2C87%2C255%2C0.12)'%20stroke-width%3D'1'%2F%3E%0A%20%20%3Cpolygon%20points%3D'945%2C-115%201038%2C-275%201223%2C-275%201315%2C-115%201223%2C45%201038%2C45'%20fill%3D'none'%20stroke%3D'rgba(49%2C87%2C255%2C0.18)'%20stroke-width%3D'1.5'%2F%3E%0A%20%20%3Cpolygon%20points%3D'1165%2C280%201268%2C102%201473%2C102%201575%2C280%201473%2C458%201268%2C458'%20fill%3D'none'%20stroke%3D'rgba(49%2C87%2C255%2C0.14)'%20stroke-width%3D'1.5'%2F%3E%0A%20%20%3Cpolygon%20points%3D'30%2C560%20190%2C283%20510%2C283%20670%2C560%20510%2C837%20190%2C837'%20fill%3D'none'%20stroke%3D'rgba(49%2C87%2C255%2C0.14)'%20stroke-width%3D'1.5'%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E");background-size:cover;background-repeat:no-repeat;background-position:top center;border-top:1px solid rgba(255,255,255,.08);color:#cbd5e1;padding:48px 40px 0} .footer-inner{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.3fr;gap:32px;padding-bottom:40px;align-items:start;max-width:1200px;margin:0 auto} .footer-brand{display:flex;flex-direction:column;gap:8px;align-items:flex-start} .footer-logo{height:70px;width:auto;object-fit:contain;object-position:left;filter:brightness(0) invert(1);opacity:.9;display:block} .footer-brand-name{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.3px} .footer-desc{font-size:14px;color:#94a3b8;line-height:1.6;margin:0;max-width:280px} .footer-social-row{display:flex;gap:10px;margin-top:4px} .footer-col{display:flex;flex-direction:column;gap:12px} .footer-col-title{font-size:13px;font-weight:700;color:#f1f5f9;text-transform:uppercase;letter-spacing:.1em;padding-bottom:10px;margin-bottom:6px;position:relative;display:inline-block} .footer-col-title::after{content:'';position:absolute;bottom:0;left:0;width:32px;height:2px;background:var(--primary);border-radius:2px} .footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px} .footer-links a{color:#94a3b8;text-decoration:none;font-size:16px;transition:color .2s;display:inline-flex;align-items:center;gap:6px} .footer-links a:hover{color:#fff;padding-left:4px} .footer-contact-item{display:flex;align-items:center;gap:10px;color:#94a3b8;text-decoration:none;font-size:15px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)} .footer-contact-item:last-child{border-bottom:none} .footer-contact-item:hover{color:#f1f5f9} .footer-wa-text{color:#4ade80!important} .fci-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(49,87,255,.2);border-radius:7px;font-size:13px;flex-shrink:0} .footer-form{display:flex;flex-direction:column;gap:10px} .footer-input{background:#cbd5e1!important;border:1px solid #94a3b8;border-radius:8px;padding:10px 14px;color:#1e293b!important;font-size:14px;outline:none;transition:border-color .2s;font-family:inherit} .footer-input::placeholder{color:#64748b} .footer-input:focus{border-color:var(--primary)} .footer-textarea{min-height:90px;resize:vertical;color:#1e293b!important;background:#cbd5e1!important} .footer-send-btn{background:var(--danger);color:#fff;border:none;border-radius:8px;padding:11px 18px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;font-family:inherit} .footer-send-btn:hover{background:#b91c1c} .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:13px;color:#64748b;text-align:center;letter-spacing:.02em;background:#0d1f3c;position:relative;z-index:1} @media(max-width:760px){.hero-img.has-mobile-img{background-image:var(--bg-mobile)!important}.hero.hero-compact.has-mobile-img{background-image:var(--bg-mobile)!important}} .social-btn{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px;text-decoration:none;color:#fff;font-weight:800;box-shadow:0 6px 16px rgba(0,0,0,.2)} .whatsapp{background:#25D366}.facebook{background:#1877F2}.instagram{background:#E1306C} @media(max-width:760px){.footer{padding:36px 20px 0}.footer-inner{grid-template-columns:1fr;gap:28px}} .add-section-bar{padding:24px 56px;background:#f8fafc;border-top:1px dashed #cbd5e1;display:flex;justify-content:center} .add-section-btn{border:2px dashed #94a3b8;background:#fff;border-radius:18px;padding:18px 28px;font-weight:900;color:#334155;cursor:pointer} .add-section-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)} .modal-backdrop{position:fixed;inset:0;background:radial-gradient(circle at top,rgba(49,87,255,.16),transparent 24%),rgba(2,6,23,.66);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:200;padding:10px} .modal-backdrop.active{display:flex} .modal{width:min(1320px,92vw);max-height:96vh;background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid rgba(255,255,255,.7);border-radius:30px;box-shadow:0 40px 120px rgba(0,0,0,.34);overflow:hidden;display:flex;flex-direction:column} .loading-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.56);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:260;padding:18px} .loading-backdrop.active{display:flex} .loading-card{width:min(420px,92vw);background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid rgba(255,255,255,.72);border-radius:28px;box-shadow:0 36px 100px rgba(0,0,0,.3);padding:28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px} .loading-spinner{width:54px;height:54px;border-radius:50%;border:4px solid #dbe4ff;border-top-color:var(--primary);animation:loading-spin .9s linear infinite} .loading-title{font-size:22px;font-weight:950;color:#0f172a;letter-spacing:-.02em} .loading-text{font-size:14px;line-height:1.55;color:#64748b;font-weight:700;max-width:32ch} @keyframes loading-spin{to{transform:rotate(360deg)}} .modal-header{padding:12px 18px;border-bottom:1px solid rgba(226,232,240,.9);display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(180deg,#f8fbff,#ffffff)} .modal-header--tabs{padding:8px 12px;gap:10px;align-items:center} .modal-title-tabs{display:flex;gap:5px;flex-wrap:wrap;flex:1;align-items:center} .modal-title-tabs .page-builder-tab{padding:5px 10px;font-size:12px;border-radius:999px} .password-field-wrap{position:relative;display:flex;align-items:center} .password-field-wrap input{flex:1;padding-right:42px} .password-eye-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;font-size:17px;color:#94a3b8;padding:4px;line-height:1;flex-shrink:0} .password-eye-btn:hover{color:#3157ff} .modal-title{font-size:18px;font-weight:950;margin:0;letter-spacing:-.3px}.modal-body{padding:10px 14px;overflow:auto;background:linear-gradient(180deg,rgba(248,250,252,.72),rgba(255,255,255,.96))} /* 🔥 FIX: evitar doble scroll en visor PDF */ .modal-body:has(.pdf-viewer-shell){ overflow:hidden; padding:0; }.modal-footer{padding:8px 14px;border-top:1px solid rgba(226,232,240,.92);display:flex;justify-content:flex-end;gap:6px;align-items:center;background:linear-gradient(180deg,#ffffff,#f8fafc)} .modal-footer .btn,.modal-body .btn{padding:7px 12px;font-size:12px;border-radius:10px} .modal-body:has(.admin-layout){padding:0;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column} .admin-layout{display:flex;flex:1;min-height:0;overflow:hidden} .admin-sidebar{width:220px;flex-shrink:0;border-right:1px solid var(--border);background:#f8fafc;overflow-y:auto;padding:8px 0} .admin-nav-group{border-bottom:1px solid #f1f5f9} .admin-nav-group-header{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;padding:10px 14px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;cursor:pointer;transition:background .1s,color .1s;text-align:left} .admin-nav-group-header:hover{background:#f1f5f9;color:#334155} .admin-nav-group-header.has-active{color:var(--primary)} .admin-nav-group-icon{font-size:15px;line-height:1;flex-shrink:0} .admin-nav-group-text{flex:1} .admin-nav-chevron{font-size:9px;opacity:.5} .admin-nav-items{padding:2px 0 6px} .admin-nav-item{display:block;width:100%;text-align:left;background:none;border:none;border-left:3px solid transparent;padding:7px 14px 7px 38px;font-size:13px;color:#475569;cursor:pointer;transition:background .1s,color .1s} .admin-nav-item:hover{background:#f1f5f9;color:#0f172a} .admin-nav-item.active{background:#eff6ff;color:var(--primary);font-weight:700;border-left-color:var(--primary)} .admin-content{flex:1;overflow-y:auto;padding:16px 18px;min-width:0} .close-btn{width:32px;height:32px;border-radius:999px;border:1px solid #dbe4f0;background:#fff;cursor:pointer;font-weight:900;box-shadow:0 4px 10px rgba(15,23,42,.08);font-size:14px} .close-btn:hover{background:var(--primary-light);color:var(--primary)} .field{margin-bottom:16px} .field label{display:block;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;color:#475569} .product-editor-card .field label{font-size:10px;letter-spacing:.05em;margin-bottom:5px} .field input,.field textarea,.field select,.product-editor-grid input,.product-editor-grid textarea,.product-editor-grid select,.slider-editor-grid input,.slider-editor-grid textarea,.slider-editor-grid select,.item-editor-grid input,.item-editor-grid textarea,.item-editor-grid select,.generic-contact-form input,.generic-contact-form textarea,.generic-contact-form select,.contact-form input,.contact-form textarea{ width:100%; border:1px solid #d8e2f0; border-radius:16px; padding:13px 14px; outline:none; font-size:14px; background:linear-gradient(180deg,#ffffff,#fbfdff); color:#172033; box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px rgba(15,23,42,.04); transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .field input:focus,.field textarea:focus,.field select:focus,.product-editor-grid input:focus,.product-editor-grid textarea:focus,.product-editor-grid select:focus,.slider-editor-grid input:focus,.slider-editor-grid textarea:focus,.slider-editor-grid select:focus,.item-editor-grid input:focus,.item-editor-grid textarea:focus,.item-editor-grid select:focus,.generic-contact-form input:focus,.generic-contact-form textarea:focus,.generic-contact-form select:focus,.contact-form input:focus,.contact-form textarea:focus{ border-color:#7c9bff; box-shadow:0 0 0 4px rgba(49,87,255,.12),0 12px 28px rgba(49,87,255,.08); transform:translateY(-1px); } .field textarea,.product-editor-grid textarea,.slider-editor-grid textarea,.item-editor-grid textarea,.generic-contact-form textarea,.contact-form textarea{min-height:110px;resize:vertical} .modal-body input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]), .modal-body textarea, .modal-body select{padding:8px 10px;font-size:13px;border-radius:10px} .modal-body textarea{min-height:80px} .modal-body .field label{font-size:11px;margin-bottom:5px} .modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.item-editor-list{display:grid;gap:12px}.item-editor{border:1px solid var(--border);background:#f8fafc;border-radius:16px;padding:12px}.item-editor-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-weight:900;font-size:13px}.item-editor-grid{display:grid;gap:8px}.item-image-preview{width:64px;height:64px;border-radius:14px;background:#e2e8f0;object-fit:cover;display:block;margin-bottom:8px}.mini-btn{border:1px solid var(--border);background:#fff;border-radius:10px;padding:7px 9px;cursor:pointer;font-size:12px;font-weight:800}.section-list-modal{display:grid;gap:10px}.section-row-modal{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;border:1px solid var(--border);background:#f8fafc;border-radius:14px;padding:12px}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.page-builder-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.page-builder-tab{border:1px solid var(--border);background:#fff;border-radius:999px;padding:9px 13px;font-weight:900;cursor:pointer}.page-builder-tab.active{background:#0f172a;color:#fff;border-color:#0f172a}.page-manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.page-manager-box{border:1px solid var(--border);border-radius:18px;background:#f8fafc;padding:14px}.menu-check-row{display:flex;align-items:center;gap:10px;font-weight:900;color:#334155}.menu-check-row input{width:auto}.page-design-select{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px;background:#fff;font-weight:800}.page-status-pill{font-size:12px;border-radius:999px;padding:5px 9px;font-weight:950;background:#e0f2fe;color:#0369a1} .media-library-overlay{position:fixed;inset:0;background:rgba(15,23,42,.54);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:420;padding:22px} .media-library-overlay.active{display:flex} .media-library-dialog{width:min(1120px,96vw);max-height:88vh;overflow:hidden;border-radius:28px;background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid rgba(255,255,255,.8);box-shadow:0 34px 100px rgba(15,23,42,.28)} .media-library-shell{max-height:88vh;overflow:auto;padding:22px} .media-library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap} .media-library-stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px} .media-library-stat{min-width:120px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:12px 14px;box-shadow:0 10px 24px rgba(15,23,42,.05)} .media-library-stat strong{display:block;font-size:22px;color:#0f172a} .media-library-stat span{display:block;font-size:12px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.06em} .media-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px} .media-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px} .media-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px} .media-filter-chip{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer;font-size:12px;font-weight:900;color:#334155;box-shadow:0 6px 14px rgba(15,23,42,.05)} .media-filter-chip.active{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 12px 24px rgba(15,23,42,.14)} .media-library-toolbar-note{font-size:12px;color:#64748b;font-weight:800} .media-library-card{position:relative;border:1px solid var(--border);background:#fff;border-radius:22px;padding:14px;box-shadow:0 12px 28px rgba(15,23,42,.06);display:flex;flex-direction:column;gap:12px} .media-library-card.selected{border-color:#2563eb;box-shadow:0 16px 34px rgba(37,99,235,.16)} .media-library-check{position:absolute;top:12px;right:12px;z-index:2;width:22px;height:22px;accent-color:#2563eb;cursor:pointer} .media-library-preview{display:flex;align-items:center;justify-content:center;min-height:150px;border-radius:18px;background:#f8fafc;overflow:hidden} .media-library-thumb{width:100%;height:150px;object-fit:cover;display:block} .media-library-doc-thumb{width:100%;min-height:150px;border-radius:18px;background:linear-gradient(180deg,#fff6f6,#fee2e2);border:1px solid rgba(185,28,28,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;color:#991b1b} .media-library-doc-thumb strong{font-size:28px;letter-spacing:.08em} .media-library-doc-thumb span{font-size:12px;font-weight:800;line-height:1.4;color:#7f1d1d;word-break:break-word} .media-library-meta{display:grid;gap:4px} .media-library-meta strong{font-size:14px;color:#0f172a;word-break:break-word} .media-library-meta span{font-size:12px;color:#64748b;font-weight:700;word-break:break-word} .media-library-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto} .item-editor-list{display:grid;gap:14px} .item-editor{border:1px solid #dbe4f0;background:linear-gradient(180deg,#ffffff,#f8fafc);border-radius:22px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.05)} .item-editor-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-weight:950;font-size:13px;color:#0f172a} .mini-btn{border:1px solid #dbe4f0;background:#fff;border-radius:12px;padding:8px 10px;cursor:pointer;font-size:12px;font-weight:900;box-shadow:0 6px 14px rgba(15,23,42,.05)} .mini-btn:hover{background:#eef4ff;color:var(--primary)} .section-row-modal,.page-manager-box{border-radius:20px} .checkout-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px} .checkout-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:4px} .checkout-1col{display:grid;grid-template-columns:minmax(0,360px);gap:6px;margin-top:4px} .checkout-col{display:flex;flex-direction:column;gap:6px} .checkout-col-label{font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;color:#64748b;margin-bottom:1px} .checkout-delivery-toggle{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:8px;width:fit-content} .checkout-delivery-btn{border:none;background:transparent;padding:7px 22px;font-weight:900;font-size:12px;cursor:pointer;color:#64748b;transition:background .15s,color .15s} .checkout-delivery-btn.active{background:#0f172a;color:#fff} .modal-body .checkout-col input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),.modal-body .checkout-col select{padding:5px 8px;font-size:12px} .modal-body .checkout-col .field label{font-size:10px;margin-bottom:2px} .checkout-summary-total-row{align-items:center;gap:10px;border-bottom:0!important} .checkout-coupon-inline{display:flex;gap:5px;align-items:center} .checkout-coupon-inline input{width:160px;flex:none;padding:4px 8px!important;font-size:11px!important;border-radius:8px!important} .checkout-coupon-inline .btn{padding:3px 8px!important;font-size:11px!important;white-space:nowrap} .checkout-total-label{white-space:nowrap;font-size:13px;font-weight:900;padding-left:8px;flex:1;text-align:right} @media(max-width:720px){.checkout-3col{grid-template-columns:1fr 1fr}} @media(max-width:500px){.checkout-3col,.checkout-2col{grid-template-columns:1fr}} .price-list-editor-card{border:1px solid #dbe4f0;background:linear-gradient(180deg,#ffffff,#f8fbff);border-radius:24px;padding:16px;box-shadow:0 12px 30px rgba(15,23,42,.06)} .price-list-editor-card strong{display:block;font-size:18px;color:#0f172a} .price-list-editor-card p{margin:8px 0 0;color:#64748b;line-height:1.55} .price-list-editor-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap} .price-list-editor-price{font-size:24px;font-weight:950;color:#0f172a} .price-list-modal-shell{display:none;position:fixed;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(8px);z-index:260;align-items:center;justify-content:center;padding:20px} .price-list-modal-shell.active{display:flex} .price-list-modal-card{width:min(680px,94vw);max-height:84vh;overflow:auto;border-radius:28px;background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid rgba(255,255,255,.8);box-shadow:0 34px 100px rgba(15,23,42,.28);padding:24px} .product-editor-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:14px;box-shadow:0 8px 22px rgba(15,23,42,.06)} .product-editor-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-weight:950;color:#0f172a} .product-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px} .product-editor-grid .full{grid-column:1/-1} .product-editor-grid input,.product-editor-grid textarea,.product-editor-grid select{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:14px;background:#fff} .product-editor-grid textarea{min-height:72px;resize:vertical} .product-editor-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:10px} .product-editor-preview{width:58px;height:58px;border-radius:14px;background:#eef7ff;display:grid;place-items:center;font-size:28px;overflow:hidden;flex:0 0 auto} .product-editor-preview img{width:100%;height:100%;object-fit:cover} .product-pdf-list{display:grid;gap:10px;margin-top:10px} .product-pdf-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid var(--border);background:#f8fafc;border-radius:16px;padding:12px} .product-pdf-thumb{width:62px;height:82px;border-radius:14px;background:linear-gradient(180deg,#fff6f6 0%,#fee2e2 100%);color:#b91c1c;display:grid;place-items:center;font-weight:900;font-size:12px;flex:0 0 auto;overflow:hidden;position:relative;border:1px solid rgba(185,28,28,.14);box-shadow:0 8px 18px rgba(15,23,42,.08)} .product-pdf-thumb img,.product-pdf-thumb canvas{width:100%;height:100%;display:block;object-fit:cover} .product-pdf-thumb span{letter-spacing:.08em} .product-pdf-meta strong{display:block;color:#0f172a;font-size:13px} .product-pdf-meta span{display:block;color:#64748b;font-size:12px;margin-top:2px} .product-pdf-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end} .slider-editor-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:14px;box-shadow:0 8px 22px rgba(15,23,42,.06)} .slider-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-weight:950;color:#0f172a} .slider-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px} .slider-editor-grid .full{grid-column:1/-1} .slider-editor-grid input,.slider-editor-grid textarea,.slider-editor-grid select{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:14px;background:#fff} .slider-editor-grid textarea{min-height:72px;resize:vertical} .slider-editor-preview{height:110px;border-radius:16px;background:linear-gradient(135deg,#dbeafe,#ede9fe);background-size:contain;background-position:center;background-repeat:no-repeat;display:grid;place-items:center;color:#334155;font-weight:950;overflow:hidden;margin-bottom:10px} .slider-editor-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} .upload-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px} .upload-btn{border:1px solid var(--border);background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font-size:12px;font-weight:900;color:#334155} .upload-btn:hover{background:#eef7ff;color:var(--primary)} .upload-note{font-size:12px;color:#64748b;font-weight:800} .field input[type="checkbox"],.field input[type="radio"]{width:auto;border:none;box-shadow:none;background:none;padding:0;border-radius:0;transform:none} .product-img-gallery{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;min-height:0} .product-img-thumb{width:80px;flex-shrink:0;display:flex;flex-direction:column;align-items:stretch} .product-img-thumb-img{position:relative;width:80px;height:80px;border-radius:8px 8px 0 0;overflow:hidden;border:1.5px solid var(--border);border-bottom:none;flex-shrink:0} .product-img-thumb img{width:100%;height:100%;object-fit:cover;display:block} .product-img-remove{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:rgba(15,23,42,.65);color:#fff;border:none;cursor:pointer;font-size:11px;padding:0;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .12s} .product-img-remove:hover{background:#ef4444} .product-img-cover-label{display:flex;align-items:center;justify-content:center;gap:4px;padding:3px 2px;background:#f1f5f9;border:1.5px solid var(--border);border-top:none;border-radius:0 0 8px 8px;cursor:pointer;transition:background .12s} .product-img-cover-label:has(input:checked){background:var(--primary);border-color:var(--primary)} .product-img-cover-label:has(input:checked) span{color:#fff} .product-img-cover-label input{margin:0;width:11px;height:11px;accent-color:#3b82f6;cursor:pointer;flex-shrink:0} .product-img-cover-label span{font-size:9px;color:#475569;font-weight:900;letter-spacing:.04em;line-height:1} .product-img-cover-badge{display:flex;align-items:center;justify-content:center;padding:3px 2px;background:var(--primary);border:1.5px solid var(--primary);border-top:none;border-radius:0 0 8px 8px;font-size:9px;color:#fff;font-weight:900;letter-spacing:.04em} .product-img-dropzone{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1.5px dashed var(--border);border-radius:10px;padding:8px 10px;background:#fafbfc;transition:border-color .15s,background .15s} .product-img-dropzone.drag-over{border-color:var(--primary);background:#eff6ff} .variant-row{display:grid;grid-template-columns:2fr 80px 80px 60px 28px;gap:4px 6px;align-items:center} .variant-row input{padding:6px 8px;border:1px solid var(--border);border-radius:8px;font-size:12px;background:#fff} .variant-selector-wrap{margin:12px 0} .variant-selector-label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#475569;margin-bottom:6px} .variant-select{width:100%;max-width:320px;border:1.5px solid var(--border);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700;background:#fff;color:#0f172a;cursor:pointer;transition:border-color .15s} .variant-select:focus{outline:none;border-color:var(--primary)} .toast{position:fixed;bottom:18px;right:18px;background:#0f172a;color:#fff;padding:12px 16px;border-radius:14px;box-shadow:0 12px 30px rgba(15,23,42,.25);display:none;z-index:300} .slide-popover{position:fixed;z-index:9999;width:300px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.18);overflow:hidden;font-family:inherit} .sp-head{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid #e2e8f0;background:#f8fafc} #spLabel{font-size:13px;font-weight:600;color:#0f172a} .sp-x{border:none;background:none;font-size:22px;line-height:1;cursor:pointer;color:#64748b;padding:0 2px} .sp-body{padding:12px 13px;display:flex;flex-direction:column;gap:9px} .sp-body label{font-size:12px;color:#64748b;margin:0 0 3px;display:block;font-weight:500} .sp-body input[type="text"],.sp-body textarea,.sp-body select{width:100%;padding:6px 9px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-family:inherit;color:#0f172a;box-sizing:border-box;outline:none} .sp-body input[type="text"]:focus,.sp-body textarea:focus,.sp-body select:focus{border-color:var(--primary)} .sp-body textarea{min-height:68px;resize:vertical} .sp-foot{padding:9px 13px;border-top:1px solid #e2e8f0} .editable-el{cursor:pointer;outline:2px dashed transparent;border-radius:3px;transition:outline-color .15s} .editable-el:hover{outline-color:rgba(49,87,255,.5);outline-offset:3px} .whatsapp-float{position:fixed;right:22px;bottom:92px;width:64px;height:64px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff;text-decoration:none;box-shadow:0 16px 32px rgba(0,0,0,.28);z-index:60;transition:.2s;border:4px solid #fff}.whatsapp-float:hover{transform:scale(1.08)} /* Inventario */ .inv-table{width:100%;border-collapse:collapse;font-size:13px} .inv-table th{padding:6px 8px;font-size:11px;text-align:left;color:#475569;border-bottom:2px solid var(--border);white-space:nowrap} .inv-table td{padding:6px 8px;border-bottom:1px solid var(--border);vertical-align:middle} .inv-name{font-weight:600;max-width:220px} .inv-sku{color:#94a3b8;font-size:12px;white-space:nowrap} .inv-cat{color:#64748b;font-size:12px} .inv-stock{width:100px} .inv-input{width:60px;padding:4px 6px;border:1px solid var(--border);border-radius:6px;font-size:13px;text-align:center;box-sizing:border-box} .inv-input:focus{outline:none;border-color:var(--primary)} .inv-zero .inv-input{border-color:#ef4444;background:#fef2f2} .inv-low .inv-input{border-color:#f59e0b;background:#fffbeb} .inv-badge-zero{font-size:11px;font-weight:700;color:#ef4444;background:#fef2f2;padding:2px 8px;border-radius:20px;white-space:nowrap} .inv-badge-low{font-size:11px;font-weight:700;color:#d97706;background:#fffbeb;padding:2px 8px;border-radius:20px;white-space:nowrap} .inv-variant-row td{background:#f8fafc} .inv-product-row td{font-weight:700;background:#f1f5f9} .inv-price{color:#334155;font-size:13px;white-space:nowrap} .inv-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px} .inv-search{flex:1;min-width:180px;padding:6px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px} .inv-search:focus{outline:none;border-color:var(--primary)} .inv-summary{display:flex;gap:6px;flex-wrap:wrap;align-items:center} .inv-sum{font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px} .inv-sum-zero{color:#ef4444;background:#fef2f2} .inv-sum-low{color:#d97706;background:#fffbeb} .inv-sum-ok{color:#16a34a;background:#f0fdf4} .inv-sum-inf{color:#64748b;background:#f1f5f9} .inv-cat-select{padding:6px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px;background:#fff;cursor:pointer} .inv-thumb{width:56px;padding:4px 6px} .inv-thumb-wrap{width:44px;height:44px;border-radius:8px;overflow:hidden;cursor:pointer;background:#f1f5f9;display:flex;align-items:center;justify-content:center;transition:.15s} .inv-thumb-wrap:hover{opacity:.8;box-shadow:0 0 0 2px var(--primary)} .inv-thumb-img{width:44px;height:44px;object-fit:cover;display:block} .inv-thumb-placeholder{font-size:20px;line-height:1} .inv-img-popover{position:fixed;z-index:9100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.18);padding:14px;width:220px} .inv-img-pop-preview{text-align:center;margin-bottom:4px} .inv-img-drop-zone{border:2px dashed #e2e8f0;border-radius:8px;padding:6px;transition:.15s;cursor:default} .inv-img-drop-zone.inv-drop-active{border-color:var(--primary);background:#f0f7ff} /* Columnas tipo Divi */ .divi-columns-wrap{display:grid;gap:22px;align-items:stretch} .divi-layout-1{grid-template-columns:1fr} .divi-layout-2{grid-template-columns:1fr 1fr} .divi-layout-3{grid-template-columns:repeat(3,1fr)} .divi-layout-4{grid-template-columns:repeat(4,1fr)} .divi-layout-70-30{grid-template-columns:7fr 3fr} .divi-layout-30-70{grid-template-columns:3fr 7fr} .divi-column-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,.07);min-height:150px} .divi-column-card h3{margin:0 0 8px;color:#0f172a;font-size:20px} .divi-column-card p{margin:0;color:#64748b;line-height:1.55} .divi-col-icon{font-size:34px;display:block;margin-bottom:12px;line-height:1} .divi-col-media{display:block;margin-bottom:16px;width:72px;height:72px;border-radius:10px;overflow:hidden;background:#eef7ff;box-shadow:0 10px 24px rgba(15,23,42,.08)} .divi-col-media img{width:100%;height:100%;object-fit:cover;display:block} .divi-col-format-icon{display:block;margin-bottom:16px;width:72px;height:72px} .divi-col-format-icon svg{width:72px;height:72px;display:block} .divi-col-has-format-icon{align-items:flex-start} .divi-col-clickable{transition:.18s ease;cursor:pointer}.divi-col-clickable:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(15,23,42,.13);border-color:#93c5fd} .divi-col-cta-hint{margin-top:auto;padding-top:12px;font-size:.8rem;font-weight:800;color:var(--primary);display:block} /* ══════════════════════════════════════════ FONDOS DE SECCIÓN — prefijo [data-theme] para ganar sobre reglas de tema (especificidad 0,1,2) ══════════════════════════════════════════ */ /* CTA dentro de secciones con fondo propio no dobla el fondo */ [data-theme] .section-bg-warm .cta-band, [data-theme] .section-bg-soft .cta-band, [data-theme] .section-bg-light-blue .cta-band, [data-theme] .section-bg-dark .cta-band{background:none} /* ── SUAVE: fondo del tema ── */ [data-theme] .section.section-bg-soft{background:var(--bg)} [data-theme] .section-bg-soft .card, [data-theme] .section-bg-soft .step, [data-theme] .section-bg-soft .faq-item, [data-theme] .section-bg-soft .divi-column-card, [data-theme] .section-bg-soft .contact-card, [data-theme] .section-bg-soft .price-plan, [data-theme] .section-bg-soft .carousel-card, [data-theme] .section-bg-soft .product, [data-theme] .section-bg-soft .store-product{background:var(--card)} [data-theme] .section-bg-soft .product-body, [data-theme] .section-bg-soft .store-product-body{background:var(--card)} /* ── ACENTO: tono claro del primario ── */ [data-theme] .section.section-bg-light-blue{background:var(--primary-light);color:var(--text)} [data-theme] .section-bg-light-blue .section-head h2, [data-theme] .section-bg-light-blue h2, [data-theme] .section-bg-light-blue h3{color:var(--primary)} [data-theme] .section-bg-light-blue .section-head p, [data-theme] .section-bg-light-blue p{color:var(--muted)} [data-theme] .section-bg-light-blue .card, [data-theme] .section-bg-light-blue .step, [data-theme] .section-bg-light-blue .faq-item, [data-theme] .section-bg-light-blue .divi-column-card, [data-theme] .section-bg-light-blue .contact-card, [data-theme] .section-bg-light-blue .price-plan, [data-theme] .section-bg-light-blue .carousel-card, [data-theme] .section-bg-light-blue .product, [data-theme] .section-bg-light-blue .store-product{background:var(--card);border-color:var(--border)} [data-theme] .section-bg-light-blue .product-body, [data-theme] .section-bg-light-blue .store-product-body{background:var(--card)} [data-theme] .section-bg-light-blue .card h3, [data-theme] .section-bg-light-blue .step h3, [data-theme] .section-bg-light-blue .faq-item h3, [data-theme] .section-bg-light-blue .divi-column-card h3, [data-theme] .section-bg-light-blue .product-body h3, [data-theme] .section-bg-light-blue .store-product-body h3{color:var(--primary)} [data-theme] .section-bg-light-blue .card p, [data-theme] .section-bg-light-blue .step p, [data-theme] .section-bg-light-blue .faq-item p, [data-theme] .section-bg-light-blue .divi-column-card p{color:var(--muted)} [data-theme] .section-bg-light-blue .step-number{background:var(--primary);color:#fff;border:none} [data-theme] .section-bg-light-blue .card-icon{background:var(--primary-light);color:var(--primary)} [data-theme] .section-bg-light-blue .contact-info-icon{background:var(--primary-light);color:var(--primary)} [data-theme] .section-bg-light-blue .price, [data-theme] .section-bg-light-blue .store-price{color:var(--primary)} [data-theme] .section-bg-light-blue .price-row .btn, [data-theme] .section-bg-light-blue .store-actions .btn{background:var(--primary);color:#fff} [data-theme] .section-bg-light-blue .price-plan-price strong{color:var(--primary)} [data-theme] .section-bg-light-blue .price-plan-title{color:var(--text)} /* ── CÁLIDO: crema universal ── */ [data-theme] .section.section-bg-warm{background:#fefce8;color:#1c1917} [data-theme] .section-bg-warm .section-head h2, [data-theme] .section-bg-warm h2, [data-theme] .section-bg-warm h3{color:#1c1917} [data-theme] .section-bg-warm .section-head p, [data-theme] .section-bg-warm p{color:#44403c} [data-theme] .section-bg-warm .card, [data-theme] .section-bg-warm .faq-item, [data-theme] .section-bg-warm .divi-column-card, [data-theme] .section-bg-warm .contact-card, [data-theme] .section-bg-warm .price-plan, [data-theme] .section-bg-warm .carousel-card, [data-theme] .section-bg-warm .product, [data-theme] .section-bg-warm .store-product{background:#fffbeb;border-color:#fde68a} [data-theme] .section-bg-warm .product-body, [data-theme] .section-bg-warm .store-product-body{background:#fffbeb} [data-theme] .section-bg-warm .step{background:#fff;border:2px solid #fb923c} [data-theme] .section-bg-warm .cta-text-box{background:#fff;border-color:#fb923c} [data-theme] .section-bg-warm .card h3, [data-theme] .section-bg-warm .step h3, [data-theme] .section-bg-warm .faq-item h3, [data-theme] .section-bg-warm .divi-column-card h3, [data-theme] .section-bg-warm .product-body h3, [data-theme] .section-bg-warm .store-product-body h3{color:#1c1917} [data-theme] .section-bg-warm .card p, [data-theme] .section-bg-warm .step p, [data-theme] .section-bg-warm .faq-item p, [data-theme] .section-bg-warm .divi-column-card p{color:#57534e} [data-theme] .section-bg-warm .step-number{background:#fef3c7;color:#92400e;border:none} [data-theme] .section-bg-warm .card-icon{background:#fef3c7;color:#92400e} [data-theme] .section-bg-warm .contact-info-icon{background:#fef3c7;color:#92400e} [data-theme] .section-bg-warm .contact-info-title, [data-theme] .section-bg-warm .contact-info-value{color:#1c1917} [data-theme] .section-bg-warm .price, [data-theme] .section-bg-warm .store-price{color:#92400e} [data-theme] .section-bg-warm .price-row .btn, [data-theme] .section-bg-warm .store-actions .btn{background:#92400e;color:#fff} [data-theme] .section-bg-warm .contact-form input, [data-theme] .section-bg-warm .contact-form textarea{background:#fffbeb;border-color:#fde68a;color:#1c1917} [data-theme] .section-bg-warm .btn-outline{border-color:#92400e;color:#92400e} /* ── OSCURO: secondary del tema ── */ [data-theme] .section.section-bg-dark{background:var(--secondary);color:#e2e8f0} [data-theme] .section-bg-dark .section-head h2, [data-theme] .section-bg-dark h2, [data-theme] .section-bg-dark h3{color:#f1f5f9} [data-theme] .section-bg-dark .section-head p, [data-theme] .section-bg-dark p{color:#94a3b8} [data-theme] .section-bg-dark .card, [data-theme] .section-bg-dark .step, [data-theme] .section-bg-dark .faq-item, [data-theme] .section-bg-dark .divi-column-card, [data-theme] .section-bg-dark .contact-card, [data-theme] .section-bg-dark .price-plan, [data-theme] .section-bg-dark .carousel-card, [data-theme] .section-bg-dark .product, [data-theme] .section-bg-dark .store-product{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.10)} [data-theme] .section-bg-dark .product-body, [data-theme] .section-bg-dark .store-product-body{background:transparent} [data-theme] .section-bg-dark .card h3, [data-theme] .section-bg-dark .step h3, [data-theme] .section-bg-dark .faq-item h3, [data-theme] .section-bg-dark .divi-column-card h3, [data-theme] .section-bg-dark .product-body h3, [data-theme] .section-bg-dark .store-product-body h3{color:#f1f5f9} [data-theme] .section-bg-dark .card p, [data-theme] .section-bg-dark .step p, [data-theme] .section-bg-dark .faq-item p, [data-theme] .section-bg-dark .divi-column-card p{color:#94a3b8} [data-theme] .section-bg-dark .step-number{background:rgba(255,255,255,.18);color:rgba(255,255,255,.9);border:none} [data-theme] .section-bg-dark .card-icon{background:rgba(255,255,255,.14);color:rgba(255,255,255,.9)} [data-theme] .section-bg-dark .contact-info-icon{background:rgba(255,255,255,.14);color:rgba(255,255,255,.9)} [data-theme] .section-bg-dark .contact-info-title{color:#f1f5f9} [data-theme] .section-bg-dark .contact-info-label{color:#94a3b8} [data-theme] .section-bg-dark .contact-info-value{color:#e2e8f0} [data-theme] .section-bg-dark a.contact-info-value{color:rgba(255,255,255,.8)} [data-theme] .section-bg-dark .contact-form input, [data-theme] .section-bg-dark .contact-form textarea{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#f1f5f9} [data-theme] .section-bg-dark .contact-form input::placeholder, [data-theme] .section-bg-dark .contact-form textarea::placeholder{color:rgba(255,255,255,.35)} [data-theme] .section-bg-dark .price, [data-theme] .section-bg-dark .store-price{color:rgba(255,255,255,.9)} [data-theme] .section-bg-dark .price-row, [data-theme] .section-bg-dark .price-row{border-color:rgba(255,255,255,.12)} [data-theme] .section-bg-dark .price-row .btn, [data-theme] .section-bg-dark .store-actions .btn{background:rgba(255,255,255,.15);color:#f1f5f9;box-shadow:none} [data-theme] .section-bg-dark .file-type-badge{background:rgba(255,255,255,.15);color:#f1f5f9} [data-theme] .section-bg-dark .store-doc-count{color:#94a3b8} [data-theme] .section-bg-dark .store-badge{background:rgba(255,255,255,.15);color:rgba(255,255,255,.85)} [data-theme] .section-bg-dark .price-plan-head{background:rgba(255,255,255,.04)} [data-theme] .section-bg-dark .price-plan-kicker{color:#94a3b8} [data-theme] .section-bg-dark .price-plan-title{color:#f1f5f9} [data-theme] .section-bg-dark .price-plan-price strong{color:#fff} [data-theme] .section-bg-dark .price-plan-price span{color:#94a3b8} [data-theme] .section-bg-dark .price-plan-description{color:#94a3b8} [data-theme] .section-bg-dark .price-plan-includes li{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.10);color:#e2e8f0} [data-theme] .section-bg-dark .price-plan-badge{background:rgba(255,255,255,.2);color:#f1f5f9} [data-theme] .section-bg-dark .price-plan-btn{background:rgba(255,255,255,.12);color:#f1f5f9} [data-theme] .section-bg-dark .price-plan.featured .price-plan-btn{background:var(--primary)} [data-theme] .section-bg-dark .btn-outline{border-color:rgba(255,255,255,.25);color:#e2e8f0} [data-theme] .section-bg-dark .btn-outline:hover{background:rgba(255,255,255,.08)} .hamburger-btn{display:none;background:none;border:1px solid var(--border);border-radius:10px;padding:8px 10px;cursor:pointer;font-size:18px;color:#0f172a} .mobile-nav{display:none;width:100%;padding:10px 0 4px;flex-direction:column;gap:4px} .mobile-nav .nav-link,.mobile-nav .nav-trigger{display:block;padding:10px 14px;border-radius:12px;font-weight:700;color:#334155;cursor:pointer;background:none;border:none;text-align:left;width:100%;font-family:inherit;font-size:14px} .mobile-nav .nav-link:hover,.mobile-nav .nav-trigger:hover{background:#f1f5f9;color:var(--primary)} .mobile-nav .nav-group-children{padding-left:14px;display:none;flex-direction:column;gap:2px} .mobile-nav .nav-group-children.open{display:flex} .bg-swatches{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .bg-swatch{width:28px;height:28px;border-radius:50%;border:2px solid #d8e2f0;cursor:pointer;transition:transform .15s,border-color .15s;display:block} .bg-swatch:hover{transform:scale(1.15)} .bg-swatch.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,0,0,.15)} .divi-column-card img{width:100%;border-radius:14px;margin-bottom:12px;display:block} .divi-layout-badge{display:inline-flex;align-items:center;width:max-content;margin-bottom:18px;background:var(--primary-light);color:var(--primary-dark);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:950} @media(max-width:980px){ .related-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-products-section{padding:28px 24px} .cards,.steps,.testimonials,.detail-grid,.price-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.store-hero,.detail-hero,.generic-hero,.hero.hero-compact{grid-template-columns:1fr;padding:34px 24px}.generic-content{padding:34px 24px}.generic-layout{grid-template-columns:1fr}.detail-section{padding:34px 24px}.detail-info h1{font-size:32px}.store-hero h1{font-size:34px}.store-shell{padding:24px}.store-toolbar{align-items:stretch}.store-search{width:100%} .builder-wrap{padding:0}.public-header{top:0;padding:10px 16px;align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px}.header-right{gap:8px;flex-wrap:wrap}.header-user-tools,.admin-tools{flex-wrap:wrap}.public-nav{display:none}.hamburger-btn{display:flex;align-items:center}.mobile-nav.open{display:flex}.hero-slide,.contact-box,.modal-grid{grid-template-columns:1fr}.section,.hero-slide,.cta-band,.footer{padding-left:24px;padding-right:24px}.section-tools{opacity:1;transform:none}.section-head h2{font-size:28px}.hero-slide{padding:44px 24px 88px;gap:22px;display:flex;flex-direction:column;justify-content:center;align-items:stretch}.hero .hero-slide>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:0}.hero .hero-slide>div:first-child h1{width:100%}.hero .hero-slide>div:first-child p{max-width:75%}.hero p{line-height:1.55;max-width:100%;margin:0;color:#dbe5ff}.hero .hero-slide>div:first-child .btn{margin-top:2px}.hero-img{min-height:0;aspect-ratio:16/9;background-size:cover;background-position:center;background-repeat:no-repeat}.hero-controls{left:24px;right:24px;bottom:20px;justify-content:center}.price-row{flex-wrap:wrap;margin-top:8px;gap:4px}.store-price,.price{font-size:17px}.product-body,.store-product-body,.carousel-body{overflow:hidden;padding-bottom:12px}.product-body .btn,.store-product .btn,.carousel-body .btn{padding:6px 10px;font-size:12px}.carousel-card.service-card{min-width:calc((100% - 28px) / 3);max-width:calc((100% - 28px) / 3)}.products-carousel .product{min-width:calc((100% - 28px) / 3);max-width:calc((100% - 28px) / 3);aspect-ratio:auto;height:372px;grid-template-rows:minmax(218px,1fr) auto}.products-carousel .product .product-cover{min-height:218px}.products-carousel .product .product-body{padding-top:20px}.products-carousel .product .product-body h3{transform:translateY(-6px)}.products-carousel .product .product-body p{margin-top:-2px}.products-carousel .product .product-rating{margin:-6px 0 0}.divi-columns-wrap{grid-template-columns:repeat(2,1fr)!important}.price-plan.featured{transform:none}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.products{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:760px){ .cards,.products,.steps,.testimonials,.store-grid,.detail-grid,.price-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head h2{font-size:24px}.price-list-grid{grid-template-columns:1fr} .hero p{line-height:1.5;max-width:100%;margin:0}.hero-slide{padding:32px 20px 76px;gap:14px}.hero.hero-compact h1{font-size:clamp(18px,4.5vw,22px)}.hero.hero-compact p{font-size:clamp(12px,3vw,13px)} } @media(max-width:520px){ .cards,.products,.steps,.testimonials,.store-grid,.detail-grid,.price-list-grid{grid-template-columns:1fr}.price-row{flex-wrap:wrap}.store-price,.price{font-size:16px}.product-body,.store-product-body{padding:12px 10px 10px}.products-carousel .product .store-badge{top:64%}.products-carousel .product .product-body{padding-top:22px}.products-carousel .product .product-body h3{min-height:2.28em;transform:translateY(-11px)}.products-carousel .product .product-body p{margin-top:-4px}.products-carousel .product .product-rating{margin:-8px 0 0}.products-carousel .product{min-width:72%;max-width:72%;aspect-ratio:auto;height:384px;grid-template-rows:minmax(236px,1fr) auto}.products-carousel .product .product-cover{min-height:236px}.divi-columns-wrap{grid-template-columns:1fr!important}.hero-slide{padding:34px 20px 78px;gap:16px}.hero .hero-slide>div:first-child{gap:12px;padding-bottom:0}.hero p{line-height:1.5;max-width:100%}.hero-img{aspect-ratio:16/9;border-radius:26px;background-size:cover}.hero-controls{left:20px;right:20px;bottom:16px;justify-content:center}.section-head h2{font-size:22px}.section,.cta-band{padding-top:38px;padding-bottom:38px}.modal{width:100vw;max-height:100vh;border-radius:0}.store-hero h1,.generic-hero h1,.hero.hero-compact h1{font-size:28px}.detail-info h1{font-size:24px} } @media(max-width:980px){ [data-theme="tech"] .products{grid-template-columns:repeat(2,1fr)} [data-theme="beauty"] .products{grid-template-columns:repeat(2,1fr)} } @media(max-width:520px){ [data-theme="tech"] .products{grid-template-columns:1fr} [data-theme="beauty"] .products{grid-template-columns:1fr} } .checkout-method-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.checkout-method-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:14px 10px;cursor:pointer;text-align:center;transition:border-color .18s,background .18s;display:flex;flex-direction:column;gap:4px;align-items:center}.checkout-method-card strong{font-size:.95rem;font-weight:900;color:#0b1020;display:block}.checkout-method-card span{font-size:.78rem;color:#64748b;font-weight:700}.checkout-method-card.is-active{border-color:var(--primary);background:#f0f3ff}.checkout-method-card:hover:not(.is-active){border-color:#94a3b8}.checkout-method-detail{margin-top:4px}.transfer-bank-box{background:#f8fafc;border-radius:10px;padding:14px 16px;margin-top:10px;display:grid;gap:6px}.transfer-bank-row{display:flex;justify-content:space-between;font-size:.88rem;gap:12px}.transfer-bank-row span{color:#64748b;flex-shrink:0}.transfer-bank-row strong{text-align:right} .checkout-method-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.checkout-method-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:14px 10px;cursor:pointer;text-align:center;transition:border-color .18s,background .18s;display:flex;flex-direction:column;gap:4px;align-items:center}.checkout-method-card strong{font-size:.95rem;font-weight:900;color:#0b1020;display:block}.checkout-method-card span{font-size:.78rem;color:#64748b;font-weight:700}.checkout-method-card.is-active{border-color:var(--primary);background:#f0f3ff}.checkout-method-card:hover:not(.is-active){border-color:#94a3b8}.checkout-method-detail{margin-top:4px}.transfer-bank-box{background:#f8fafc;border-radius:10px;padding:14px 16px;margin-top:10px;display:grid;gap:6px}.transfer-bank-row{display:flex;justify-content:space-between;font-size:.88rem;gap:12px}.transfer-bank-row span{color:#64748b;flex-shrink:0}.transfer-bank-row strong{text-align:right} } /* ══════════════════════════════════════════ TEMA: TECH (Apple / Linear) ══════════════════════════════════════════ */ [data-theme="tech"]{ --primary:#0071e3; --primary-dark:#0058b0; --primary-light:#e8f4fd; --secondary:#1d1d1f; --accent:#34c759; --accent-dark:#248a3d; --bg:#f5f5f7; --card:#ffffff; --text:#1d1d1f; --muted:#6e6e73; --border:#d2d2d7; } [data-theme="tech"] body{background:var(--bg)} [data-theme="tech"] .hero{background:linear-gradient(160deg,#1d1d1f 0%,#2d2d30 100%)} [data-theme="tech"] .hero h1{font-size:clamp(16px,12vw,58px);letter-spacing:-2.5px;font-weight:700;line-height:1.0} [data-theme="tech"] .hero p{font-size:19px;color:#a1a1a6;font-weight:400} [data-theme="tech"] .btn{border-radius:980px;font-weight:600;font-size:13px;letter-spacing:-.01em} [data-theme="tech"] .btn-primary{background:#0071e3;box-shadow:none;transition:background .2s} [data-theme="tech"] .btn-primary:hover{background:#0077ed} [data-theme="tech"] .btn-outline{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);color:#1d1d1f} [data-theme="tech"] .card, [data-theme="tech"] .product, [data-theme="tech"] .store-product{border-radius:18px;border:1px solid #d2d2d7;box-shadow:0 4px 12px rgba(0,0,0,.06)} [data-theme="tech"] .card:hover, [data-theme="tech"] .product:hover{transform:none;box-shadow:0 8px 24px rgba(0,0,0,.1)} [data-theme="tech"] .section-head h2{font-size:42px;letter-spacing:-1.5px;font-weight:700;color:#1d1d1f} [data-theme="tech"] .section{background:#f5f5f7} [data-theme="tech"] .section.alt-soft{background:#ffffff} [data-theme="tech"] .section.alt-dark{background:#1d1d1f;color:#f5f5f7} [data-theme="tech"] .section.alt-dark .section-head h2{color:#f5f5f7} [data-theme="tech"] .section.alt-dark .section-head p{color:#a1a1a6} [data-theme="tech"] .public-header{background:#f5f5f7cc;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08)} [data-theme="tech"] .public-nav a,[data-theme="tech"] .public-nav span{color:#1d1d1f;font-size:13px;font-weight:500} [data-theme="tech"] .price,.store-price{color:#0071e3;font-weight:700} [data-theme="tech"] .price-row .store-price-label{display:none} [data-theme="tech"] .faq-item{border-radius:12px;border:1px solid #d2d2d7;box-shadow:none} [data-theme="tech"] .faq-item h3{font-size:16px;font-weight:600;color:#1d1d1f} [data-theme="tech"] .footer{background:#1d1d1f;color:#a1a1a6} [data-theme="tech"] .footer a{color:#a1a1a6} [data-theme="tech"] .store-badge{background:#e8f4fd;color:#0071e3;font-weight:700} [data-theme="tech"] .cta-band{background:linear-gradient(135deg,#1d1d1f,#2d2d30);color:#fff} [data-theme="tech"] .cta-band h2{color:#fff;letter-spacing:-1px} [data-theme="tech"] .divi-column-card{border-radius:16px;border:1px solid #d2d2d7;box-shadow:none} [data-theme="tech"] input,[data-theme="tech"] textarea,[data-theme="tech"] select{border-radius:10px;border:1px solid #d2d2d7;background:#fff} /* Tech: cards oscuras estilo App Store */ [data-theme="tech"] .products{grid-template-columns:repeat(5,1fr);gap:14px} [data-theme="tech"] .product, [data-theme="tech"] .store-product{ background:#1c1c1e; border:none; border-radius:20px; box-shadow:0 4px 24px rgba(0,0,0,.35); aspect-ratio:auto; display:flex; flex-direction:column; grid-template-rows:none; overflow:hidden; transition:transform .2s,box-shadow .2s; cursor:pointer; } [data-theme="tech"] .product:hover, [data-theme="tech"] .store-product:hover{ transform:scale(1.02); box-shadow:0 8px 40px rgba(0,113,227,.35); } [data-theme="tech"] .product-cover, [data-theme="tech"] .store-product-cover{ aspect-ratio:1/1;flex-shrink:0; border-radius:0; background:linear-gradient(145deg,#0a0a14 0%,#0d1b3e 50%,#0a2050 100%); font-size:56px; position:relative; overflow:hidden; } [data-theme="tech"] .product-cover::before, [data-theme="tech"] .store-product-cover::before{display:none} [data-theme="tech"] .file-type-badge{ background:rgba(0,113,227,.85); color:#fff; border-radius:6px; font-size:10px; font-weight:700; backdrop-filter:blur(8px); } [data-theme="tech"] .store-badge{ background:rgba(255,255,255,.08); color:#a1a1a6; border-radius:0; font-size:10px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; padding:8px 16px 2px; position:static; transform:none; } [data-theme="tech"] .product-body, [data-theme="tech"] .store-product-body{ padding:10px 12px 12px; display:flex; flex-direction:column; gap:6px; flex:1; background:#1c1c1e; } [data-theme="tech"] .product-body h3, [data-theme="tech"] .store-product-body h3{ font-size:16px; font-weight:600; color:#f5f5f7; letter-spacing:-.4px; line-height:1.25; margin:0; } [data-theme="tech"] .product-rating{display:none} [data-theme="tech"] .price-row{ margin-top:auto; padding-top:10px; border-top:1px solid rgba(255,255,255,.08); align-items:center; } [data-theme="tech"] .store-price-label{display:none} [data-theme="tech"] .price, [data-theme="tech"] .store-price{ font-size:20px; font-weight:700; color:#34c759; letter-spacing:-.6px; } [data-theme="tech"] .price-row .btn, [data-theme="tech"] .store-actions .btn{ background:#0071e3; color:#fff; border-radius:980px; font-size:12px; font-weight:600; padding:7px 18px; box-shadow:none; } /* Tech: benefit cards — glass morphism */ [data-theme="tech"] .card{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:18px; box-shadow:none; padding:28px; backdrop-filter:blur(10px); color:#f5f5f7; } [data-theme="tech"] .section.alt-soft [data-theme="tech"] .card, [data-theme="tech"] .card{background:#fff;border-color:#d2d2d7;color:#1d1d1f} [data-theme="tech"] .card:hover{ transform:none; box-shadow:0 0 0 1.5px #0071e3,0 8px 30px rgba(0,113,227,.12); } [data-theme="tech"] .card-icon{ width:44px;height:44px; border-radius:12px; background:linear-gradient(135deg,#0071e3,#34c759); font-size:20px; color:#fff; } [data-theme="tech"] .card h3{font-size:17px;font-weight:600;letter-spacing:-.4px;color:#1d1d1f} [data-theme="tech"] .card p{font-size:14px;color:#6e6e73;line-height:1.6} /* ══════════════════════════════════════════ TEMA: BEAUTY (Sephora / Glossier) ══════════════════════════════════════════ */ [data-theme="beauty"]{ --primary:#b5835a; --primary-dark:#8c6040; --primary-light:#f3ede8; --secondary:#1a1015; --accent:#d4a574; --accent-dark:#b8855a; --bg:#faf8f5; --card:#ffffff; --text:#1a1015; --muted:#8a7a72; --border:#e8ddd5; } [data-theme="beauty"] body{background:var(--bg);letter-spacing:.01em} [data-theme="beauty"] .hero{background:linear-gradient(160deg,#1a1015 0%,#2d1f28 100%)} [data-theme="beauty"] .hero h1{font-size:clamp(16px,12vw,56px);letter-spacing:-.5px;font-weight:700;font-style:italic;line-height:1.1} [data-theme="beauty"] .hero p{font-size:17px;color:#c4b5b0;font-weight:300;letter-spacing:.04em} [data-theme="beauty"] .btn{border-radius:2px;font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase} [data-theme="beauty"] .btn-primary{background:#b5835a;box-shadow:none;border:1px solid #b5835a} [data-theme="beauty"] .btn-primary:hover{background:#8c6040} [data-theme="beauty"] .btn-outline{background:transparent;border:1px solid #b5835a;color:#b5835a} [data-theme="beauty"] .card, [data-theme="beauty"] .product, [data-theme="beauty"] .store-product{border-radius:4px;border:1px solid #e8ddd5;box-shadow:0 2px 16px rgba(26,16,21,.06)} [data-theme="beauty"] .card:hover, [data-theme="beauty"] .product:hover{transform:none;box-shadow:0 6px 28px rgba(181,131,90,.14)} [data-theme="beauty"] .section-head h2{font-size:40px;letter-spacing:-.3px;font-weight:700;color:#1a1015;font-style:italic} [data-theme="beauty"] .section-head p{color:#8a7a72;letter-spacing:.03em} [data-theme="beauty"] .section{background:#faf8f5} [data-theme="beauty"] .section.alt-soft{background:#f3ede8} [data-theme="beauty"] .section.alt-dark{background:#1a1015;color:#faf8f5} [data-theme="beauty"] .section.alt-dark .section-head h2{color:#faf8f5} [data-theme="beauty"] .section.alt-dark .section-head p{color:#c4b5b0} [data-theme="beauty"] .public-header{background:#faf8f5ee;backdrop-filter:blur(12px);border-bottom:1px solid #e8ddd5} [data-theme="beauty"] .public-nav a,[data-theme="beauty"] .public-nav span{color:#1a1015;font-size:13px;font-weight:400;letter-spacing:.08em;text-transform:uppercase} [data-theme="beauty"] .price,.store-price{color:#b5835a;font-style:italic} [data-theme="beauty"] .store-badge{background:#f3ede8;color:#b5835a;font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-size:10px} [data-theme="beauty"] .faq-item{border-radius:0;border:none;border-bottom:1px solid #e8ddd5;box-shadow:none;border-radius:0} [data-theme="beauty"] .faq-item h3{font-size:17px;font-weight:400} [data-theme="beauty"] .footer{background:#1a1015;color:#8a7a72} [data-theme="beauty"] .footer a{color:#8a7a72} [data-theme="beauty"] .cta-band{background:linear-gradient(135deg,#1a1015,#2d1f28);color:#faf8f5} [data-theme="beauty"] .cta-band h2{color:#faf8f5;font-style:italic} [data-theme="beauty"] .divi-column-card{border-radius:4px;border:1px solid #e8ddd5;box-shadow:none} [data-theme="beauty"] .card-icon{background:#f3ede8;border-radius:50%} [data-theme="beauty"] input,[data-theme="beauty"] textarea,[data-theme="beauty"] select{border-radius:2px;border:1px solid #e8ddd5;background:#fff;letter-spacing:.02em} [data-theme="beauty"] .hero-img{border-radius:4px} [data-theme="beauty"] .product-cover{border-radius:0} /* Beauty: grid editorial, sin contenedor visible */ [data-theme="beauty"] .products{grid-template-columns:repeat(5,1fr);gap:2px;background:#e8ddd5} [data-theme="beauty"] .product, [data-theme="beauty"] .store-product{ background:#faf8f5; border:none; border-radius:0; box-shadow:none; aspect-ratio:auto; display:flex; flex-direction:column; grid-template-rows:none; overflow:hidden; transition:background .25s; cursor:pointer; position:relative; } [data-theme="beauty"] .product:hover, [data-theme="beauty"] .store-product:hover{background:#fff} [data-theme="beauty"] .product-cover, [data-theme="beauty"] .store-product-cover{ aspect-ratio:1/1;flex-shrink:0; border-radius:0; background:linear-gradient(160deg,#ede5dc 0%,#ddd0c5 100%); font-size:58px; position:relative; overflow:hidden; } [data-theme="beauty"] .product-cover::after, [data-theme="beauty"] .store-product-cover::after{ content:'Ver'; position:absolute; inset:0; background:rgba(26,16,21,.42); display:flex; align-items:center; justify-content:center; color:#fff; font-family:'Jost',sans-serif; font-size:11px; font-weight:400; letter-spacing:.22em; text-transform:uppercase; opacity:0; transition:opacity .3s; } [data-theme="beauty"] .product:hover .product-cover::after, [data-theme="beauty"] .store-product:hover .store-product-cover::after{opacity:1} [data-theme="beauty"] .file-type-badge{display:none} [data-theme="beauty"] .store-doc-count{display:none} /* Badge: sobre la imagen, minimalista */ [data-theme="beauty"] .store-badge{ position:static; transform:none; background:transparent; color:#b5835a; font-size:8px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; padding:10px 10px 0; border-radius:0; display:block; } /* Body: centrado, sin fondo */ [data-theme="beauty"] .product-body, [data-theme="beauty"] .store-product-body{ padding:8px 10px 12px; display:flex; flex-direction:column; gap:4px; flex:1; text-align:center; background:transparent; } [data-theme="beauty"] .product-body h3, [data-theme="beauty"] .store-product-body h3{ font-family:'Playfair Display',Georgia,serif; font-size:13px; font-weight:400; color:#1a1015; line-height:1.45; letter-spacing:.01em; margin:0; } [data-theme="beauty"] .product-rating{display:none} [data-theme="beauty"] .price-row{ justify-content:center; margin-top:4px; gap:0; } [data-theme="beauty"] .store-price-info{text-align:center} [data-theme="beauty"] .store-price-label{display:none} [data-theme="beauty"] .price, [data-theme="beauty"] .store-price{ font-family:'Playfair Display',Georgia,serif; font-size:14px; font-weight:400; font-style:italic; color:#b5835a; } /* Botón oculto — click va directo al cover */ [data-theme="beauty"] .price-row .btn.btn-primary{display:none} /* Beauty: benefit cards — línea, sin caja */ [data-theme="beauty"] .card{ background:transparent; border:none; border-top:1px solid #e8ddd5; border-radius:0; box-shadow:none; padding:30px 16px; gap:14px; } [data-theme="beauty"] .card:hover{ transform:none; box-shadow:none; background:rgba(181,131,90,.04); } [data-theme="beauty"] .card-icon{ width:40px;height:40px; border-radius:50%; background:transparent; border:1px solid #d4a574; font-size:18px; color:#b5835a; } [data-theme="beauty"] .card h3{ font-family:'Playfair Display',Georgia,serif; font-size:16px; font-weight:400; font-style:italic; color:#1a1015; letter-spacing:.01em; } [data-theme="beauty"] .card p{font-size:13px;color:#8a7a72;line-height:1.75;letter-spacing:.02em} /* ══════════════════════════════════════════ TECH: hero rework — negro puro, imagen izq cuadrada ══════════════════════════════════════════ */ [data-theme="tech"] .hero{background:#000} [data-theme="tech"] .hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0} [data-theme="tech"] .hero-slide{position:absolute;z-index:1} [data-theme="tech"] .hero-slide > div:first-child{order:2} [data-theme="tech"] .hero-slide > .hero-img{order:1} [data-theme="tech"] .hero-img{aspect-ratio:1/1;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 80px rgba(0,113,227,.35),0 30px 60px rgba(0,0,0,.5);background:linear-gradient(145deg,#0a0a14,#0d1b3e)} [data-theme="tech"] .hero-img::after{background:var(--overlay-bg,radial-gradient(ellipse at 30% 60%,rgba(0,113,227,.5) 0%,transparent 55%),radial-gradient(ellipse at 70% 30%,rgba(52,199,89,.25) 0%,transparent 45%))} [data-theme="tech"] .hero h1{font-size:clamp(16px,12vw,68px);letter-spacing:-3px;line-height:.95} /* ══════════════════════════════════════════ BEAUTY: hero rework — crema claro, retrato, editorial ══════════════════════════════════════════ */ [data-theme="beauty"] .hero{background:linear-gradient(160deg,#f7f0ea 0%,#efe6dc 100%)} [data-theme="beauty"] .hero-slide{grid-template-columns:1fr 1.4fr} [data-theme="beauty"] .hero-img{aspect-ratio:3/4;border-radius:0;border:none;box-shadow:none;background:linear-gradient(160deg,#e8d8cc,#d5c2b0)} [data-theme="beauty"] .hero-img::after{background:var(--overlay-bg,none)} [data-theme="beauty"] .hero h1{color:#1a1015;font-size:clamp(16px,12vw,52px)} [data-theme="beauty"] .hero p{color:#7a6860} [data-theme="beauty"] .hero-arrow{background:#1a1015;color:#f7f0ea;box-shadow:none} [data-theme="beauty"] .hero-dot{background:#d4b8aa;box-shadow:none} [data-theme="beauty"] .hero-dot.active{background:#b5835a;width:26px} /* ══════════════════════════════════════════ TEMA: PETS (Petco / Zooplus) ══════════════════════════════════════════ */ [data-theme="pets"]{ --primary:#f97316; --primary-dark:#ea580c; --primary-light:#ffedd5; --secondary:#1c1917; --accent:#fbbf24; --bg:#fff7ed; --card:#ffffff; --text:#1c1917; --muted:#78716c; --border:#fed7aa; --danger:#ef4444; } [data-theme="pets"] body{background:var(--bg)} [data-theme="pets"] h1,[data-theme="pets"] h2,[data-theme="pets"] h3{font-weight:800} /* Hero */ [data-theme="pets"] .hero{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 55%,#fed7aa 100%)} [data-theme="pets"] .hero-slide > div:first-child{order:2} [data-theme="pets"] .hero-slide > .hero-img{order:1} [data-theme="pets"] .hero-img{aspect-ratio:1/1;border-radius:50%;border:5px solid #fed7aa;box-shadow:0 20px 60px rgba(249,115,22,.22);background:linear-gradient(135deg,#ffedd5,#fef3c7)} [data-theme="pets"] .hero-img::after{background:var(--overlay-bg,none)} [data-theme="pets"] .hero h1{font-size:clamp(16px,12vw,56px);color:#1c1917;letter-spacing:-1.5px;font-weight:800;line-height:1.1} [data-theme="pets"] .hero p{color:#78716c;font-size:18px} [data-theme="pets"] .hero-arrow{background:#f97316;color:#fff;box-shadow:none} [data-theme="pets"] .hero-dot{background:#fed7aa;box-shadow:none} [data-theme="pets"] .hero-dot.active{background:#f97316;width:26px} /* General */ [data-theme="pets"] .btn{border-radius:999px;font-weight:700} [data-theme="pets"] .btn-primary{background:#f97316;box-shadow:none} [data-theme="pets"] .btn-primary:hover{background:#ea580c} [data-theme="pets"] .btn-outline{background:transparent;border:2px solid #f97316;color:#f97316} [data-theme="pets"] .section{background:var(--bg);color:var(--text)} [data-theme="pets"] .section.alt-soft{background:#ffffff} [data-theme="pets"] .section.alt-dark{background:#1c1917;color:#fff7ed} [data-theme="pets"] .section.alt-dark .section-head h2{color:#fff7ed} [data-theme="pets"] .section.alt-dark .section-head p{color:#a8a29e} [data-theme="pets"] .section-head h2{font-size:42px;letter-spacing:-1px;color:#1c1917;font-weight:800} [data-theme="pets"] .public-header{background:rgba(255,247,237,.94);backdrop-filter:blur(12px);border-bottom:1px solid #fed7aa} [data-theme="pets"] .public-nav a,[data-theme="pets"] .public-nav span{color:#1c1917;font-weight:700} [data-theme="pets"] .footer{background:#1c1917;color:#78716c} [data-theme="pets"] .footer a{color:#78716c} [data-theme="pets"] .cta-band{background:linear-gradient(135deg,#ea580c,#f97316);color:#fff} [data-theme="pets"] .cta-band h2{color:#fff} [data-theme="pets"] .faq-item{border-radius:16px;border:2px solid #fed7aa;box-shadow:none} [data-theme="pets"] .faq-item h3{font-weight:700;color:#1c1917} [data-theme="pets"] .divi-column-card{border-radius:20px;border:2px solid #fed7aa;box-shadow:none} [data-theme="pets"] input,[data-theme="pets"] textarea,[data-theme="pets"] select{border-radius:14px;border:2px solid #fed7aa;background:#fff} [data-theme="pets"] .store-badge{background:#fff7ed;color:#f97316;font-weight:700;border-radius:999px} [data-theme="pets"] .store-hero{background:linear-gradient(135deg,#fff7ed,#ffedd5)} [data-theme="pets"] .store-hero::before{background:none} [data-theme="pets"] .store-hero h1{color:#1c1917} [data-theme="pets"] .store-hero p{color:#78716c} /* Products grid */ [data-theme="pets"] .products{grid-template-columns:repeat(5,1fr);gap:14px} [data-theme="pets"] .product, [data-theme="pets"] .store-product{ background:#fff; border:2px solid #fed7aa; border-radius:28px; box-shadow:0 4px 20px rgba(249,115,22,.07); overflow:hidden; cursor:pointer; transition:transform .2s,box-shadow .2s; display:flex; flex-direction:column; aspect-ratio:auto; grid-template-rows:none; } [data-theme="pets"] .product:hover, [data-theme="pets"] .store-product:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(249,115,22,.18);border-color:#f97316} [data-theme="pets"] .product-cover, [data-theme="pets"] .store-product-cover{ aspect-ratio:1/1;flex-shrink:0; border-radius:0; background:linear-gradient(135deg,#fff7ed,#fed7aa); font-size:64px; position:relative; overflow:hidden; } [data-theme="pets"] .product-cover::before, [data-theme="pets"] .store-product-cover::before{ content:''; position:absolute; inset:0; background:radial-gradient(circle at 70% 30%,rgba(249,115,22,.22),transparent 60%); pointer-events:none; } [data-theme="pets"] .file-type-badge{background:rgba(249,115,22,.85);color:#fff;border-radius:999px;font-weight:700} [data-theme="pets"] .product-body, [data-theme="pets"] .store-product-body{ padding:10px 12px 12px; flex:1; display:flex; flex-direction:column; gap:8px; background:#fff; } [data-theme="pets"] .product-body h3, [data-theme="pets"] .store-product-body h3{font-size:15px;font-weight:700;color:#1c1917;line-height:1.3;margin:0} [data-theme="pets"] .product-rating{display:none} [data-theme="pets"] .price-row{margin-top:auto;padding-top:10px;border-top:1px solid #fed7aa;align-items:center} [data-theme="pets"] .store-price-label{display:none} [data-theme="pets"] .price, [data-theme="pets"] .store-price{font-size:20px;font-weight:800;color:var(--primary);letter-spacing:-.4px} [data-theme="pets"] .price-row .btn, [data-theme="pets"] .store-actions .btn{background:var(--primary);color:#fff;border-radius:999px;font-size:12px;font-weight:700;box-shadow:none} /* Benefit cards */ [data-theme="pets"] .card{background:var(--card);border:2px solid var(--border);border-radius:24px;box-shadow:none;padding:28px} [data-theme="pets"] .card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(249,115,22,.12);border-color:var(--primary)} [data-theme="pets"] .card-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));font-size:22px;color:#fff} [data-theme="pets"] .card h3{font-size:17px;font-weight:800;color:#1c1917} [data-theme="pets"] .card p{font-size:14px;color:#78716c;line-height:1.65} /* ══════════════════════════════════════════ TEMA: FOOD (Rappi / iFood) ══════════════════════════════════════════ */ [data-theme="food"]{ --primary:#ef4444; --primary-dark:#dc2626; --primary-light:#fee2e2; --secondary:#1a0505; --accent:#f97316; --bg:#fff5f5; --card:#ffffff; --text:#1c0a0a; --muted:#9c5050; --border:#fecaca; --danger:#ef4444; } [data-theme="food"] body{background:var(--bg)} [data-theme="food"] h1,[data-theme="food"] h2,[data-theme="food"] h3{font-weight:700} /* Hero */ [data-theme="food"] .hero{background:linear-gradient(145deg,#1a0505 0%,#3b0a0a 60%,#2d0808 100%)} [data-theme="food"] .hero-slide{grid-template-columns:1.3fr 1fr} [data-theme="food"] .hero-slide > div:first-child{order:2} [data-theme="food"] .hero-slide > .hero-img{order:1} [data-theme="food"] .hero-img{aspect-ratio:4/3;border-radius:12px;border:none;box-shadow:0 30px 80px rgba(239,68,68,.28);background:linear-gradient(135deg,#3b0a0a,#7f1d1d)} [data-theme="food"] .hero-img::after{background:var(--overlay-bg,linear-gradient(135deg,rgba(239,68,68,.1),rgba(249,115,22,.14)))} [data-theme="food"] .hero h1{font-size:clamp(16px,12vw,58px);color:#fff;letter-spacing:-1px;line-height:1.05} [data-theme="food"] .hero p{color:#fca5a5;font-size:18px;font-weight:400} [data-theme="food"] .hero-arrow{background:#ef4444;color:#fff;box-shadow:none} [data-theme="food"] .hero-dot{background:rgba(255,255,255,.3);box-shadow:none} [data-theme="food"] .hero-dot.active{background:#ef4444;width:26px} /* General */ [data-theme="food"] .btn{border-radius:8px;font-weight:600} [data-theme="food"] .btn-primary{background:#ef4444;box-shadow:none} [data-theme="food"] .btn-primary:hover{background:#dc2626} [data-theme="food"] .btn-outline{background:transparent;border:2px solid #ef4444;color:#ef4444} [data-theme="food"] .section{background:var(--bg);color:var(--text)} [data-theme="food"] .section.alt-soft{background:#ffffff} [data-theme="food"] .section.alt-dark{background:#1a0505;color:#fff5f5} [data-theme="food"] .section.alt-dark .section-head h2{color:#fff5f5} [data-theme="food"] .section.alt-dark .section-head p{color:#fca5a5} [data-theme="food"] .section-head h2{font-size:40px;color:#1c0a0a;letter-spacing:-.5px} [data-theme="food"] .public-header{background:rgba(255,245,245,.96);backdrop-filter:blur(12px);border-bottom:1px solid #fecaca} [data-theme="food"] .public-nav a,[data-theme="food"] .public-nav span{color:#1c0a0a;font-weight:600} [data-theme="food"] .footer{background:#1a0505;color:#9c5050} [data-theme="food"] .footer a{color:#9c5050} [data-theme="food"] .cta-band{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff} [data-theme="food"] .cta-band h2{color:#fff} [data-theme="food"] .faq-item{border-radius:8px;border:1px solid #fecaca;box-shadow:none} [data-theme="food"] .faq-item h3{font-weight:700;color:#1c0a0a} [data-theme="food"] .divi-column-card{border-radius:12px;border:1px solid #fecaca;box-shadow:none} [data-theme="food"] input,[data-theme="food"] textarea,[data-theme="food"] select{border-radius:8px;border:1px solid #fecaca;background:#fff} [data-theme="food"] .store-badge{background:#fee2e2;color:#ef4444;font-weight:600} [data-theme="food"] .store-hero{background:linear-gradient(145deg,#1a0505,#3b0a0a)} [data-theme="food"] .store-hero h1{color:#fff} [data-theme="food"] .store-hero p{color:#fca5a5} /* Products grid */ [data-theme="food"] .products{grid-template-columns:repeat(5,1fr);gap:14px} [data-theme="food"] .product, [data-theme="food"] .store-product{ background:#fff; border:1px solid #fecaca; border-radius:12px; box-shadow:0 2px 12px rgba(239,68,68,.06); overflow:hidden; cursor:pointer; transition:transform .2s,box-shadow .2s; display:flex; flex-direction:column; aspect-ratio:auto; grid-template-rows:none; } [data-theme="food"] .product:hover, [data-theme="food"] .store-product:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(239,68,68,.16)} [data-theme="food"] .product-cover, [data-theme="food"] .store-product-cover{ aspect-ratio:1/1;flex-shrink:0; border-radius:0; background:linear-gradient(135deg,#7f1d1d,#dc2626); font-size:56px; position:relative; overflow:hidden; } [data-theme="food"] .product-cover::before, [data-theme="food"] .store-product-cover::before{ content:''; position:absolute; inset:0; background:radial-gradient(circle at 30% 70%,rgba(249,115,22,.4),transparent 60%); pointer-events:none; } [data-theme="food"] .file-type-badge{background:rgba(239,68,68,.85);color:#fff;border-radius:6px;font-weight:700} [data-theme="food"] .product-body, [data-theme="food"] .store-product-body{ padding:10px 12px 12px; flex:1; display:flex; flex-direction:column; gap:8px; background:#fff; } [data-theme="food"] .product-body h3, [data-theme="food"] .store-product-body h3{font-size:17px;font-weight:700;color:#1c0a0a;line-height:1.3;margin:0} [data-theme="food"] .product-rating{display:none} [data-theme="food"] .price-row{margin-top:auto;padding-top:10px;border-top:1px solid #fecaca;align-items:center} [data-theme="food"] .store-price-label{display:none} [data-theme="food"] .price, [data-theme="food"] .store-price{font-size:22px;font-weight:700;color:var(--primary);letter-spacing:-.4px} [data-theme="food"] .price-row .btn, [data-theme="food"] .store-actions .btn{background:var(--primary);color:#fff;border-radius:8px;font-size:13px;font-weight:600;box-shadow:none} /* Benefit cards */ [data-theme="food"] .card{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 12px rgba(239,68,68,.04);padding:28px} [data-theme="food"] .card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(239,68,68,.1)} [data-theme="food"] .card-icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--accent));font-size:20px;color:#fff} [data-theme="food"] .card h3{font-size:17px;font-weight:700;color:#1c0a0a} [data-theme="food"] .card p{font-size:14px;color:#9c5050;line-height:1.65} /* ══════════════════════════════════════════ TEMA: FASHION (Zara / COS) ══════════════════════════════════════════ */ [data-theme="fashion"]{ --primary:#000000; --primary-dark:#1a1a1a; --primary-light:#f0f0f0; --secondary:#1a1a1a; --accent:#888888; --bg:#fafafa; --card:#ffffff; --text:#000000; --muted:#6b6b6b; --border:#d4d4d4; --danger:#000; } [data-theme="fashion"] body{background:var(--bg);letter-spacing:.02em} [data-theme="fashion"] h1,[data-theme="fashion"] h2,[data-theme="fashion"] h3{font-weight:500} /* Hero */ [data-theme="fashion"] .hero{background:#fafafa;min-height:520px} [data-theme="fashion"] .hero-slide{grid-template-columns:1fr 1fr} [data-theme="fashion"] .hero-img{aspect-ratio:3/4;border-radius:0;border:2px solid #000;box-shadow:none;background:#e5e5e5} [data-theme="fashion"] .hero-img::after{background:var(--overlay-bg,none)} [data-theme="fashion"] .hero h1{font-size:clamp(16px,12vw,62px);color:#000;letter-spacing:-1px;line-height:1.0;font-weight:500} [data-theme="fashion"] .hero p{color:#6b6b6b;font-size:16px;font-weight:400;letter-spacing:.04em} [data-theme="fashion"] .hero-arrow{background:#000;color:#fafafa;box-shadow:none} [data-theme="fashion"] .hero-dot{background:#d4d4d4;box-shadow:none} [data-theme="fashion"] .hero-dot.active{background:#000;width:26px} /* General */ [data-theme="fashion"] .btn{border-radius:0;font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:11px} [data-theme="fashion"] .btn-primary{background:#000;box-shadow:none} [data-theme="fashion"] .btn-primary:hover{background:#1a1a1a} [data-theme="fashion"] .btn-outline{background:transparent;border:1px solid #000;color:#000} [data-theme="fashion"] .section{background:var(--bg);color:var(--text)} [data-theme="fashion"] .section.alt-soft{background:#ffffff} [data-theme="fashion"] .section.alt-dark{background:#000;color:#fafafa} [data-theme="fashion"] .section.alt-dark .section-head h2{color:#fafafa} [data-theme="fashion"] .section.alt-dark .section-head p{color:#888} [data-theme="fashion"] .section-head h2{font-size:44px;letter-spacing:-1px;color:#000;font-weight:500} [data-theme="fashion"] .public-header{background:rgba(250,250,250,.97);backdrop-filter:blur(12px);border-bottom:1px solid #000} [data-theme="fashion"] .public-nav a,[data-theme="fashion"] .public-nav span{color:#000;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase} [data-theme="fashion"] .footer{background:#000;color:#6b6b6b} [data-theme="fashion"] .footer a{color:#6b6b6b} [data-theme="fashion"] .cta-band{background:#000;color:#fafafa} [data-theme="fashion"] .cta-band h2{color:#fafafa;letter-spacing:-1px} [data-theme="fashion"] .faq-item{border-radius:0;border:none;border-bottom:1px solid #d4d4d4;box-shadow:none} [data-theme="fashion"] .faq-item h3{font-size:18px;font-weight:500;color:#000} [data-theme="fashion"] .divi-column-card{border-radius:0;border:1px solid #d4d4d4;box-shadow:none} [data-theme="fashion"] input,[data-theme="fashion"] textarea,[data-theme="fashion"] select{border-radius:0;border:1px solid #d4d4d4;background:#fff;letter-spacing:.02em} [data-theme="fashion"] .store-badge{background:#f0f0f0;color:#000;font-weight:500;letter-spacing:.08em;text-transform:uppercase;border-radius:0} [data-theme="fashion"] .store-hero{background:#fafafa} [data-theme="fashion"] .store-hero::before{background:none} [data-theme="fashion"] .store-hero h1{color:#000} [data-theme="fashion"] .store-hero p{color:#6b6b6b} /* Products grid — editorial */ [data-theme="fashion"] .products{grid-template-columns:repeat(5,1fr);gap:1px;background:#d4d4d4} [data-theme="fashion"] .product, [data-theme="fashion"] .store-product{ background:#fafafa; border:none; border-radius:0; box-shadow:none; overflow:hidden; cursor:pointer; transition:background .2s; display:flex; flex-direction:column; aspect-ratio:auto; grid-template-rows:none; } [data-theme="fashion"] .product:hover, [data-theme="fashion"] .store-product:hover{background:#fff} [data-theme="fashion"] .product-cover, [data-theme="fashion"] .store-product-cover{ aspect-ratio:1/1;flex-shrink:0; border-radius:0; background:#e5e5e5; font-size:56px; position:relative; overflow:hidden; } [data-theme="fashion"] .product-cover::after, [data-theme="fashion"] .store-product-cover::after{ content:'VIEW'; position:absolute; inset:0; background:rgba(0,0,0,.5); display:flex; align-items:center; justify-content:center; color:#fff; font-family:'Cormorant Garamond',serif; font-size:13px; font-weight:500; letter-spacing:.25em; text-transform:uppercase; opacity:0; transition:opacity .3s; } [data-theme="fashion"] .product:hover .product-cover::after, [data-theme="fashion"] .store-product:hover .store-product-cover::after{opacity:1} [data-theme="fashion"] .file-type-badge{display:none} [data-theme="fashion"] .store-doc-count{display:none} [data-theme="fashion"] .product-body, [data-theme="fashion"] .store-product-body{ padding:8px 10px 12px; flex:1; display:flex; flex-direction:column; gap:4px; text-align:center; background:transparent; } [data-theme="fashion"] .product-body h3, [data-theme="fashion"] .store-product-body h3{font-size:14px;font-weight:400;color:#000;line-height:1.4;letter-spacing:.05em;margin:0;text-transform:uppercase} [data-theme="fashion"] .product-rating{display:none} [data-theme="fashion"] .price-row{justify-content:center;margin-top:4px;gap:0;border-top:none;padding-top:0} [data-theme="fashion"] .store-price-info{text-align:center} [data-theme="fashion"] .store-price-label{display:none} [data-theme="fashion"] .price, [data-theme="fashion"] .store-price{font-size:15px;font-weight:400;font-style:italic;color:var(--text);letter-spacing:.02em} [data-theme="fashion"] .price-row .btn.btn-primary{display:none} /* Benefit cards */ [data-theme="fashion"] .card{background:var(--card);border:1px solid var(--border);border-radius:0;box-shadow:none;padding:32px 24px;gap:16px} [data-theme="fashion"] .card:hover{transform:none;box-shadow:none;border-color:var(--primary)} [data-theme="fashion"] .card-icon{width:40px;height:40px;border-radius:0;background:transparent;border:1px solid var(--primary);font-size:18px;color:var(--primary)} [data-theme="fashion"] .card h3{font-size:18px;font-weight:500;color:#000;letter-spacing:.02em} [data-theme="fashion"] .card p{font-size:13px;color:#6b6b6b;line-height:1.75;letter-spacing:.03em} /* ══════════════════════════════════════ PALETA: ASFALTO (Industrial / Automotriz) ══════════════════════════════════════ */ [data-theme="auto"]{ --primary:#f59e0b; --primary-dark:#d97706; --primary-light:#fef3c7; --secondary:#78716c; --bg:#fafaf9; --card:#ffffff; --text:#1c1917; --text-light:#78716c; --border:#d6d3d1; --danger:#dc2626; } [data-theme="auto"] body{background:var(--bg)} [data-theme="auto"] h1,[data-theme="auto"] h2,[data-theme="auto"] h3{font-weight:700;letter-spacing:.01em} [data-theme="auto"] .hero{background:#1c1917} [data-theme="auto"] .hero h1{font-size:clamp(16px,12vw,60px);color:#ffffff;letter-spacing:-.5px;line-height:1.05} [data-theme="auto"] .hero p{color:#a8a29e;font-size:17px} [data-theme="auto"] .hero-arrow{background:#f59e0b;color:#1c1917;box-shadow:none} [data-theme="auto"] .hero-dot{background:#57534e;box-shadow:none} [data-theme="auto"] .hero-dot.active{background:#f59e0b;width:24px} [data-theme="auto"] .btn{border-radius:4px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:12px} [data-theme="auto"] .btn-primary{background:#f59e0b;color:#1c1917;box-shadow:none} [data-theme="auto"] .btn-primary:hover{background:#d97706} [data-theme="auto"] .btn-outline{background:transparent;border:2px solid #f59e0b;color:#f59e0b} [data-theme="auto"] .section{background:var(--bg)} [data-theme="auto"] .section.alt-soft{background:#f5f5f4} [data-theme="auto"] .section.alt-dark{background:#1c1917;color:#fafaf9} [data-theme="auto"] .section.alt-dark .section-head h2{color:#fafaf9} [data-theme="auto"] .section.alt-dark .section-head p{color:#a8a29e} [data-theme="auto"] .section-head h2{font-size:clamp(28px,5vw,42px);letter-spacing:-.2px;color:#1c1917} [data-theme="auto"] .public-header{background:#1c1917;border-bottom:3px solid #f59e0b} [data-theme="auto"] .public-nav a,[data-theme="auto"] .public-nav span{color:#fafaf9;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:12px} [data-theme="auto"] .cart-icon{color:#fafaf9} [data-theme="auto"] .footer{background:#1c1917;color:#a8a29e} [data-theme="auto"] .footer a{color:#a8a29e} [data-theme="auto"] .cta-band{background:#f59e0b;color:#1c1917} [data-theme="auto"] .cta-band h2{color:#1c1917} [data-theme="auto"] .faq-item{border-left:4px solid #f59e0b} [data-theme="auto"] .card{border-radius:6px;border-top:3px solid #f59e0b;box-shadow:0 2px 8px rgba(0,0,0,.08)} [data-theme="auto"] .card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(245,158,11,.18)} [data-theme="auto"] .card-icon{background:#fef3c7;color:#d97706;border-radius:4px} [data-theme="auto"] .products{grid-template-columns:repeat(3,1fr)} [data-theme="auto"] .product,[data-theme="auto"] .store-product{border-radius:6px;border:1px solid #d6d3d1;box-shadow:none} [data-theme="auto"] .product:hover,[data-theme="auto"] .store-product:hover{border-color:#f59e0b;box-shadow:0 4px 16px rgba(245,158,11,.15)} [data-theme="auto"] .store-badge{background:#fef3c7;color:#92400e;font-weight:700;border-radius:4px} [data-theme="auto"] .store-hero{background:#1c1917} [data-theme="auto"] .store-hero::before{background:none} [data-theme="auto"] .store-hero h1{color:#fafaf9} [data-theme="auto"] .store-hero p{color:#a8a29e} [data-theme="auto"] .price-plan.is-featured{border:2px solid #f59e0b;background:#fffbf0} [data-theme="auto"] .price-plan.is-featured .plan-badge{background:#f59e0b;color:#1c1917} [data-theme="auto"] .step-number{background:#f59e0b;color:#1c1917;font-weight:800} [data-theme="auto"] input,[data-theme="auto"] textarea,[data-theme="auto"] select{border-radius:4px;border:1.5px solid #d6d3d1} [data-theme="auto"] input:focus,[data-theme="auto"] textarea:focus,[data-theme="auto"] select:focus{border-color:#f59e0b;outline:none} [data-theme="auto"] .price,[data-theme="auto"] .store-price{font-size:22px;font-weight:800;color:var(--primary)} [data-theme="auto"] .price-row .btn,[data-theme="auto"] .store-actions .btn{background:#f59e0b;color:#1c1917;border-radius:4px;font-weight:700} [data-theme="auto"] .divi-column-card{border-radius:6px;border-top:3px solid #f59e0b} /* ── CTA: cuadro blanco siempre con texto legible, botón siempre contrasta ── */ [data-theme] .cta-band .cta-text-box h2{color:var(--text)} [data-theme] .cta-band .cta-text-box p{color:var(--muted)} [data-theme] .cta-band .btn-primary{background:#fff;color:var(--primary);box-shadow:0 4px 14px rgba(0,0,0,.14)} [data-theme] .cta-band .btn-primary:hover{background:rgba(255,255,255,.92);color:var(--primary-dark)} /* ══════════════════════════════════════════ HERO LAYOUT VARIANTS — estructura independiente del tema Especificidad igual a [data-theme] pero va después → gana ══════════════════════════════════════════ */ /* default: texto izq, imagen der, 16:9 redondeada */ [data-hero-layout="default"] .hero-slide{grid-template-columns:1.05fr .95fr} [data-hero-layout="default"] .hero-slide > div:first-child{order:0} [data-hero-layout="default"] .hero-slide > .hero-img{order:0} [data-hero-layout="default"] .hero-img{aspect-ratio:16/9;border-radius:34px} /* inverted: imagen izq, texto der, cuadrada 1:1 */ [data-hero-layout="inverted"] .hero-slide{grid-template-columns:1fr 1fr} [data-hero-layout="inverted"] .hero-slide > div:first-child{order:2} [data-hero-layout="inverted"] .hero-slide > .hero-img{order:1} [data-hero-layout="inverted"] .hero-img{aspect-ratio:1/1;border-radius:16px} /* portrait: texto izq, imagen der retrato 3:4 */ [data-hero-layout="portrait"] .hero-slide{grid-template-columns:1fr 1.4fr} [data-hero-layout="portrait"] .hero-slide > div:first-child{order:0} [data-hero-layout="portrait"] .hero-slide > .hero-img{order:0} [data-hero-layout="portrait"] .hero-img{aspect-ratio:3/4;border-radius:0} /* wide: imagen izq más grande, landscape 4:3 */ [data-hero-layout="wide"] .hero-slide{grid-template-columns:1.3fr 1fr} [data-hero-layout="wide"] .hero-slide > div:first-child{order:2} [data-hero-layout="wide"] .hero-slide > .hero-img{order:1} [data-hero-layout="wide"] .hero-img{aspect-ratio:4/3;border-radius:12px} /* Mantener auto-fill en breakpoints — sobreescribe media queries anteriores */ @media(max-width:1100px){.store-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:860px){.store-layout{flex-direction:column}.store-sidebar{width:100%;position:static;flex-direction:row;flex-wrap:wrap;gap:8px}.store-sidebar .sidebar-section{flex:1 1 180px}.store-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){.store-grid,.products{grid-template-columns:repeat(2,1fr)}.store-shell{padding:16px 16px 40px}} @media(max-width:980px){.products,[data-theme] .products{grid-template-columns:repeat(3,1fr)}} @media(max-width:600px){.products,[data-theme] .products{grid-template-columns:repeat(2,1fr)}} /* circular: imagen izq circular 1:1 */ [data-hero-layout="circular"] .hero-slide{grid-template-columns:1fr 1fr} [data-hero-layout="circular"] .hero-slide > div:first-child{order:2} [data-hero-layout="circular"] .hero-slide > .hero-img{order:1} [data-hero-layout="circular"] .hero-img{aspect-ratio:1/1;border-radius:50%} /* fullscreen: imagen ocupa todo el banner, texto superpuesto */ [data-hero-layout="fullscreen"] .hero-slide{grid-template-columns:1fr} [data-hero-layout="fullscreen"] .hero-slide > div:first-child{order:0;position:relative;z-index:1;max-width:780px} [data-hero-layout="fullscreen"] .hero-slide > .hero-img{order:0;position:absolute;inset:0;aspect-ratio:auto;border-radius:0;border:none;box-shadow:none;z-index:0} [data-hero-layout="fullscreen"] .hero-img::after{background:var(--overlay-bg,rgba(0,0,0,.44))} /* Alineación del texto — aplica a todos los layouts */ .hero-slide.align-center > div:first-child{text-align:center;margin-left:auto;margin-right:auto} .hero-slide.align-right > div:first-child{text-align:right;margin-left:auto} /* ── Imagen de fondo en columnas individuales ──────────────────────────── */ .divi-col-has-bgimage{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;min-height:220px} .divi-col-has-bgimage-overlay::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.45);z-index:0;border-radius:inherit;pointer-events:none} .divi-col-has-bgimage h3, .divi-col-has-bgimage p, .divi-col-has-bgimage .divi-col-cta-hint{position:relative;z-index:1;color:#fff} .divi-col-has-bgimage .divi-col-media, .divi-col-has-bgimage .divi-col-icon, .divi-col-has-bgimage .divi-col-format-icon{position:relative;z-index:1} /* ── Imagen de fondo en secciones ───────────────────────────────────────── */ .section-has-bgimage{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative} .section-has-bgimage-overlay::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.45);z-index:0;pointer-events:none} .section-has-bgimage .section-head, .section-has-bgimage .divi-columns-wrap, .section-has-bgimage .cards-grid, .section-has-bgimage .steps-list, .section-has-bgimage .price-list-grid, .section-has-bgimage .faq-list, .section-has-bgimage .cta-content, .section-has-bgimage .contact-form{position:relative;z-index:1} .section-has-bgimage .section-head h2, .section-has-bgimage .section-head p{color:#fff} .section-has-bgimage-overlay .section-head h2, .section-has-bgimage-overlay .section-head p{text-shadow:0 1px 4px rgba(0,0,0,.6)} /* ═══════════════════════════════════════════════ DISEÑO: EDITORIAL Esquinas rectas · Izquierda · Timeline · Plano ═══════════════════════════════════════════════ */ [data-design="editorial"] body{font-family:'Jost',system-ui,sans-serif} [data-design="editorial"] h1,[data-design="editorial"] h2,[data-design="editorial"] h3{font-family:'Playfair Display',Georgia,serif} [data-design="editorial"] .section{padding:72px clamp(28px,6vw,80px)} [data-design="editorial"] .section.alt-soft{background:#f8fafc} /* Section head — izquierda con borde acento */ [data-design="editorial"] .section-head{max-width:100%;margin-bottom:40px;padding-left:20px;border-left:4px solid var(--primary)} [data-design="editorial"] .section-head h2{font-size:clamp(26px,4vw,46px);letter-spacing:-1.5px;font-weight:800;margin-bottom:8px} [data-design="editorial"] .section-head p{font-size:15px;color:var(--muted);max-width:560px} /* Cards — rectas, sin sombra, borde izquierdo */ [data-design="editorial"] .card,[data-design="editorial"] .faq-item,[data-design="editorial"] .contact-card{border-radius:0;box-shadow:none;border:1px solid var(--border);border-left:3px solid var(--primary)} [data-design="editorial"] .card:hover{transform:none;box-shadow:none;border-left-color:var(--accent,var(--primary));background:#f8fafc} [data-design="editorial"] .card-icon{border-radius:4px;width:44px;height:44px;font-size:20px;margin-bottom:10px} [data-design="editorial"] .card h3{font-size:17px;font-weight:700} /* Steps — timeline vertical */ [data-design="editorial"] .steps{display:flex;flex-direction:column;gap:0;max-width:680px} [data-design="editorial"] .step{border-radius:0;box-shadow:none;border:none;border-left:2px solid var(--primary);padding:0 0 36px 28px;position:relative;background:transparent;height:auto} [data-design="editorial"] .step:last-child{border-left:2px solid transparent;padding-bottom:0} [data-design="editorial"] .step-number{position:absolute;left:-20px;top:0;width:36px;height:36px;border-radius:50%;font-size:14px;font-weight:900;margin:0;flex-shrink:0} [data-design="editorial"] .step h3{font-size:18px;font-weight:700;margin:6px 0 6px} [data-design="editorial"] .step p{margin:0;color:var(--muted)} /* FAQ — lista plana con separador */ [data-design="editorial"] .faq-list{display:flex;flex-direction:column;gap:0} [data-design="editorial"] .faq-item{border:none;border-bottom:1px solid var(--border);border-left:none;border-radius:0;box-shadow:none;padding:24px 0;background:transparent} [data-design="editorial"] .faq-item:first-child{border-top:1px solid var(--border)} [data-design="editorial"] .faq-item h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:8px} [data-design="editorial"] .faq-item p{color:var(--muted);font-size:15px} /* DivColumns — rectas */ [data-design="editorial"] .divi-column-card{border-radius:0;box-shadow:none;border:1px solid var(--border);border-top:3px solid var(--primary)} [data-design="editorial"] .divi-column-card h3{font-weight:700} /* PriceList — rectas */ [data-design="editorial"] .price-plan{border-radius:0;box-shadow:none;border:1px solid var(--border)} [data-design="editorial"] .price-plan.featured{border:2px solid var(--primary);border-top:4px solid var(--primary)} [data-design="editorial"] .price-plan-badge{border-radius:0} /* Productos — rectas */ [data-design="editorial"] .product,[data-design="editorial"] .store-product{border-radius:0;box-shadow:none} [data-design="editorial"] .product:hover,[data-design="editorial"] .store-product:hover{transform:none;box-shadow:0 0 0 2px var(--primary)} [data-design="editorial"] .product-cover,[data-design="editorial"] .store-product-cover{border-radius:0} /* Botones — rectos */ [data-design="editorial"] .btn{border-radius:4px;font-weight:700;letter-spacing:.03em} [data-design="editorial"] .btn-primary{box-shadow:none} /* CTA band — sin redondeo, borde top */ [data-design="editorial"] .cta-band{border-top:4px solid var(--primary)} /* Inputs — rectos */ [data-design="editorial"] input,[data-design="editorial"] textarea,[data-design="editorial"] select{border-radius:4px} /* Header / Nav */ [data-design="editorial"] .public-header{border-bottom:2px solid var(--border)} /* Responsive editorial */ @media(max-width:768px){ [data-design="editorial"] .section-head{padding-left:14px} [data-design="editorial"] .step{padding-left:22px} } /* ═══════════════════════════════════════════════ DISEÑO: DARK Fondos oscuros · Glow · Alto contraste ═══════════════════════════════════════════════ */ [data-design="dark"] body{background:#0a0f1e;color:#f1f5f9} [data-design="dark"] .builder-wrap{background:#0a0f1e} [data-design="dark"] .section{background:#0f172a;color:#f1f5f9} [data-design="dark"] .section.alt-soft{background:#111827} [data-design="dark"] .section.alt-dark{background:#020817} [data-design="dark"] .section-head h2{color:#f1f5f9} [data-design="dark"] .section-head p{color:#94a3b8} [data-design="dark"] .card,[data-design="dark"] .step,[data-design="dark"] .contact-card,[data-design="dark"] .divi-column-card{background:#1e293b;border-color:#334155;color:#f1f5f9;box-shadow:0 4px 24px rgba(0,0,0,.5)} [data-design="dark"] .card h3,[data-design="dark"] .step h3,[data-design="dark"] .faq-item h3,[data-design="dark"] .divi-column-card h3{color:#f1f5f9} [data-design="dark"] .card p,[data-design="dark"] .step p,[data-design="dark"] .faq-item p,[data-design="dark"] .divi-column-card p{color:#94a3b8} [data-design="dark"] .card-icon{background:rgba(255,255,255,.08);color:#e2e8f0} [data-design="dark"] .card:hover{transform:translateY(-4px);box-shadow:0 8px 40px rgba(0,0,0,.6),0 0 0 1px var(--primary);background:#263449} [data-design="dark"] .step-number{background:var(--primary);box-shadow:0 0 18px rgba(49,87,255,.45)} [data-design="dark"] .faq-list{display:flex;flex-direction:column;gap:0} [data-design="dark"] .faq-item{background:transparent;border:none;border-bottom:1px solid #334155;border-radius:0;box-shadow:none;padding:22px 0} [data-design="dark"] .faq-item:first-child{border-top:1px solid #334155} [data-design="dark"] .price-plan{background:#1e293b;border-color:#334155;color:#f1f5f9} [data-design="dark"] .price-plan h3,[data-design="dark"] .price-plan strong,[data-design="dark"] .price-plan p{color:#f1f5f9} [data-design="dark"] .price-plan li{color:#94a3b8} [data-design="dark"] .price-plan.featured{background:#162032;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 12px 40px rgba(0,0,0,.5)} [data-design="dark"] .price-plan-kicker{color:#94a3b8} [data-design="dark"] .price-plan-badge{background:var(--primary);color:#fff} [data-design="dark"] .product,[data-design="dark"] .store-product{background:#1e293b;border-color:#334155} [data-design="dark"] .product-body,[data-design="dark"] .store-product-body{background:#1e293b} [data-design="dark"] .product:hover,[data-design="dark"] .store-product:hover{transform:none;box-shadow:0 0 0 2px var(--primary)} [data-design="dark"] .product-cover,[data-design="dark"] .store-product-cover{background:#162032} [data-design="dark"] .store-product h3,[data-design="dark"] .product-body h3{color:#f1f5f9} [data-design="dark"] .store-product p,[data-design="dark"] .product-body p{color:#94a3b8} [data-design="dark"] .cta-band{background:#020817} [data-design="dark"] .cta-band h2,[data-design="dark"] .cta-band p{color:#f1f5f9} [data-design="dark"] .footer{background:#020817;border-top:1px solid #1e293b} [data-design="dark"] input,[data-design="dark"] textarea,[data-design="dark"] select{background:#1e293b;border-color:#334155;color:#f1f5f9} [data-design="dark"] .section-more-btn .btn-outline{border-color:#334155;color:#94a3b8} [data-design="dark"] .section-more-btn .btn-outline:hover{background:#1e293b;color:#f1f5f9} /* ═══════════════════════════════════════════════ DISEÑO: MINIMAL Sin sombras · Whitespace · Líneas finas ═══════════════════════════════════════════════ */ [data-design="minimal"] body{font-family:'DM Sans',system-ui,sans-serif} [data-design="minimal"] h1,[data-design="minimal"] h2,[data-design="minimal"] h3{font-family:'DM Sans',system-ui,sans-serif} [data-design="minimal"] .section{padding:96px clamp(28px,6vw,80px)} [data-design="minimal"] .section-head{margin-bottom:56px} [data-design="minimal"] .section-head h2{font-size:clamp(30px,5vw,62px);font-weight:900;letter-spacing:-2px} [data-design="minimal"] .section-head p{font-size:17px;max-width:500px;line-height:1.7} /* Cards — sin bordes ni sombra, separadas por líneas */ [data-design="minimal"] .cards{gap:0;border-top:1px solid var(--border)} [data-design="minimal"] .card{border:none;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;background:transparent;padding:32px 0} [data-design="minimal"] .card:hover{transform:none;box-shadow:none;background:#fafbff} [data-design="minimal"] .card-icon{background:transparent;border:none;width:36px;height:36px;font-size:28px;margin-bottom:6px} [data-design="minimal"] .card h3{font-size:18px;font-weight:700} /* Steps — numerados simples */ [data-design="minimal"] .steps{gap:0;border-top:1px solid var(--border);flex-direction:column} [data-design="minimal"] .step{background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;padding:32px 0;flex-direction:row;align-items:flex-start;gap:24px;height:auto} [data-design="minimal"] .step-number{width:32px;height:32px;border-radius:50%;font-size:13px;font-weight:900;flex-shrink:0;margin:0} [data-design="minimal"] .step h3{font-size:17px;font-weight:700;margin:4px 0 6px} /* FAQ — plana */ [data-design="minimal"] .faq-list{gap:0} [data-design="minimal"] .faq-item{background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;padding:28px 0} [data-design="minimal"] .faq-item:first-child{border-top:1px solid var(--border)} [data-design="minimal"] .faq-item h3{font-size:16px;font-weight:700} /* DivColumns — separadas por líneas */ [data-design="minimal"] .divi-columns-wrap{gap:0;border-top:1px solid var(--border)} [data-design="minimal"] .divi-column-card{background:transparent;border:none;border-right:1px solid var(--border);border-radius:0;box-shadow:none;padding:36px 24px} [data-design="minimal"] .divi-column-card:last-child{border-right:none} [data-design="minimal"] .divi-column-card h3{font-weight:700} /* PriceList */ [data-design="minimal"] .price-plan{border-radius:0;box-shadow:none;border:1px solid var(--border)} [data-design="minimal"] .price-plan.featured{border:2px solid var(--primary)} [data-design="minimal"] .price-plan-badge{border-radius:0} /* Productos */ [data-design="minimal"] .product,[data-design="minimal"] .store-product{border-radius:0;box-shadow:none} [data-design="minimal"] .product:hover,[data-design="minimal"] .store-product:hover{transform:none;box-shadow:none;opacity:.82} [data-design="minimal"] .product-cover,[data-design="minimal"] .store-product-cover{border-radius:0} /* Botones */ [data-design="minimal"] .btn{border-radius:6px;box-shadow:none} [data-design="minimal"] .btn-primary{box-shadow:none} [data-design="minimal"] .btn-primary:hover{box-shadow:none} /* CTA */ [data-design="minimal"] .cta-band{padding:88px clamp(28px,6vw,80px)} @media(max-width:768px){ [data-design="minimal"] .step{flex-direction:column;gap:10px} [data-design="minimal"] .divi-column-card{border-right:none;border-bottom:1px solid var(--border)} }