/*
Theme Name: Juan Zuluaga Premium
Theme URI: https://www.juanzuluaga.com.co/
Author: ZULSOFTWARE
Description: Tema corporativo ligero para la marca Juan Carlos Zuluaga Duque: consultoría, control interno y software.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: jz-premium
*/
:root{--ink:#10263c;--navy:#102f4b;--navy2:#071f35;--teal:#08a5a2;--blue:#2475c4;--paper:#f4f8fb;--muted:#627488;--line:#dce7ef;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#fff;color:var(--ink);line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.wrap{max-width:1200px;margin:auto;padding:0 25px}.site-header{position:sticky;top:0;z-index:20;background:#fffffff4;box-shadow:0 5px 24px #00182b12;backdrop-filter:blur(14px)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:84px}.brand{display:flex;gap:11px;align-items:center;font-weight:800;letter-spacing:-.6px;line-height:1.18}.brand-mark{background:var(--navy);color:#fff;font-size:22px;border-radius:13px;padding:10px 13px;letter-spacing:-2px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:2.1px;font-weight:700;margin-top:5px}.menu{display:flex;align-items:center;gap:25px;list-style:none;margin:0;padding:0;font-size:13px;font-weight:700}.menu a:hover{color:var(--teal)}.menu-toggle{display:none;border:1px solid var(--line);border-radius:8px;background:white;padding:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:9px;background:var(--teal);color:white;font-weight:750;font-size:14px;transition:.2s}.button:hover{background:#078481;transform:translateY(-1px)}.button.outline{border:1px solid #adc4d1;background:transparent;color:var(--navy)}.button.dark{background:var(--navy)}.header-cta{white-space:nowrap}.hero{background:linear-gradient(112deg,#edf7fa 0%,#f8fcff 52%,#edf3f9 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding-top:92px;padding-bottom:92px;min-height:650px}.eyebrow{display:inline-block;color:#087c86;font-size:12px;font-weight:850;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px}.hero h1{font-size:clamp(37px,4.1vw,61px);line-height:1.12;letter-spacing:-2.2px;margin:0 0 22px;font-weight:850}.accent{color:#069b9a}.hero p{max-width:580px;font-size:18px;color:#526b7c;margin:0 0 32px}.button-row{display:flex;flex-wrap:wrap;gap:12px}.hero-visual{position:relative;min-height:460px;display:flex;align-items:center;justify-content:center}.portrait-bg{position:absolute;inset:30px 20px 10px 45px;background:linear-gradient(142deg,#0a4466,#0cbab0);border-radius:34px 100px 34px 100px;transform:rotate(-3deg)}.portrait-frame{position:relative;width:81%;height:440px;border-radius:23px 87px 22px 22px;overflow:hidden;box-shadow:0 24px 60px #0a4b6750;background:#d8e8ef;display:flex;align-items:center;justify-content:center}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center top}.photo-placeholder{padding:32px;text-align:center;color:#28566b;font-weight:700}.photo-placeholder span{display:block;font-size:60px;line-height:1;margin-bottom:15px}.float-note{position:absolute;right:0;bottom:18px;padding:17px 22px;background:white;border-radius:16px;box-shadow:0 12px 35px #0c365522;font-size:13px;font-weight:750;max-width:185px}.float-note strong{display:block;color:var(--teal);font-size:23px}.trust{border-bottom:1px solid var(--line);background:white}.trust-row{display:flex;gap:25px;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:20px;color:#597083;font-size:13px;font-weight:700;flex-wrap:wrap}.trust-row b{color:var(--navy)}section.content-section{padding:92px 0}.section-head{max-width:730px;margin-bottom:40px}.section-head.center{margin:0 auto 40px;text-align:center}.section-head h2{font-size:clamp(30px,3.5vw,43px);letter-spacing:-1.3px;line-height:1.16;margin:0 0 14px}.section-head p{color:var(--muted);font-size:16px;margin:0}.soft{background:var(--paper)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 8px 25px #0a2e4910}.card:hover{box-shadow:0 14px 32px #0a2e491c}.icon-box{width:54px;height:54px;display:flex;align-items:center;justify-content:center;color:#087c86;background:#e7f8f6;border-radius:14px;font-size:28px;margin-bottom:25px}.card h3{font-size:21px;margin:0 0 10px;letter-spacing:-.45px;line-height:1.3}.card p{font-size:14px;color:var(--muted);margin:0 0 20px}.text-link{font-weight:800;color:#078d8b;font-size:13px}.software-section{background:var(--navy2);color:white}.software-section .section-head p{color:#b5c7d4}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{background:#163b57;border:1px solid #2b546e;border-radius:19px;overflow:hidden}.product-art{height:163px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#153f63,#0d8792);position:relative;overflow:hidden}.product-art:before{content:'';position:absolute;width:220px;height:220px;border:1px solid #ffffff2e;border-radius:50%;right:-55px;top:-85px}.product-art .app-icon{display:flex;align-items:center;justify-content:center;width:92px;height:92px;border-radius:24px;background:#ffffff17;border:1px solid #ffffff44;font-size:42px;box-shadow:0 20px 30px #001a293d}.product-body{padding:24px}.product h3{font-size:23px;margin:0 0 7px}.product p{font-size:14px;color:#bdd0de;min-height:72px}.product .text-link{color:#54ded6}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:58px;align-items:center}.about-art{background:linear-gradient(135deg,#daeef2,#f0f8fc);padding:45px;border-radius:25px;min-height:345px;display:flex;align-items:center;justify-content:center;text-align:center}.about-art .monogram{font-size:110px;font-weight:900;color:#137c91;letter-spacing:-16px;padding-right:15px}.about-copy p{color:var(--muted)}.pillset{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.pill{background:#eef5f8;border:1px solid #dae7ed;border-radius:50px;padding:7px 13px;font-size:12px;font-weight:750}.contact-band{background:linear-gradient(120deg,#0b344f,#086f79);color:white;padding:58px 0}.contact-grid{display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-grid h2{font-size:35px;margin:0 0 9px;line-height:1.2}.contact-grid p{margin:0;color:#c6e3e8}.footer{background:#071d30;color:#c2d0dc;padding:42px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer h3{color:white;font-size:15px;margin:0 0 12px}.footer a{color:#c2d0dc}.footer a:hover{color:#6ee9df}.footer p{font-size:13px}.footnote{border-top:1px solid #224055;margin-top:30px;padding-top:18px;font-size:12px;color:#91aabe}.page-shell{padding:75px 0;min-height:45vh}.page-shell h1{font-size:43px}.whatsapp-float{position:fixed;right:25px;bottom:23px;z-index:30;width:56px;height:56px;background:#19a969;border-radius:50%;box-shadow:0 9px 26px #001c1e35;color:white;font-size:29px;display:flex;align-items:center;justify-content:center}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}@media(max-width:900px){.header-cta{display:none}.menu{gap:13px}.cards,.products{grid-template-columns:repeat(2,1fr)}.hero-grid{gap:20px}.hero h1{font-size:44px}}@media(max-width:700px){.header-row{min-height:72px}.menu-toggle{display:block}.header-nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;box-shadow:0 15px 20px #00182b16;padding:20px}.header-nav.open{display:block}.menu{flex-direction:column;align-items:flex-start;gap:16px}.hero-grid{grid-template-columns:1fr;padding-top:54px;padding-bottom:65px;gap:45px}.hero h1{font-size:40px}.hero-visual{min-height:350px}.portrait-frame{height:340px}.portrait-bg{inset:20px 10px 10px 30px}.float-note{right:0}.cards,.products,.about-grid,.footer-grid{grid-template-columns:1fr}.about-grid{gap:25px}.contact-grid{flex-direction:column;align-items:flex-start}section.content-section{padding:65px 0}.trust-row{justify-content:center}.contact-grid h2{font-size:30px}}

.software-head{max-width:840px}.products--featured{grid-template-columns:repeat(2,1fr)}
.product{background:#163b57;border:1px solid #2b546e;border-radius:22px;overflow:hidden;box-shadow:0 12px 35px #02111c2e}
.product-poster{height:260px;padding:18px;background:linear-gradient(180deg,#edf7fb,#ffffff);display:flex;align-items:center;justify-content:center}
.product-poster img{max-width:100%;max-height:100%;object-fit:contain;border-radius:14px;box-shadow:0 10px 26px rgba(0,0,0,.08)}
.more-software{margin-top:24px;border:1px solid #2b546e;background:#112f49;border-radius:18px;padding:18px 22px;display:flex;align-items:center;gap:18px;color:#c8d8e4}
.more-software__logo{width:82px;height:82px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0f3552,#144c74);padding:10px;flex:0 0 82px}
.more-software__logo img{max-width:100%;max-height:100%;object-fit:contain}
.more-software__copy strong{display:block;color:#fff;margin-bottom:4px}
@media(max-width:900px){.products--featured{grid-template-columns:1fr 1fr}.product-poster{height:230px}}
@media(max-width:700px){.products--featured{grid-template-columns:1fr}.product-poster{height:auto;min-height:220px}.more-software{flex-direction:column;align-items:flex-start}}
