/*
Theme Name: Sagtyp Landing
Theme URI: https://example.com/
Author: Sagtyp
Description: Landing de imprenta editable con el Personalizador, galería integrada y cotización por WhatsApp.
Version: 2.3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: sagtyp-landing
*/
:root{--blue:#004998;--deep:#052650;--navy:#031b3e;--yellow:#ffe233;--ink:#112744;--muted:#64758a;--line:#dce7f2;--ice:#f3f8ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,sans-serif;letter-spacing:-.045em}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:0;background:white;color:black;padding:12px;z-index:100}.skip-link:focus{left:8px}.site-header{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 1px 0 #102c4f15}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:28px}.brand{display:inline-flex;align-items:center}.brand-box{font:bold 34px Outfit,sans-serif;letter-spacing:-2px;color:#fff;background:var(--blue);line-height:1;padding:8px 11px 11px}.brand-box span{font-weight:500}.custom-logo{max-width:200px;max-height:62px;width:auto;height:auto}.desktop-nav{display:flex;align-items:center;gap:34px;margin-left:auto}.desktop-nav a{font-size:14px;font-weight:700;color:#29415d}.desktop-nav a:hover,.service-link:hover{color:var(--blue)}.desktop-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:34px}.nav-cta{background:var(--blue);color:white;padding:14px 20px;border-radius:5px;font-weight:800;font-size:14px;white-space:nowrap}.nav-cta span,.button span{margin-left:16px}.menu-toggle,.mobile-nav{display:none}.hero{overflow:hidden;background:radial-gradient(circle at 15% 75%,#0b65bf 0%,transparent 38%),linear-gradient(120deg,#074d9d,#032b67 68%,#061d4c);color:white}.hero-layout{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:620px;gap:40px}.hero-copy{position:relative;z-index:1;padding:65px 0}.eyebrow{display:inline-flex;gap:10px;align-items:center;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:#c5dcf7}.eyebrow-dot{width:8px;height:8px;background:var(--yellow);border-radius:50%}.hero h1{font-size:clamp(50px,5.4vw,83px);line-height:1.02;max-width:650px;margin:23px 0;font-weight:800}.hero-copy>p{color:#d3e2f4;font-size:17px;line-height:1.7;max-width:500px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;border:0;border-radius:5px;padding:17px 23px;font-weight:800;font-size:14px;transition:transform .2s}.button:hover,.nav-cta:hover{transform:translateY(-2px)}.button-yellow{background:var(--yellow);color:var(--navy)}.button-light{border:1px solid #8aadd7;color:white}.button-blue{background:var(--blue);color:white}.hero-stats{display:flex;align-items:center;gap:17px;margin-top:56px;font-size:12px;color:#d1ddf0;white-space:nowrap}.hero-stats b{color:var(--yellow);font-size:20px;margin-right:4px}.hero-stats i{width:1px;height:21px;background:#7798c6}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;height:590px}.visual-orbit{position:absolute;width:610px;height:610px;border-radius:50%;border:1px solid #ffffff2f;box-shadow:0 0 0 65px #ffffff0a,0 0 0 130px #ffffff08}.hero-frame{position:relative;width:72%;max-width:385px;height:505px;background:white;transform:rotate(6deg);border:9px solid white;box-shadow:0 30px 75px #00163a99;overflow:hidden}.hero-frame img{width:100%;height:100%;object-fit:cover;object-position:top}.float-badge{position:absolute;left:-2%;bottom:74px;background:var(--yellow);color:var(--navy);padding:17px 21px;transform:rotate(-8deg);font:700 13px Outfit;box-shadow:0 12px 30px #001b4788}.float-badge strong{display:block;font-size:22px}.visual-index{position:absolute;bottom:27px;right:5%;font-size:11px;font-weight:700;letter-spacing:.2em;color:#b8d6f4}.ticker{background:var(--yellow);overflow:hidden}.ticker-row{display:flex;justify-content:space-between;gap:15px;align-items:center;min-height:60px;white-space:nowrap;font:800 13px Outfit;letter-spacing:.09em;color:var(--deep)}.ticker b{font-size:19px;color:var(--blue)}.section{padding:110px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px}.section-kicker{font-size:12px;letter-spacing:.15em;font-weight:900;color:var(--blue)}.section-heading h2,.about h2,.quote-section h2{font-size:clamp(36px,4vw,58px);line-height:1.06;margin:12px 0 0;max-width:620px}.section-heading>p{line-height:1.65;max-width:330px;color:var(--muted);margin-bottom:5px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service-card{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.service-card:hover{box-shadow:0 18px 35px #102d5516;transform:translateY(-4px)}.service-image{height:226px;background:#e5eff9;position:relative;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover;object-position:top}.service-number{position:absolute;top:12px;left:12px;background:#fff;padding:8px 10px;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.1em}.service-body{padding:25px 21px 20px;flex:1;display:flex;flex-direction:column}.service-body h3{font-size:23px;line-height:1.1;margin:0 0 11px}.service-body p{font-size:14px;line-height:1.55;color:var(--muted);margin-bottom:24px}.service-link{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:13px;font-weight:800}.gallery-section{background:var(--ice)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-tile{margin:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 25px #0a438c0a}.gallery-tile img{width:100%;height:290px;object-fit:cover;object-position:top;transition:transform .3s}.gallery-tile:hover img{transform:scale(1.035)}.gallery-tile figcaption{display:flex;flex-direction:column;gap:5px;padding:19px 20px 23px}.gallery-tile figcaption span{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--blue)}.gallery-tile figcaption strong{font:700 22px Outfit}.gallery-note{font-size:12px;color:var(--muted);margin:25px 0 0}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.about h2{margin-bottom:19px}.about p{max-width:470px;line-height:1.7;color:var(--muted);margin-bottom:25px}.process-list>div{display:flex;align-items:flex-start;gap:22px;padding:25px 0;border-bottom:1px solid var(--line)}.process-list>div:first-child{border-top:1px solid var(--line)}.process-list b{font:800 29px Outfit;color:var(--blue)}.process-list strong{display:block;font:700 22px Outfit;margin-bottom:6px}.process-list small{font-size:14px;color:var(--muted)}.quote-section{background:var(--deep);color:white;padding:100px 0;overflow:hidden}.quote-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px}.quote-section .section-kicker{color:var(--yellow)}.quote-section h2{font-size:clamp(42px,4.6vw,68px);margin:15px 0 20px}.quote-intro>p{color:#c3d3e9;line-height:1.7;max-width:440px}.quote-decor{margin-top:65px;font:900 clamp(60px,9vw,130px) Outfit;letter-spacing:-.09em;color:#ffffff12;white-space:nowrap}.quote-decor span{color:#ffe23322}.quote-decor i{font-style:normal;font-size:55px;color:var(--yellow)}.quote-form{background:white;color:var(--ink);padding:35px;border-radius:10px;box-shadow:0 25px 65px #0002}.quote-form label{display:block;font-size:12px;font-weight:800;margin-bottom:17px}.quote-form input,.quote-form select,.quote-form textarea,.quote-form #copy-fallback{display:block;width:100%;border:1px solid #d7e2f0;background:#f7faff;border-radius:5px;margin-top:8px;padding:13px 14px;outline:none;color:var(--ink);font-size:14px;resize:vertical}.quote-form :is(input,select,textarea):focus{border-color:var(--blue);box-shadow:0 0 0 2px #0055aa22}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-submit{width:100%;text-align:left}.copy-button{background:none;border:0;display:block;margin:15px auto;color:var(--blue);font-size:12px;font-weight:800;text-decoration:underline}.form-disclaimer{font-size:11px;color:var(--muted);margin:10px 0 0;text-align:center}#quote-status:not(:empty){font-size:13px;line-height:1.5;background:#fff7cf;color:#614d00;padding:10px;margin:12px 0}.site-footer{background:#03152c;color:#b5c5d8;padding-top:65px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:80px;padding-bottom:60px}.footer-grid h3{font:800 14px Outfit;color:white;letter-spacing:.08em}.footer-grid p{line-height:1.6;font-size:13px}.footer-grid a:not(.footer-brand){display:block;margin-bottom:12px;font-size:13px}.footer-grid a:hover{color:white}.footer-brand{color:white;font:800 36px Outfit}.footer-brand span{color:var(--yellow)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding:20px 0;font-size:11px}.standard-page{padding:90px 0;min-height:45vh}.standard-page article{max-width:850px}.standard-page h1{font-size:48px}.standard-page img{height:auto}@media(max-width:960px){.desktop-nav{gap:15px}.service-grid{grid-template-columns:repeat(2,1fr)}.quote-layout{gap:35px}.hero-layout{gap:10px}.hero-stats{gap:9px}.hero-stats span{font-size:10px}.about-layout{gap:45px}}@media(max-width:700px){.container{width:min(100% - 36px,540px)}.nav-wrap{min-height:67px}.brand-box{font-size:27px}.custom-logo{max-height:48px}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--deep)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0;padding:10px 20px 18px;border-top:1px solid var(--line)}.mobile-nav a{padding:13px 0;font-weight:700;border-bottom:1px solid var(--line)}.hero-layout{display:flex;flex-direction:column;align-items:stretch}.hero-copy{padding:65px 0 15px}.hero h1{font-size:clamp(47px,12vw,69px)}.hero-copy>p{font-size:15px}.hero-stats{margin-top:38px;flex-wrap:wrap}.hero-visual{height:430px}.visual-orbit{height:430px;width:430px}.hero-frame{height:370px;width:62%}.float-badge{left:4%;bottom:75px;padding:10px;font-size:10px}.float-badge strong{font-size:16px}.ticker-row{justify-content:flex-start;overflow:hidden;gap:22px}.ticker-row span{font-size:10px}.ticker-row span:nth-of-type(n+4),.ticker-row b:nth-of-type(n+4){display:none}.section{padding:75px 0}.section-heading{display:block;margin-bottom:28px}.section-heading h2,.about h2{font-size:41px}.section-heading>p{margin-top:18px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-tile img{height:195px}.gallery-tile figcaption{padding:12px}.gallery-tile figcaption strong{font-size:16px}.gallery-tile figcaption span{font-size:9px}.about-layout,.quote-layout{grid-template-columns:1fr;gap:30px}.quote-section{padding:75px 0}.quote-decor{display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:27px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{gap:15px}}@media(max-width:480px){.service-grid{gap:12px}.service-image{height:155px}.service-body{padding:16px 13px}.service-body h3{font-size:19px}.service-body p{font-size:12px}.service-link{font-size:11px}.gallery-tile img{height:175px}.hero-buttons .button{padding:14px;font-size:12px}.hero-stats i:last-of-type,.hero-stats span:last-of-type{display:none}.quote-form{padding:23px}.form-row{grid-template-columns:1fr;gap:0}}

/* Logotipo proporcionado por Sagtyp: el logotipo personalizado del sitio lo sustituye desde el Personalizador. */
.brand .custom-logo{object-fit:contain}

/* Contacto y redes: visibles y editables desde el Personalizador */
.header-whatsapp{border:1px solid #23a76b;color:#137a4c;padding:12px 16px;border-radius:5px;font-weight:800;font-size:13px;white-space:nowrap}.header-whatsapp:hover{background:#e8faf0}.social-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.footer-grid .social-links a{display:inline-flex;align-items:center;border:1px solid #ffffff50;border-radius:5px;padding:9px 13px;margin:0;font-weight:700;color:#fff}.footer-grid .social-links a:hover{border-color:var(--yellow);color:var(--yellow)}@media(max-width:950px){.header-whatsapp{display:none}}