@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#102821;--green:#0f513f;--green2:#176b53;--mint:#eaf5ef;--lime:#b8df62;--cream:#f7f5ef;--paper:#fff;--muted:#64736d;--line:#dce5e0;--shadow:0 20px 55px rgba(16,40,33,.11);--radius:22px;--wrap:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:150px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 'DM Sans',Arial,sans-serif}img{max-width:100%}a{color:inherit}button,input,textarea{font:inherit}.wrap{width:min(var(--wrap),calc(100% - 40px));margin:auto}.skip{position:fixed;left:15px;top:-100px;background:#fff;padding:10px 16px;z-index:9999}.skip:focus{top:15px}.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(15,81,63,.09)}header .nav{padding:12px 0 9px}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.logo img{display:block;width:245px;height:auto}.header-contact{display:flex;align-items:center;gap:25px}.header-contact a{text-decoration:none;font-weight:700}.header-phone{color:var(--green);font-size:1.25rem}.header-email{color:var(--muted)}header nav{display:flex;align-items:center;justify-content:flex-end;gap:27px;border-top:1px solid var(--line);margin-top:10px;padding-top:9px}header nav>a:not(.button){text-decoration:none;font-weight:600;font-size:.94rem}header nav>a:not(.button):hover{color:var(--green2)}.menu{border:0;background:var(--green);color:#fff;border-radius:10px;padding:8px 13px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:#fff!important;text-decoration:none;border:0;border-radius:999px;padding:13px 22px;font-weight:800;box-shadow:0 9px 22px rgba(15,81,63,.15);transition:.2s transform,.2s background}.button:hover{transform:translateY(-2px);background:var(--green2)}.button.dark{background:var(--ink)}.plain{font-weight:700;text-underline-offset:5px}.eyebrow{margin:0 0 15px;color:var(--green2);font:800 .75rem/1.2 Manrope,sans-serif;letter-spacing:.15em}.hero{overflow:hidden;background:linear-gradient(125deg,#f1f8f4 0,#fff 58%,#f8f5ea 100%);padding:72px 0 65px;position:relative}.hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:var(--lime);opacity:.18;right:-130px;top:-160px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:65px}.hero h1,.section h1{font:800 clamp(3.2rem,6vw,5.8rem)/.96 Manrope,sans-serif;letter-spacing:-.06em;margin:0 0 26px}.hero h1 em,.section h1 em,h2 em{font-style:normal;color:var(--green2)}.intro{font-size:1.16rem;color:var(--muted);max-width:620px;margin:0 0 30px}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hero figure{margin:0;position:relative}.hero-image{display:block;width:100%;aspect-ratio:1.18;object-fit:cover;border-radius:38px 8px 38px 8px;box-shadow:var(--shadow)}.hero figure:before{content:"PARA EMPRESAS Y PARTICULARES";position:absolute;z-index:2;top:18px;left:-18px;background:var(--lime);padding:10px 15px;border-radius:999px;font:800 .72rem Manrope,sans-serif;letter-spacing:.08em}.hero figcaption{font-size:.72rem;color:var(--muted);margin-top:10px;letter-spacing:.08em}.hero figcaption span{float:right}.strip{background:var(--green);color:#fff}.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.strip .wrap>div{padding:23px 25px;border-right:1px solid rgba(255,255,255,.14)}.strip strong,.strip span{display:block}.strip strong{font-family:Manrope,sans-serif}.strip span{color:#cfe0d9;font-size:.88rem}.section{padding:90px 0}.section-head{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:50px;margin-bottom:45px}.section-head h2,.catalog h2,.brand-band h2,.quote h2{font:800 clamp(2.5rem,5vw,4.5rem)/1 Manrope,sans-serif;letter-spacing:-.05em;margin:0}.section-head>p{color:var(--muted);margin:0 0 7px}.stationery-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.stationery-gallery figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 35px rgba(16,40,33,.06);transition:.2s}.stationery-gallery figure:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.stationery-gallery img{width:100%;height:245px;object-fit:cover;display:block}.stationery-gallery figcaption{font:800 1.2rem Manrope,sans-serif;padding:18px 20px 4px}.gallery-cta{display:inline-block;margin:5px 20px 20px;color:var(--green2);font-weight:800;text-decoration:none}.gallery-note,.small{font-size:.86rem;color:var(--muted)}.gallery-note{margin:12px 0 28px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.filters button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;font-weight:700;cursor:pointer}.filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product{background:var(--cream);border:1px solid transparent;border-radius:18px;padding:25px;transition:.2s}.product:hover{background:#fff;border-color:var(--line);box-shadow:0 15px 35px rgba(16,40,33,.07)}.product .number{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--mint);color:var(--green);font-weight:800;margin-bottom:25px}.product h3,.product h2{font:800 1.3rem/1.2 Manrope,sans-serif;margin:0 0 12px}.product p{color:var(--muted)}.product>a:not(.button){color:var(--green2);font-weight:800;text-decoration:none}.catalog{margin-bottom:90px;background:var(--lime);border-radius:32px;padding:50px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.catalog-title{position:relative}.catalog h2{font-size:clamp(2.6rem,5vw,4.4rem)}.big-number{display:inline-flex;align-items:end;gap:7px;margin-top:28px;font:800 3.2rem Manrope,sans-serif}.big-number small{font:700 .85rem DM Sans,sans-serif;margin-bottom:10px}.catalog>div:last-child{background:#fff;padding:30px;border-radius:20px}.catalog>div:last-child h3{font:800 1.5rem Manrope,sans-serif;margin-top:0}.brand-band{background:var(--ink);color:#fff;padding:90px 0;text-align:center}.brand-band .wrap{max-width:900px}.brand-band .eyebrow{color:var(--lime)}.brand-band p:last-child{color:#c8d7d1;font-size:1.08rem;max-width:700px;margin:22px auto 0}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.benefits article{border-top:3px solid var(--green);background:var(--mint);padding:25px;border-radius:0 0 18px 18px}.benefits span{font-size:.72rem;letter-spacing:.12em;font-weight:800;color:var(--green2)}.benefits h3{font:800 1.2rem Manrope,sans-serif}.benefits p{color:var(--muted)}.quote{background:linear-gradient(135deg,var(--green),#0a3429);color:#fff;padding:90px 0}.quote-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.quote .eyebrow{color:var(--lime)}.quote h2 em{color:var(--lime)}.quote-grid>div:first-child>p{color:#d5e2dd}.contact-big{display:block;font:800 2rem Manrope,sans-serif;color:#fff;text-decoration:none;margin-top:28px}.quote-grid>div:first-child>a:not(.contact-big){color:#fff}.consultation-trust{margin-top:38px;padding-top:25px;border-top:1px solid rgba(255,255,255,.18)}.consultation-trust ul{list-style:none;padding:0}.consultation-trust li{border-left:2px solid var(--lime);padding-left:15px;margin:18px 0}.consultation-trust strong,.consultation-trust span{display:block}.consultation-trust span{color:#c7d9d2;font-size:.88rem}.quote form{background:#fff;color:var(--ink);border-radius:26px;padding:35px;box-shadow:0 25px 65px rgba(0,0,0,.18)}.quote form h3{font:800 1.8rem Manrope,sans-serif;margin:0 0 6px}.form-lead,.notice,.contact-choice-help{color:var(--muted)}.quote label{display:block;font-weight:700;margin:16px 0}.quote input,.quote textarea{width:100%;border:1px solid #cfdad5;border-radius:11px;padding:12px 14px;margin-top:6px;outline:none;background:#fbfcfb}.quote input:focus,.quote textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(15,81,63,.09)}.quote fieldset{border:0;padding:0;margin:0}.quote fieldset:disabled{opacity:.6}.honey{position:absolute;left:-9999px}.selected-product{display:flex;justify-content:space-between;gap:10px;background:var(--mint);padding:10px 13px;border-radius:10px}.selected-product button{border:0;background:none;text-decoration:underline}.privacy-check{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important}.privacy-check input{width:auto;margin-top:5px}.quote button[type=submit]{width:100%;cursor:pointer}.form-status{min-height:25px;font-weight:700;color:var(--green)}
#contacto{padding-top:90px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.contact-grid h2{font:800 3.2rem Manrope,sans-serif;letter-spacing:-.04em}.contact-grid a{font-weight:700}.email{font-size:1.45rem}.contact-card{background:var(--cream);padding:30px;border-radius:22px}.contact-card h3{font-family:Manrope,sans-serif}.contact-card a{color:var(--green2)}
footer{margin-top:90px;background:#f3f6f4;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px}.footer-grid .logo img{width:210px}.footer-grid h3{font:800 .9rem Manrope,sans-serif;text-transform:uppercase;letter-spacing:.08em}.footer-grid a{display:block;text-decoration:none;color:var(--muted);margin:8px 0}.footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;display:flex;gap:22px;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}.footer-bottom a{text-decoration:none}
/* Catálogo y páginas legales */main.section.wrap>h1{font-size:clamp(3rem,6vw,5.5rem);margin-top:25px}main.section.wrap>.actions{margin:30px 0 55px}.parts-heading{font:800 2rem Manrope,sans-serif;margin:50px 0 25px}.pdfs{grid-template-columns:repeat(3,1fr)}.pdfs .product{background:var(--cream)}.legal{max-width:900px}.legal h1{font:800 clamp(2.7rem,5vw,4.8rem)/1 Manrope,sans-serif;letter-spacing:-.05em}.legal h2{font-family:Manrope,sans-serif;margin-top:35px}.legal p,.legal li{color:#43544e}
@media(max-width:900px){.hero-grid,.section-head,.catalog,.quote-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:35px}.products,.benefits{grid-template-columns:1fr 1fr}.catalog{gap:30px}.quote-grid{gap:45px}.pdfs{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.strip .wrap{grid-template-columns:1fr 1fr}.header-contact{gap:12px}.header-email{display:none}}
@media(max-width:680px){.wrap{width:min(100% - 28px,var(--wrap))}html{scroll-padding-top:110px}header .nav{display:grid;grid-template-columns:1fr auto;align-items:center}.brand-row{grid-column:1/-1}.logo img{width:175px}.header-phone{font-size:1rem}.nav.js-menu .menu{display:block;grid-column:2;grid-row:2;margin-top:7px}.nav.js-menu nav{display:none;grid-column:1/-1}.nav.js-menu nav.open{display:flex}header nav{flex-direction:column;align-items:stretch;gap:11px;padding:14px 0;border-top:1px solid var(--line)}header nav .button{align-self:flex-start}.hero{padding:48px 0}.hero h1{font-size:clamp(2.8rem,14vw,4.1rem)}.hero figure:before{left:10px}.strip .wrap{grid-template-columns:1fr 1fr}.strip .wrap>div{padding:18px 12px}.stationery-gallery,.products,.benefits,.pdfs{grid-template-columns:1fr}.stationery-gallery img{height:220px}.section{padding:65px 0}.catalog{margin-inline:14px;padding:28px;border-radius:24px}.catalog>div:last-child{padding:22px}.brand-band{padding:65px 0}.quote{padding:65px 0}.quote form{padding:23px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.contact-grid h2{font-size:2.4rem}.email{font-size:1.1rem;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ===== Rediseño comercial v2: azul Ketarya + acento naranja ===== */
:root{--ink:#102a43;--green:#0757b7;--green2:#0875d1;--mint:#eaf4ff;--lime:#ff9f1c;--cream:#f5f9ff;--paper:#fff;--muted:#5c6f82;--line:#d9e6f2;--shadow:0 20px 55px rgba(7,87,183,.15)}
header{background:rgba(255,255,255,.97);border-bottom:3px solid #ff9f1c;box-shadow:0 5px 20px rgba(16,42,67,.08)}
.header-phone{color:#0757b7}.menu{display:inline-flex!important;align-items:center;gap:8px;background:linear-gradient(135deg,#0757b7,#0875d1);box-shadow:0 8px 18px rgba(7,87,183,.2);cursor:pointer;font-weight:800}.menu:hover{background:#ff8a00}.button{background:linear-gradient(135deg,#0757b7,#0875d1);box-shadow:0 9px 22px rgba(7,87,183,.2)}.button:hover{background:#ff8a00}.hero{background:linear-gradient(125deg,#edf6ff 0,#fff 52%,#fff2dc 100%)}.hero:after{background:#ff9f1c;opacity:.2}.hero figure:before{background:#ff9f1c;color:#102a43}.strip{background:linear-gradient(100deg,#063f8d,#0875d1)}.catalog{background:linear-gradient(135deg,#ffb13b,#ff8a00);color:#102a43}.brand-band{background:linear-gradient(120deg,#072f66,#061f43)}.benefits article{border-top-color:#ff9f1c;background:#edf6ff}.product{background:linear-gradient(145deg,#f5f9ff,#fff8ee);border:1px solid #e3ebf3}.product .number{background:#e1f0ff;color:#0757b7}.quote{background:linear-gradient(135deg,#063f8d,#0875d1)}.quote .eyebrow,.quote h2 em{color:#ffd27a}.filters button[aria-pressed=true]{background:#0757b7;border-color:#0757b7}.contact-card{background:linear-gradient(145deg,#edf6ff,#fff8ee)}
/* Menú desplegable real en escritorio y móvil */
.nav.js-menu{position:relative}.nav.js-menu .menu{display:inline-flex!important;margin-top:10px}.nav.js-menu nav{display:none;position:absolute;right:0;top:100%;min-width:290px;background:#fff;border:1px solid var(--line);border-top:4px solid #ff9f1c;border-radius:0 0 18px 18px;padding:18px;box-shadow:0 22px 45px rgba(16,42,67,.18);flex-direction:column;align-items:stretch;gap:8px;margin-top:0;z-index:500}.nav.js-menu nav.open{display:flex}.nav.js-menu nav>a:not(.button){padding:10px 12px;border-radius:9px}.nav.js-menu nav>a:not(.button):hover{background:#edf6ff;color:#0757b7}.nav.js-menu nav .button{margin-top:6px}
@media(max-width:680px){.nav.js-menu .menu{grid-column:2;grid-row:2}.nav.js-menu nav{left:0;right:0;top:100%;min-width:0}.nav.js-menu nav.open{display:flex}}