/*
Theme Name: Marco Directivo — Web Corporativa
Theme URI: https://marcodirectivo.com/
Author: Marco Directivo
Description: Tema corporativo de Marco Directivo basado en el simulador, con enlaces a Autonomy Score.
Version: 1.4.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: marco-directivo
*/

#marco-directivo-web{--navy:#10253b;--navy2:#193b57;--steel:#607e91;--cream:#f7f5f0;--white:#fff;--line:#dce3e7;--muted:#647380;--accent:#d8b98b}#marco-directivo-web, #marco-directivo-web * , #marco-directivo-web *::before, #marco-directivo-web *::after{box-sizing:border-box}#marco-directivo-web{scroll-behavior:smooth}#marco-directivo-web{margin:0;background:var(--cream);color:var(--navy);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}#marco-directivo-web a{color:inherit;text-decoration:none}#marco-directivo-web button, #marco-directivo-web input, #marco-directivo-web textarea{font:inherit}#marco-directivo-web button{cursor:pointer}#marco-directivo-web a:focus-visible, #marco-directivo-web button:focus-visible, #marco-directivo-web input:focus-visible, #marco-directivo-web textarea:focus-visible{outline:3px solid #ba8850;outline-offset:3px}#marco-directivo-web .wrap{max-width:1160px;margin:auto;padding:0 28px}#marco-directivo-web .nav{background:#fffefaee;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(15px)}#marco-directivo-web .navin{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:18px}#marco-directivo-web .logo{font-weight:800;letter-spacing:-.045em;font-size:23px}#marco-directivo-web .logo small{display:block;font-size:10px;letter-spacing:.24em;font-weight:700;color:var(--steel);line-height:1}#marco-directivo-web .links{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:700}#marco-directivo-web .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--navy);color:white;border:1px solid var(--navy);padding:14px 22px;border-radius:7px;font-weight:750;line-height:1.2;transition:.2s}#marco-directivo-web .btn:hover{transform:translateY(-2px);background:var(--navy2)}#marco-directivo-web .btn.light{background:white;color:var(--navy);border-color:#d5e0e5}#marco-directivo-web .btn.outline{background:transparent;color:var(--navy);border-color:#94a5ae}#marco-directivo-web .menu{display:none;border:1px solid var(--line);background:white;border-radius:6px;padding:8px 12px}#marco-directivo-web .hero{background:linear-gradient(125deg,#10253b,#1a405b 72%,#28506a);color:white;overflow:hidden}#marco-directivo-web .hero .grid{min-height:625px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:42px}#marco-directivo-web .eyebrow{text-transform:uppercase;letter-spacing:.2em;font-weight:800;font-size:11px;color:#d9c3a5}#marco-directivo-web .hero h1{font-size:clamp(36px,4.3vw,60px);line-height:1.1;letter-spacing:-.055em;margin:22px 0}#marco-directivo-web .hero h1 em{font-style:normal;color:#d9c3a5}#marco-directivo-web .hero p{color:#d5e1e9;max-width:570px;font-size:18px}#marco-directivo-web .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}#marco-directivo-web .hero .btn{background:#f7f4ee;color:var(--navy);border-color:#f7f4ee}#marco-directivo-web .hero .btn.light{background:transparent;color:white;border-color:#688297}#marco-directivo-web .heroart{width:100%;filter:drop-shadow(0 20px 38px #071c30a0)}#marco-directivo-web .mini{font-size:12px;color:#b7cbd7;margin-top:20px}#marco-directivo-web .section{padding:95px 0}#marco-directivo-web .section.alt{background:white}#marco-directivo-web .section.dark{background:var(--navy);color:white}#marco-directivo-web .kicker{text-transform:uppercase;font-size:11px;letter-spacing:.2em;color:#7c8e9b;font-weight:850}#marco-directivo-web .section.dark .kicker{color:#b5c7d3}#marco-directivo-web h2{font-size:clamp(30px,4vw,49px);line-height:1.13;letter-spacing:-.045em;margin:13px 0 18px}#marco-directivo-web h3{font-size:21px;letter-spacing:-.02em;margin:0 0 12px}#marco-directivo-web .intro{max-width:770px;color:#596b79;font-size:18px}#marco-directivo-web .dark .intro{color:#c3d2dc}#marco-directivo-web .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}#marco-directivo-web .card{padding:30px;border:1px solid var(--line);background:white;border-radius:12px;box-shadow:0 8px 28px #10253b07}#marco-directivo-web .card p{color:#657581;margin:0}#marco-directivo-web .num{font-size:13px;color:#b68f61;font-weight:850;margin-bottom:18px}#marco-directivo-web .twocol{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}#marco-directivo-web .steps{display:grid;gap:14px}#marco-directivo-web .step{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid #d7e0e5}#marco-directivo-web .step b{color:#af8556}#marco-directivo-web .step p{margin:3px 0;color:#657581}#marco-directivo-web .panel{background:#e8eef0;border-radius:18px;padding:38px}#marco-directivo-web .panel strong{font-size:38px;letter-spacing:-.05em}#marco-directivo-web .panel p{color:#5d6e7b}#marco-directivo-web .check{padding:12px 0;border-bottom:1px solid #cdd8dc}#marco-directivo-web .metricrow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:35px}#marco-directivo-web .metric{border:1px solid #446076;border-radius:10px;padding:24px}#marco-directivo-web .metric b{display:block;font-size:33px}#marco-directivo-web .metric span{color:#b9ccd8;font-size:13px}#marco-directivo-web .pricing{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}#marco-directivo-web .price{padding:36px;background:white;border:1px solid var(--line);border-radius:13px}#marco-directivo-web .price strong{font-size:38px;letter-spacing:-.045em}#marco-directivo-web .price p{color:#63727d}#marco-directivo-web .faq{max-width:840px;margin-top:30px}#marco-directivo-web .faq details{border-bottom:1px solid var(--line);padding:17px 4px}#marco-directivo-web .faq summary{font-weight:750;cursor:pointer}#marco-directivo-web .faq p{color:#60717d}#marco-directivo-web .contactbox{background:#e9eef0;padding:38px;border-radius:16px}#marco-directivo-web .contactbox label{display:block;font-size:13px;font-weight:750;margin:14px 0 6px}#marco-directivo-web .contactbox input, #marco-directivo-web .contactbox textarea{width:100%;padding:13px;border:1px solid #c5d0d6;border-radius:7px;background:white}#marco-directivo-web .contactbox textarea{min-height:115px;resize:vertical}#marco-directivo-web .contactbox small{display:block;margin-top:14px;color:#687a86}#marco-directivo-web .footer{background:#0a1b2b;color:#cad6df;padding:35px 0}#marco-directivo-web .footin{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}#marco-directivo-web .footer a{text-decoration:underline}#marco-directivo-web .reveal{animation:rise .6s ease both}@keyframes  rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:850px){#marco-directivo-web .links{display:none;position:absolute;top:78px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;padding:20px 28px;box-shadow:0 15px 20px #0001}#marco-directivo-web .links.open{display:flex}#marco-directivo-web .menu{display:block}#marco-directivo-web .hero .grid, #marco-directivo-web .twocol{grid-template-columns:1fr}#marco-directivo-web .hero .grid{padding-top:70px;padding-bottom:60px}#marco-directivo-web .heroart{max-width:550px;margin:auto}#marco-directivo-web .cards{grid-template-columns:repeat(2,1fr)}#marco-directivo-web .metricrow{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){#marco-directivo-web .wrap{padding:0 18px}#marco-directivo-web .section{padding:64px 0}#marco-directivo-web .hero h1{font-size:36px}#marco-directivo-web .cards, #marco-directivo-web .pricing, #marco-directivo-web .metricrow{grid-template-columns:1fr}#marco-directivo-web .card, #marco-directivo-web .price, #marco-directivo-web .contactbox, #marco-directivo-web .panel{padding:24px}#marco-directivo-web .hero .grid{gap:15px;min-height:0}#marco-directivo-web .heroart{max-width:380px}#marco-directivo-web .actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){#marco-directivo-web{scroll-behavior:auto}#marco-directivo-web, #marco-directivo-web * , #marco-directivo-web *::before, #marco-directivo-web *::after, #marco-directivo-web *:before, #marco-directivo-web *:after{animation:none!important;transition:none!important}}#marco-directivo-web .benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:38px}#marco-directivo-web .benefit{display:flex;gap:19px;padding:28px;border:1px solid #49677c;border-radius:13px;background:#ffffff09}#marco-directivo-web .benefit-icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border:1px solid #8299a8;border-radius:11px;font-size:26px;color:#e1c69d}#marco-directivo-web .benefit h3{color:#fff;margin-bottom:9px}#marco-directivo-web .benefit p{color:#c3d2dc;margin:0 0 16px}#marco-directivo-web .benefit-outcome{font-size:12px;color:#e2c9a6;font-weight:700}#marco-directivo-web .integration{display:grid;grid-template-columns:.94fr 1.06fr;gap:42px;margin-top:40px;align-items:center}#marco-directivo-web .integration-visual{background:#e9eff0;border:1px solid #d1dde2;padding:35px;border-radius:15px}#marco-directivo-web .track-head{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.12em;font-weight:850;color:#4e6a7b}#marco-directivo-web .track-line{margin-top:17px;background:white;padding:18px;border-radius:10px}#marco-directivo-web .track-bar{height:15px;border-radius:12px;background:linear-gradient(90deg,#6d8b9c,#234d68)}#marco-directivo-web .track-labels{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#5e7480;margin-top:10px}#marco-directivo-web .track-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:17px}#marco-directivo-web .track-stages span{text-align:center;background:#fff;border:1px solid #cedce2;border-top:4px solid #b99667;border-radius:6px;padding:17px 5px;font-size:12px;font-weight:750}#marco-directivo-web .visual-note{font-size:13px;color:#607582;margin:18px 0 0}#marco-directivo-web .integration-copy>p{color:#5c6e7b}#marco-directivo-web .operating-point{display:grid;gap:3px;border-top:1px solid #d5dfe4;padding:14px 0}#marco-directivo-web .operating-point b{font-size:14px}#marco-directivo-web .operating-point span{color:#5f7180;font-size:14px}#marco-directivo-web .section-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f1f3f0;border:1px solid #dce4e6;padding:26px 30px;border-radius:12px;margin-top:42px}#marco-directivo-web .section-cta h3{margin:0 0 4px}#marco-directivo-web .section-cta p{margin:0;color:#617481}#marco-directivo-web .section-cta .btn{flex-shrink:0}@media (max-width:850px){#marco-directivo-web .integration{grid-template-columns:1fr;gap:26px}}@media (max-width:650px){#marco-directivo-web .benefit-grid{grid-template-columns:1fr}#marco-directivo-web .benefit{padding:22px}#marco-directivo-web .integration-visual{padding:20px}#marco-directivo-web .track-stages{grid-template-columns:repeat(2,1fr)}#marco-directivo-web .section-cta{flex-direction:column;align-items:stretch}#marco-directivo-web .section-cta .btn{width:100%}}#marco-directivo-web .photo-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:34px}#marco-directivo-web .photo-tile{overflow:hidden;border-radius:13px;background:#d8e0e4;height:124px;min-height:0;position:relative}#marco-directivo-web .photo-tile img{width:100%;height:100%;object-fit:cover;display:block}#marco-directivo-web .photo-tile span{position:absolute;bottom:0;left:0;right:0;padding:18px 14px 10px;color:white;font-weight:800;background:linear-gradient(transparent,#091d2bd9)}#marco-directivo-web .legal-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:12px;font-size:13px}#marco-directivo-web .contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}#marco-directivo-web .contact-grid .full{grid-column:1/-1}#marco-directivo-web .contactbox select{width:100%;padding:13px;border:1px solid #c5d0d6;border-radius:7px;background:white}#marco-directivo-web .contactbox fieldset{border:1px solid #ccd7dd;border-radius:9px;padding:15px;margin-top:16px}#marco-directivo-web .contactbox legend{font-weight:750;font-size:13px}#marco-directivo-web .contactbox .checkrow{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:400;margin:12px 0}#marco-directivo-web .contactbox .checkrow input{width:auto;margin-top:4px}#marco-directivo-web .cookie-banner{position:fixed;bottom:16px;left:16px;right:16px;max-width:900px;margin:auto;background:white;border:1px solid #bacbd4;box-shadow:0 16px 60px #071a2d35;border-radius:14px;padding:22px;z-index:30}#marco-directivo-web .cookie-banner p{font-size:14px;color:#586d7b;margin:5px 0 13px}#marco-directivo-web .cookie-actions{display:flex;flex-wrap:wrap;gap:10px}#marco-directivo-web .cookie-actions button{flex:1;min-width:130px}#marco-directivo-web .cookie-actions .choice{background:#183b57;color:white;border:1px solid #183b57;border-radius:7px;padding:11px}#marco-directivo-web .cookie-actions .configure{background:white;border:1px solid #aabdc8;border-radius:7px;padding:11px}#marco-directivo-web .cookie-settings{display:none;padding:12px 0;font-size:14px}#marco-directivo-web .cookie-settings.open{display:block}#marco-directivo-web .demo-note{font-size:12px;color:#5b6d7b}@media (max-width:760px){#marco-directivo-web .photo-band{grid-template-columns:1fr}#marco-directivo-web .photo-tile{height:120px;min-height:0}#marco-directivo-web .contact-grid{grid-template-columns:1fr}#marco-directivo-web .cookie-banner{left:8px;right:8px;bottom:8px;padding:16px}#marco-directivo-web .cookie-actions{flex-direction:column}}#marco-directivo-web #sistema{background:#fff;color:#10253b}#marco-directivo-web #sistema .intro, #marco-directivo-web #sistema .step p, #marco-directivo-web #sistema .panel p{color:#435969}#marco-directivo-web #sistema .kicker{color:#526e80}#marco-directivo-web #sistema .panel{background:#e8eef0}#marco-directivo-web #sistema .panel .check{color:#17364b}#marco-directivo-web #sistema .step b{color:#96632e}#marco-directivo-web .photo-tile span{font-size:13px;line-height:1.25;text-shadow:0 1px 4px #0009}#marco-directivo-web .photo-tile img{transition:transform .3s ease}#marco-directivo-web .photo-tile:hover img{transform:scale(1.035)}@media (prefers-reduced-motion:reduce){#marco-directivo-web .photo-tile img{transition:none}}
/* Compatibilidad con bloques y temas WordPress */
#marco-directivo-web{--navy:#10253b;--navy2:#193b57;--steel:#607e91;--cream:#f7f5f0;--white:#fff;--line:#dce3e7;--muted:#647380;--accent:#d8b98b;display:block;width:100%;max-width:none;margin:0;background:var(--cream);color:var(--navy);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;isolation:isolate}
#marco-directivo-web *,#marco-directivo-web *::before,#marco-directivo-web *::after{box-sizing:border-box}
#marco-directivo-web h1,#marco-directivo-web h2,#marco-directivo-web h3,#marco-directivo-web p{font-family:inherit}
#marco-directivo-web .hero h1{color:#fff}
#marco-directivo-web .hero p{color:#d5e1e9}
#marco-directivo-web .section.dark h2,#marco-directivo-web .section.dark h3{color:#fff}
#marco-directivo-web .btn{box-shadow:none;text-decoration:none}
#marco-directivo-web .wrap{width:100%;max-width:1160px}
#marco-directivo-web .photo-tile img{display:block;object-fit:cover}
#marco-directivo-web .nav{position:relative;top:auto}
#marco-directivo-web a:hover{text-decoration:none}


body{margin:0;background:#f7f5f0;} .md-inner{max-width:1100px;margin:50px auto;padding:0 28px 70px;min-height:55vh}.md-inner h1{color:#10253b}.md-inner a{color:#193b57}.md-inner a:hover{text-decoration:underline}.md-page-header,.md-page-footer{font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;background:#10253b;color:white;padding:20px 28px}.md-page-header a,.md-page-footer a{color:white;text-decoration:none}.md-page-header .md-wrap,.md-page-footer .md-wrap{max-width:1100px;margin:auto;display:flex;gap:24px;flex-wrap:wrap;align-items:center;justify-content:space-between}.md-page-header nav{display:flex;gap:20px;flex-wrap:wrap}.md-page-footer{font-size:13px}.md-inner .entry-content{overflow-wrap:anywhere}