/* VEROKA — identidad coral intenso, actualizacion visual 2026. Mantener JS y datos separados. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600;700;800&family=Allura&display=swap');
:root{--accent:#f04432;--ink:#352320;--dark:#ad271e;--muted:#77635b;--cream:#fff8f3;--line:#f3d7ca;color:#382420;background:#fff8f3;font-family:'DM Sans','Segoe UI',system-ui,sans-serif}
body{background:#fff9f5;color:#382420}
.demo-flag{background:#f3352c;color:#fff;border:0;letter-spacing:.01em;font-size:11px;padding:9px 12px;line-height:1.5}
.nav{top:0;background:#fffaf5f7;border-bottom:1px solid #f3d8cc;backdrop-filter:blur(17px)}
.nav-inner{min-height:80px}
.wordmark{display:flex;align-items:center;gap:11px;font-family:'DM Sans',sans-serif;letter-spacing:0}
.brand-avatar{width:52px;height:52px;border-radius:15px;object-fit:cover;box-shadow:0 4px 12px #de5a4433}
.brand-copy{display:flex;align-items:center;gap:8px}
.brand-script{font-family:'Allura','Brush Script MT',cursive;color:#e63d30;font-size:37px;line-height:.75;font-weight:700}
.brand-type{font-size:11px;letter-spacing:.22em;color:#824238;font-weight:800;display:block;margin-top:4px}
.brand-type small{font-family:'DM Sans',sans-serif;display:block;font-size:9px;letter-spacing:.17em;color:#e74030;margin-top:3px;text-align:center}
.nav-links a{color:#46312c;font-size:13px}.nav-links a:hover{color:#e63c2e}
.iconbtn{background:#fff;border:1px solid #edd5cc;border-radius:50%;width:44px;height:44px;color:#472d27}.counter{background:#f1362c}
.hero{background:linear-gradient(110deg,#c92720 0%,#ef4032 34%,#ff5d4b 72%,#fc4d3c 100%);color:#fff;min-height:475px;overflow:hidden}
.hero::before{background:radial-gradient(circle at 33% 95%,#a7221990,transparent 45%),linear-gradient(90deg,#bd291e50,transparent 48%)}
.hero::after{opacity:.3;border-color:#ffe4cf}
.hero-decoration.left{position:absolute;left:-15px;top:-120px;font-size:490px;line-height:1;color:#ffd4b57b;font-family:Georgia,serif;transform:rotate(-18deg);pointer-events:none;z-index:0}
.hero-inner{display:grid;grid-template-columns:1fr .9fr;align-items:center;min-height:485px;gap:5px;padding:43px 0 43px}
.hero-copy{position:relative;z-index:4;padding:5px 0}
.hero .kicker{color:#fff5ea;font-size:11px;letter-spacing:.29em}
.hero .kicker::before{display:none}
.hero h1{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.065em;font-size:clamp(56px,6.2vw,93px);line-height:.93;margin:24px 0 18px;font-weight:700;text-shadow:0 2px 14px #ab271c33}
.hero .hero-by{font-size:14px;letter-spacing:.24em;color:#fff7ed}
.hero p{color:#fffaf6;font-size:14px;line-height:1.78;max-width:500px;margin:24px 0 23px;font-weight:550}
.hero .button.coral{background:#ff513f;color:white;border:1.5px solid #fff8f0;box-shadow:0 9px 25px #a51e1780;border-radius:40px;padding:13px 27px}
.hero .button.coral:hover{background:#ff7865}
.hero .button.ghost{border:1.5px solid #fff3ee;background:#8e1d1b2d;color:#fff;border-radius:40px;padding:13px 24px}
.hero-art{height:410px;position:relative;display:block;overflow:visible}
.model-wrap{position:absolute;top:-45px;left:0;bottom:-51px;width:77%;min-width:345px;overflow:hidden;border-radius:48% 48% 0 0/20% 22% 0 0;mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 94%,transparent 100%)}
.model-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ef4032 0%,transparent 20%,transparent 80%,#fb4f3e55 100%);pointer-events:none}
.model-wrap img{width:100%;height:100%;object-fit:cover;object-position:45% 43%;filter:saturate(1.2) contrast(1.05)}
.hero-claim{position:absolute;right:-17px;top:92px;max-width:175px;transform:rotate(-6deg);color:#fffdf5;font-family:'Allura','Brush Script MT',cursive;font-size:35px;line-height:1.05;text-align:left;text-shadow:0 3px 10px #ab291f4d}
.hero-claim span{display:block}
.hero-claim small{display:block;margin:18px 3px 0;max-width:125px;font-size:11px;line-height:1.5;letter-spacing:.24em;font-family:'DM Sans',sans-serif;font-weight:800}
.feature-row{background:#fff0e9;border-bottom:1px solid #f3d3c4}
.features{justify-content:space-between;gap:12px;color:#703e33;padding:18px 0;font-weight:800}
.features b{font-size:23px;color:#fa4536;font-family:Georgia,serif;line-height:0}
.section{padding:55px 0 67px}
.eyebrow{color:#e54232;font-weight:850;letter-spacing:.24em}
.heading h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(35px,3.7vw,55px);font-weight:700;color:#34221f;letter-spacing:-.052em}
.filterbox{background:#fffaf7;border-color:#f2d9cc;border-radius:15px;padding:18px;box-shadow:0 9px 30px #a94a2820}
.field label{color:#935e51}.field input,.field select{background:#fffefa;color:#4c322d;border-color:#ebd4c9}
.chip.active{background:#f24434;border-color:#f24434}
.chip:hover{background:#fff0e5;border-color:#e74637}
.catalog-grid{gap:17px}.product{border-radius:13px;background:#fffdfa;border-color:#f4e0d7;box-shadow:0 10px 20px #ae58301a}
.product-image{aspect-ratio:1.12/1;background:#ffe4da!important}
.product-image img{object-fit:cover;object-position:center center}
.product-image:before{display:none}
.product-badge{background:#f34a39;color:#fff;border:0;border-radius:6px;top:auto;bottom:10px;left:10px;font-size:11px;padding:7px 9px}
.product-info{padding:15px}.product-info h3{color:#392321;font-weight:800;font-size:16px;min-height:auto;margin-bottom:8px}
.product-info small{color:#a85e50}.price{color:#f0392b;font-size:23px;font-family:'DM Sans',sans-serif}
.product .button{background:#fff0e9;border-color:#ffd0c5;color:#bd392d;border-radius:9px}.product .button:hover{background:#e83a2e;border-color:#e83a2e;color:#fff}
.stock{color:#447a5d}.status-pill{background:#ffeee9;color:#bc4036}
.details-section{background:#fff1e9}.panel{background:#fffdfb;border-color:#f1d8c9}.footer{background:linear-gradient(110deg,#b52c26,#f24434 55%,#fb715c);color:#fff}.footer small,.footer p{color:#fff4ee}
.demo-flag{position:relative;z-index:5}.morka-chat-open{background:#ef3c2e!important;color:#fff!important;border-color:#ff7766!important;box-shadow:0 12px 27px #ba292560!important}
.morka-chat-top{background:linear-gradient(100deg,#c72c26,#ff4e3a)!important}
.morka-chat-form button{background:#ef4334!important}
.mobile-bottom{background:#fffaf7;border-color:#f4d8cd}
@media(max-width:1050px){.hero-inner{grid-template-columns:1fr .8fr}.hero-claim{display:none}.hero h1{font-size:clamp(56px,6.2vw,82px)}}
@media(max-width:700px){
 .nav-inner{min-height:74px}.brand-avatar{width:44px;height:44px}.brand-script{font-size:31px}.brand-type{font-size:9px}
 .hero{background:linear-gradient(140deg,#d72f27,#f64c3c 65%,#ff6c55)}.hero-inner{grid-template-columns:1fr;min-height:0;padding:48px 0 195px}
 .hero h1{font-size:clamp(49px,12vw,72px);margin:22px 0 15px;max-width:350px}.hero p{font-size:13px;max-width:400px;line-height:1.65}
 .hero .stack-actions .button{font-size:12px;padding:12px 14px}.hero-copy{z-index:3}
 .hero-art{display:block!important;position:absolute;bottom:0;right:0;width:56%;height:220px;overflow:hidden;z-index:1;opacity:.86}
 .model-wrap{top:0;bottom:0;left:0;width:120%;min-width:0;border-radius:38% 0 0 0;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 100%)}
 .model-wrap img{object-position:60% 33%}.hero-claim{display:none}
 .hero-decoration.left{font-size:290px;top:120px;left:-55px;opacity:.5}
 .features{font-size:11px;justify-content:center;gap:13px 20px}.features b{font-size:18px}
 .heading h2{font-size:37px}.filterbox{padding:13px}.catalog-grid{gap:12px}.product-info h3{font-size:13px}.price{font-size:19px}
 .product-image{aspect-ratio:1/1.05}.product-image img{object-fit:cover}
 .section{padding:39px 0 45px}.footer{padding-bottom:95px}
}
@media(max-width:385px){.brand-type{display:none}.nav-actions{gap:6px}.hero h1{font-size:47px}.hero-inner{padding-bottom:170px}.hero-art{height:185px}.hero .stack-actions{gap:6px}.hero .button.ghost{display:none}}