:root{--g:#2B2D31;--g2:#3A3D42;--w:#8A8580;--w2:#E9E6E1;--o:#F7F5F1;--a:#F5A524;--a2:#FFF4DF;--r:14px}
body{font-family:Archivo,system-ui,sans-serif}
/* App (/v/ID) */
.nc-app{margin:0;background:var(--o);color:var(--g);font-size:17px;line-height:1.5}
.nc-top{background:var(--g);padding:14px 18px;border-bottom:3px solid var(--a)}
.nc-top a{color:#fff;font-weight:800;font-size:22px;text-decoration:none;letter-spacing:-.5px}.nc-top span,.nc-acc{color:var(--a)}
.nc-main{max-width:560px;margin:0 auto;padding:16px}
.nc-foot{text-align:center;color:var(--w);font-size:14px;padding:24px 16px}.nc-foot a{color:var(--w)}
.nc-card{background:#fff;border:1px solid var(--w2);border-radius:var(--r);padding:20px;margin-bottom:16px}
.nc-card h1{font-size:26px;line-height:1.15;margin:.2em 0 .4em}
.nc-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--w);margin:0;font-weight:600}
.nc-h2{font-size:15px;text-transform:uppercase;letter-spacing:.1em;color:var(--w);margin:24px 0 10px}
.nc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nc-opt{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:112px;padding:14px;background:#fff;border:1.5px solid var(--w2);border-radius:var(--r);font:600 15px/1.25 Archivo,sans-serif;color:var(--g);text-align:left;cursor:pointer}
.nc-opt svg{color:var(--g2)}.nc-opt.on{border-color:var(--a);background:var(--a2);box-shadow:0 0 0 2px var(--a) inset}.nc-opt.on svg{color:#B87300}
.nc-step2{margin-top:18px;border-color:var(--a)}.nc-sel{font-size:20px;font-weight:800;margin:.2em 0 .6em}
.nc-form label{display:block;font-weight:600;margin:0 0 14px;font-size:15px}
.nc-form input:not([type=checkbox]),.nc-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:14px;font:16px Archivo,sans-serif;border:1.5px solid var(--w2);border-radius:10px;background:var(--o);color:var(--g)}
.nc-form input:focus,.nc-form textarea:focus{outline:none;border-color:var(--a)}
.nc-check{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important}.nc-check input{width:22px;height:22px;flex:none;accent-color:var(--a)}
.nc-btn{display:block;width:100%;box-sizing:border-box;text-align:center;padding:17px 20px;background:var(--a);color:var(--g)!important;border:0;border-radius:var(--r);font:800 18px Archivo,sans-serif;text-decoration:none;cursor:pointer;margin:10px 0}
.nc-btn-ghost{background:transparent;border:1.5px solid var(--g);font-size:16px}
.nc-warn{background:var(--g);color:#fff;padding:12px 14px;border-radius:10px;font-weight:600;font-size:15px}
.nc-danger{background:#FDECEC;color:#8A1C1C;padding:12px 14px;border-radius:10px;font-weight:600}.nc-danger a{color:#8A1C1C}
.nc-err{color:#A1261F;font-weight:600}.nc-ok{color:#2E7D32;font-weight:600}.nc-muted{color:var(--w);font-size:15px}
.nc-promo{background:var(--g);color:#fff;border:0}.nc-promo h2{margin-top:0}.nc-code{background:var(--a);color:var(--g);padding:2px 8px;border-radius:6px}
/* Bloque de pedido (landing) */
.nc-order{background:var(--g);color:#fff;border-radius:18px;padding:28px 22px;max-width:620px;margin:24px auto;border-top:4px solid var(--a)}
.nc-order h2{color:#fff;font-size:clamp(24px,5vw,34px);line-height:1.15;margin:.2em 0}.nc-order s{color:var(--w);font-weight:400;font-size:.7em}
.nc-order .nc-kicker{color:var(--a)}.nc-count{font-size:18px}.nc-count strong{color:var(--a);font-size:24px}
.nc-order .nc-form{background:#fff;color:var(--g);border-radius:var(--r);padding:18px;margin-top:10px}
.nc-order .nc-btn-ghost{border-color:#fff;color:#fff!important}
.nc-details summary{list-style:none}.nc-details summary::-webkit-details-marker{display:none}
/* Landing (clases editables desde Gutenberg > Avanzado > Clases CSS) */
body.home{background:var(--o);color:var(--g);overflow-x:hidden}
.home .wp-block-post-title,.home .entry-title{display:none}
.home h1,.home h2,.home h3{font-family:Archivo,sans-serif;letter-spacing:-.02em}
.home main.wp-block-group,.home .wp-site-blocks>main{margin-top:0!important;padding-top:0!important}
.home .entry-content>*:first-child{margin-top:0!important}
.nc-hero{position:relative;padding:28px 0 210px!important;margin-top:0!important}
.nc-hero::before{content:"Pegatina QR · avisos para tu coche";display:block;text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--w);margin-bottom:18px}
.nc-hero h1{font-weight:300;font-size:clamp(40px,8vw,76px);line-height:1.02;color:var(--g);margin:0 0 22px;max-width:11ch}
.nc-hero p{font-size:19px;color:var(--g2);max-width:34ch;font-weight:400}
.nc-hero::after{content:"";position:absolute;right:0;bottom:24px;width:min(92%,440px);aspect-ratio:320/140;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 140' fill='none' stroke='%232B2D31' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 104h22M84 104h134M262 104h28c6 0 10-4 10-10V80c0-8-5-13-13-15l-46-9-34-26c-6-5-13-7-21-7H96c-8 0-14 3-19 9L56 56l-26 6c-8 2-12 8-12 15v27'/%3E%3Ccircle cx='62' cy='104' r='20'/%3E%3Ccircle cx='240' cy='104' r='20'/%3E%3Cpath d='M86 56l18-24h46v24zM164 32h22l32 24h-54z'/%3E%3Cpath d='M290 74h8' stroke='%23F5A524' stroke-width='6'/%3E%3Crect x='24' y='70' width='18' height='12' rx='2' stroke='%23F5A524'/%3E%3Cpath d='M28 74h4v4h-4zM35 74h3' stroke='%23F5A524' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center/contain}
.nc-section{padding:56px 0!important;border-top:1px solid var(--w2)}
.nc-section>h2,.nc-section h2.wp-block-heading{font-weight:300;font-size:clamp(30px,5vw,44px);margin:0 0 28px}
.nc-steps{gap:0!important;counter-reset:s}
.nc-steps .wp-block-column{padding:22px 22px 22px 0;border-top:1px solid var(--g)}
.nc-steps .wp-block-column+.wp-block-column{padding-left:22px;border-left:1px solid var(--w2)}
.nc-steps h3{font-weight:600;font-size:22px;margin:0 0 8px}.nc-steps h3::first-letter{color:var(--a)}
.nc-steps p{color:var(--g2)}
@media(max-width:781px){.nc-steps .wp-block-column+.wp-block-column{padding-left:0;border-left:0}}
.nc-list{list-style:none;padding:0!important;columns:2 260px;column-gap:40px}
.nc-list li{padding:12px 0 12px 22px;border-bottom:1px solid var(--w2);break-inside:avoid;position:relative;font-size:17px}
.nc-list li::before{content:"";position:absolute;left:0;top:20px;width:8px;height:8px;border-radius:50%;background:var(--a)}
.home .wp-block-details{border:0;border-bottom:1px solid var(--w2);border-radius:0;padding:18px 0;margin:0;background:none}
.home .wp-block-details summary{font-weight:500;font-size:19px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.home .wp-block-details summary::after{content:"+";color:var(--a);font-size:24px;line-height:1}
.home .wp-block-details[open] summary::after{content:"–"}
.home .wp-block-details p{color:var(--g2)}
.nc-order{border-radius:22px;padding:40px 28px;margin:56px auto}
.nc-order h2{font-weight:300}
/* Dolor del cliente: banda oscura a todo el ancho */
.nc-pain{background:var(--g);color:#fff;box-shadow:0 0 0 100vmax var(--g);clip-path:inset(0 -100vmax);border-top:0!important}
.nc-pain h2{color:#fff}.nc-pain p{color:var(--w2);font-size:19px}
.nc-pain .nc-list li{border-color:#44474d;color:#fff}.nc-pain .nc-list li::before{background:none;content:"!";color:var(--a);font-weight:800;top:11px;width:auto;height:auto}
.nc-cta .wp-block-button__link{background:var(--a)!important;color:var(--g)!important;border-radius:14px;font-weight:800;font-size:18px;padding:18px 30px}
.nc-hero .nc-cta{margin-top:26px}
@media(max-width:360px){.nc-grid{grid-template-columns:1fr}}
/* Titulares con serifa clásica (contraste con Archivo) */
.home h1,.home h2,.nc-hero h1,.nc-section h2.wp-block-heading,.nc-order h2,.nc-card h1,.nc-promo h2{font-family:"Playfair Display",Georgia,serif!important;font-weight:500!important;letter-spacing:-.01em}
.nc-hero h1{font-weight:400!important}
