
:root{--navy:#091d35;--blue:#087ceb;--ink:#15283f;--muted:#5b6c80;--soft:#f1f5f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.65}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #00a7ff;outline-offset:3px}.wrap{width:min(1180px,92%);margin:auto}.top{background:#fff;border-bottom:1px solid #e6ecf2;position:relative;z-index:3}.topin{display:flex;align-items:center;gap:26px;min-height:92px}.brand img{display:block;width:min(245px,43vw);height:auto}.tag{font-size:10px;letter-spacing:.18em;color:#6c7d91;margin-top:-3px}.nav{display:flex;gap:22px;align-items:center;margin-left:auto;font-size:14px;font-weight:650}.nav a:hover,.nav summary:hover{color:var(--blue)}.nav details{position:relative}.nav summary{cursor:pointer;list-style:none}.nav summary:after{content:'⌄';margin-left:5px}.submenu{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:250px;box-shadow:0 14px 38px #071b2f24;padding:12px;border-radius:10px;max-height:70vh;overflow:auto}.nav details[open] .submenu{display:grid;gap:2px}.submenu a{padding:7px 9px;font-weight:500;border-radius:5px}.submenu a:hover{background:var(--soft)}.button{display:inline-block;background:var(--blue);color:white!important;padding:13px 20px;border-radius:7px;font-weight:700;font-size:14px}.button:hover{background:#0569c7}.button.alt{background:transparent;border:1px solid #adc5db}.hero{background:linear-gradient(110deg,#091d35f5,#091d35cb),radial-gradient(circle at 85% 30%,#2368a9,#091d35);color:white;padding:100px 0 105px}.eyebrow{color:#7ac8ff;font-size:12px;letter-spacing:.19em;text-transform:uppercase;font-weight:800}.hero h1{font-size:clamp(37px,5vw,68px);line-height:1.1;max-width:920px;letter-spacing:-.035em;margin:18px 0}.hero p{max-width:730px;color:#d4e2ef;font-size:19px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.section{padding:78px 0}.section.soft{background:var(--soft)}h2{font-size:clamp(28px,3vw,42px);line-height:1.2;margin:8px 0 16px;letter-spacing:-.025em}.lead{color:var(--muted);max-width:740px;font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:35px}.card{background:white;border:1px solid #e3eaf2;border-radius:12px;padding:26px;box-shadow:0 7px 24px #102c4808}.card h3{margin:6px 0 8px;font-size:20px}.card p{color:var(--muted);font-size:15px}.card a{color:#006ac7;font-weight:700;font-size:14px}.num{color:#087ceb;font-size:13px;font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.panel{background:var(--navy);color:white;border-radius:16px;padding:48px}.panel p{color:#c7d8e9}.crumb{font-size:13px;color:#d1ddea}.crumb a{text-decoration:underline}.detail-hero{padding:65px 0;background:linear-gradient(110deg,#091d35,#133d63);color:white}.detail-hero h1{font-size:clamp(32px,4vw,56px);line-height:1.12;max-width:850px;margin:15px 0}.detail-hero p{max-width:800px;font-size:18px;color:#d7e6f2}.list{padding-left:22px}.list li{margin:9px 0}.footer{background:#071729;color:#d8e3ef;padding:48px 0 22px}.footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.footer img{width:230px;max-width:100%;background:white;padding:10px;border-radius:7px}.footer a{text-decoration:underline}.legal{font-size:12px;color:#b7c5d4;border-top:1px solid #29405b;padding-top:17px;margin-top:32px}.notice{border-left:4px solid #087ceb;background:#f0f7ff;padding:18px;border-radius:4px}.mobiletoggle{display:none} @media(max-width:950px){.topin{flex-wrap:wrap;padding:15px 0}.nav{width:100%;order:3;flex-wrap:wrap;margin-left:0;gap:15px}.submenu{z-index:5}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hero{padding:66px 0}.section{padding:55px 0}.cards,.split,.footer .cols{grid-template-columns:1fr}.nav{display:block}.nav>details,.nav>a{display:block;margin:12px 0}.submenu{position:static;box-shadow:none;min-width:0;background:#f5f8fb}.topin>.button{margin-left:auto}.panel{padding:27px}}
/* V29: mejora progresiva móvil y accesibilidad */
img{max-width:100%;height:auto}
@media(max-width:600px){.topin{gap:12px}.brand{min-width:0}.nav{width:100%;overflow-wrap:anywhere}.submenu{max-height:none}.hero h1,.detail-hero h1{overflow-wrap:break-word}.actions .button{max-width:100%;text-align:center}.card{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* V38: formulario y páginas legales */
.contact-form-shell{max-width:840px;margin:auto;background:#fff;border:1px solid #dce6ef;border-radius:18px;padding:clamp(22px,4vw,42px);box-shadow:0 12px 40px rgba(15,44,72,.06)}.contact-form-shell form{display:grid;gap:19px}.contact-form-shell label{display:grid;gap:8px;font-weight:650;color:#173650}.contact-form-shell input:not([type=checkbox]),.contact-form-shell select,.contact-form-shell textarea{width:100%;border:1px solid #b9cbd9;border-radius:9px;padding:13px;font:inherit;background:#fff;color:#173650}.contact-form-shell input:focus-visible,.contact-form-shell textarea:focus-visible,.contact-form-shell select:focus-visible{outline:3px solid #9ad4ff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form-shell .privacy-check{display:flex;align-items:flex-start;gap:10px}.contact-form-shell .privacy-check input{margin-top:5px}.contact-form-shell button[disabled]{padding:14px;border:0;border-radius:8px;background:#b3bfcb;color:#263849;cursor:not-allowed}.form-hint{font-size:.9rem;color:#475e70;line-height:1.6}.legal-content{max-width:850px}.legal-content h2{margin-top:28px}.legal-content p{line-height:1.8}.draft-warning{border-left:4px solid #d99136;padding:12px 18px;background:#fff7ea}@media(max-width:640px){.contact-grid{grid-template-columns:1fr}.contact-form-shell{padding:20px}}

/* V49: textos editoriales y bienvenida de Ditersito, sin modificar estilos originales */
.v49-editorial-section{padding:32px 20px;background:#f8fafc;color:#1b2b3c}.v49-editorial-inner{max-width:1050px;margin:0 auto;line-height:1.7}.v49-editorial-inner p{margin:0 0 13px}.v49-editorial-inner h2{margin:22px 0 12px;font-size:clamp(1.3rem,2.2vw,1.8rem)}.v49-ditersito-contacto{float:right;object-fit:contain;margin:0 0 12px 22px;max-width:28%;height:auto}.v49-home-subtitle{max-width:850px;margin:18px auto;color:inherit;font-size:1rem}@media(max-width:600px){.v49-ditersito-contacto{width:110px;max-width:34%;margin-left:12px}.v49-editorial-section{padding:24px 16px}}

/* V50.14.18 — Bloques técnicos visuales específicos */
.fr-visual-process{padding:clamp(36px,5vw,72px) 20px;background:#f1f6fa;color:#092c49}
.fr-visual-process .fr-vp-inner{max-width:1120px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(25px,5vw,75px);align-items:center}
.fr-vp-kicker{color:#12669a;text-transform:uppercase;font-size:.76rem;letter-spacing:.13em;font-weight:800}
.fr-visual-process h2{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.18;margin:14px 0}
.fr-visual-process p{line-height:1.7;max-width:48ch}
.fr-vp-diagram{background:white;border:1px solid #d7e5ef;border-radius:18px;padding:24px;box-shadow:0 12px 32px rgba(4,34,61,.055)}
.fr-vp-diagram-title{font-weight:800;text-align:center;margin-bottom:18px;font-size:1.04rem}
.fr-vp-diagram-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fr-vp-step{border:1px solid #dce8ef;background:#f9fcfe;border-radius:12px;padding:17px 14px;min-height:105px;display:flex;flex-direction:column;gap:12px}
.fr-vp-step b{color:#1171a8;font-size:.82rem;letter-spacing:.06em}.fr-vp-step span{font-size:.92rem;line-height:1.35;font-weight:650}
.fr-vp-footer{border-top:1px solid #dce8ef;margin-top:16px;padding-top:14px;font-size:.8rem;color:#536a7d;text-align:center}
@media(max-width:760px){.fr-visual-process .fr-vp-inner{grid-template-columns:1fr}.fr-vp-diagram{padding:16px}.fr-vp-step{min-height:90px;padding:12px}}
