/* Propuesta local. Solo presentación: conserva contenido, navegación y estructura. */
@font-face{font-family:'Todocap Rounded';src:url('../fonts/todocap-nunito.ttf') format('truetype');font-weight:200 1000;font-display:swap}
body{--tc-ink:#102f43;--tc-blue:#116ba0;--tc-orange:#ee780b;--tc-green:#087d69;--tc-muted:#5c7282;background:#f6f9fc;color:var(--tc-ink)}
body h1,body h2,body h3{font-family:'Todocap Rounded',ui-rounded,system-ui,sans-serif;font-weight:950;letter-spacing:-.025em}
body .site-header{background:#ffffffed;border-bottom:1px solid #e1ebf2;box-shadow:0 3px 22px #153b5104}
body .nav{min-height:88px;gap:20px}body .logo img{max-width:180px;max-height:58px}body .main-nav{gap:27px;font-size:14px;font-weight:750;color:#3b5668}
body .main-nav>a{padding:10px 0}body .nav-cta{min-height:46px;padding:0 21px;font-size:13px;border-radius:16px;box-shadow:0 3px 0 #c75b00,0 7px 18px #ef780b13;background:#ed780b;color:#fff}
body .tc-account-btn{border-radius:16px;box-shadow:0 3px 0 #e5edf3;border-color:#d9e6ee;font-size:13px;min-height:44px}
body .todocap-entry{background:radial-gradient(ellipse at 95% 0,#dfedf9 0,transparent 58%),radial-gradient(ellipse at 0 100%,#e4f3ef 0,transparent 50%),#f3f8fc;padding:56px 0 62px;color:var(--tc-ink)}
body .todocap-entry-head{max-width:900px;margin-bottom:34px}
body .todocap-entry-kicker{border:1px solid #dce8f0;background:#ffffffb8;color:#49697e;padding:8px 15px;font-size:11px;letter-spacing:.07em;box-shadow:0 3px 0 #dce8ef80}
body .todocap-entry h1{color:var(--tc-ink);font-size:clamp(35px,4.25vw,57px);line-height:1.12;letter-spacing:-.035em;margin-bottom:16px;font-weight:1000}
body .todocap-entry-lead{color:var(--tc-muted);font-size:16px;line-height:1.7;max-width:680px}
body .todocap-service-grid{gap:22px;align-items:stretch}
body .todocap-service-card{--accent:#6d48af;--pale:#ece5fb;--edge:#ded2ef;min-height:370px;border:1px solid var(--edge);border-radius:28px;box-shadow:0 6px 0 var(--edge),0 17px 35px #0a324309;background:#fff;transition:transform .18s ease,box-shadow .18s ease}
body .todocap-service-card.card-driver{--accent:#b84f3c;--pale:#ffe8df;--edge:#f0d4c9}
body .todocap-service-card.tests{--accent:#087b83;--pale:#def5f2;--edge:#c5e7e2}
body .todocap-service-card::before{background:linear-gradient(160deg,var(--pale),#fff 110%);z-index:-2}
body .todocap-service-card::after{width:170px;height:170px;background:var(--pale);top:-70px;right:-65px;z-index:-1}
body .todocap-service-inner{padding:27px;color:var(--tc-ink)}
body .todocap-service-icon{width:57px;height:57px;margin-bottom:25px;border:1px solid var(--edge);border-radius:19px;background:#fff;box-shadow:0 3px 0 var(--edge);font-size:27px}
body .todocap-service-label{color:var(--accent);font-size:10px;letter-spacing:.1em;font-weight:850;margin-bottom:10px}
body .todocap-service-card h2{color:var(--tc-ink);font-size:28px;line-height:1.15;margin-bottom:12px}
body .todocap-service-card p{color:#586f7e;font-size:14px;line-height:1.65;margin-bottom:19px}
body .todocap-service-points{gap:6px;margin-bottom:24px}
body .todocap-service-points span{background:#ffffffc9;color:var(--accent);border:1px solid var(--edge);font-size:10px;font-weight:750;padding:6px 9px}
body .todocap-service-action{margin-top:auto;background:var(--accent);border:0;border-radius:16px;padding:13px 15px;color:#fff;min-height:50px;font-size:13px;gap:10px;box-shadow:0 3px 0 color-mix(in srgb,var(--accent),#000 15%)}
body .todocap-service-arrow{width:26px;height:26px;flex-basis:26px;background:#ffffff24;color:#fff;font-size:17px}
body .todocap-service-card:hover,body .todocap-service-card:focus-visible{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 0 var(--edge),0 24px 38px #0a324312}
body .todocap-entry-note{color:#647d8c;font-size:12px;margin-top:26px}
body .todocap-seo-intro{padding:55px 0;background:#fff}
body .todocap-seo-intro-grid{gap:45px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}
body .todocap-seo-intro h2{font-size:31px;line-height:1.2;color:var(--tc-ink);margin-bottom:16px}
body .todocap-seo-intro p{font-size:15px;line-height:1.85;color:var(--tc-muted)}
body .todocap-seo-intro a{color:var(--tc-blue)}
body .todocap-seo-highlight{border-radius:24px;border-color:#dce9f2;background:#f0f7fc;padding:25px;box-shadow:0 5px 0 #e4eef5}
body .todocap-seo-highlight strong{font-family:'Todocap Rounded',ui-rounded,system-ui,sans-serif;font-size:19px;font-weight:900;color:var(--tc-ink)}
body .todocap-seo-highlight span{font-size:14px;line-height:1.75;color:var(--tc-muted)}
body .ventajas-todocap{background:#f4f8fb;padding:62px 0}
body .ventajas-header{max-width:790px;margin-bottom:32px}
body .ventajas-header span{background:#e6f1f9;border:1px solid #d5e6f2;color:var(--tc-blue);padding:9px 15px;font-size:10px;letter-spacing:.07em;box-shadow:0 3px 0 #dce9f3}
body .ventajas-header h2,body .section-head h2{font-size:clamp(28px,3vw,38px);line-height:1.18;color:var(--tc-ink);letter-spacing:-.025em}
body .ventajas-header p,body .section-head p{font-size:15px;line-height:1.8;color:var(--tc-muted)}
body .ventajas-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
body .ventaja-card{padding:25px;border-radius:24px;border:1px solid #deebf2;background:#fff;box-shadow:0 4px 0 #e4edf3;text-align:left}
body .ventaja-icono{width:47px;height:47px;font-size:23px;border-radius:16px;background:#edf5fb;margin:0 0 16px;box-shadow:none;color:var(--tc-blue)}
body .ventaja-card h3{font-size:20px;line-height:1.25;color:var(--tc-ink);margin-bottom:9px}
body .ventaja-card p{font-size:13px;line-height:1.75;color:var(--tc-muted)}
body .online-band{padding:64px 0;background:linear-gradient(120deg,#103249,#095e83);color:#fff}
body .online-grid{gap:48px;grid-template-columns:1fr 1.05fr}
body .online-copy .kicker{color:#a4d6ef;font-size:11px;letter-spacing:.1em}
body .online-copy h2{font-size:clamp(30px,3.2vw,41px);line-height:1.17;letter-spacing:-.025em;color:#fff;margin-bottom:18px}
body .online-copy p{font-size:14px;line-height:1.85;color:#d9eaf3}
body .online-features{gap:9px;margin:22px 0}
body .online-features div{border-radius:14px;padding:12px;font-size:12px;border-color:#ffffff1c;background:#ffffff0d}
body .online-shot{padding:9px;border:1px solid #ffffff28;border-radius:24px;box-shadow:0 20px 45px #00172630;background:#ffffff15;transform:rotate(0)}
body .online-shot img{border-radius:16px}
body .btn-orange,body .btn-dark,body .btn-white,body .btn-blue{border-radius:17px;min-height:50px;padding:13px 21px;font-size:13px;font-weight:850;box-shadow:0 3px 0 #00000014}
body .btn-orange{background:#ed780b;color:#fff;box-shadow:0 3px 0 #bd5b05}
body .btn-dark{background:#103249;color:white}body .btn-white{background:#fff;color:var(--tc-blue);border:1px solid #dce8f1}
body .info-section{padding:66px 0;background:#f4f8fb}
body .info-section .container{max-width:900px}
body .info-section h2,body .final-cta h2{font-size:clamp(29px,3.3vw,41px);line-height:1.2;letter-spacing:-.025em;color:var(--tc-ink)}
body .info-section p,body .final-cta p{font-size:15px;line-height:1.85;color:var(--tc-muted);margin-bottom:24px}
body .info-section b{color:#be5c06}
body .internal-links{padding:62px 0;background:white}
body .section-head{max-width:820px;margin-bottom:30px}
body .links-grid{gap:17px;grid-template-columns:repeat(3,minmax(0,1fr))}
body .link-card{padding:23px;border-radius:22px;background:#f8fbfd;border:1px solid #deebf3;box-shadow:0 3px 0 #e5eef4;transition:transform .18s ease}
body .link-card h3{font-size:18px;line-height:1.3;color:var(--tc-blue);margin-bottom:10px}
body .link-card p{font-size:13px;line-height:1.75;color:var(--tc-muted)}
body .link-card:hover{transform:translateY(-3px);border-color:#a8cede;background:#f0f7fc}
body .faq-premium{padding:62px 0;background:#f4f8fb}
body .faq-premium-grid{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
body .faq-card{padding:26px;border-radius:24px;border:1px solid #deebf2;background:#fff;box-shadow:0 4px 0 #e4edf3}
body .faq-card h3{font-size:20px;line-height:1.35;color:var(--tc-ink);margin-bottom:13px}
body .faq-card p{font-size:14px;line-height:1.85;color:var(--tc-muted)}
body .final-cta{padding:60px 0;background:#eaf4f8;border-top:1px solid #dceaf2}
body .final-cta .container{max-width:930px}
body .footer{background:#102d40;color:#d8e7f0;padding-top:0}
body .footer-top{padding:44px 0 20px}
body .footer h3{font-family:'Todocap Rounded',ui-rounded,system-ui,sans-serif;font-size:19px;color:#fff;letter-spacing:0}
body .footer p,body .footer a{font-size:13px;line-height:1.8;color:#c3d5e1}
body .footer-grid>div{border-left:0;padding-left:0}
body .footer-logo{max-width:165px;padding:12px;background:#fff;border-radius:15px}
body .footer-bottom{background:#0c2636;margin-top:24px;padding:15px 0}
body .footer-bottom,body .footer-bottom a{font-size:11px}
body a:focus-visible,body button:focus-visible{outline:3px solid #8b5cf6;outline-offset:5px}
@media(max-width:1100px) and (min-width:961px){body .main-nav{gap:17px;font-size:13px}body .nav{gap:16px}body .logo img{max-width:160px}body .nav-cta{padding:0 14px;font-size:12px}}
@media(max-width:980px){body .todocap-service-grid{grid-template-columns:1fr;max-width:720px}body .todocap-service-card{min-height:0}body .todocap-service-inner{padding:26px}body .todocap-service-icon{margin-bottom:20px}body .todocap-seo-intro-grid{grid-template-columns:1fr;gap:25px}body .ventajas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .online-grid{grid-template-columns:1fr;gap:28px}body .links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .main-nav{gap:13px}body .online-shot{max-width:650px}body .nav-cta{display:none}}
@media(max-width:640px){body .nav{min-height:76px}body .logo img{max-width:155px}body .main-nav{top:76px}body .todocap-entry{padding:30px 0 37px}body .todocap-entry-head{text-align:center;margin-bottom:25px}body .todocap-entry-kicker{font-size:9px;padding:8px 10px;letter-spacing:.03em}body .todocap-entry h1{font-size:35px;line-height:1.12;letter-spacing:-.035em}body .todocap-entry-lead{font-size:14px;line-height:1.7}body .todocap-service-grid{gap:20px}body .todocap-service-inner{padding:23px}body .todocap-service-card h2{font-size:27px}body .todocap-service-card p{font-size:14px}body .todocap-service-action{font-size:13px}body .todocap-seo-intro,body .ventajas-todocap,body .online-band,body .info-section,body .internal-links,body .faq-premium,body .final-cta{padding:40px 0}body .todocap-seo-intro h2{font-size:28px}body .ventajas-grid,body .links-grid,body .faq-premium-grid{grid-template-columns:1fr;gap:16px}body .ventajas-header h2,body .section-head h2{font-size:28px}body .online-copy h2,body .info-section h2,body .final-cta h2{font-size:29px}body .ventaja-card{padding:23px}body .online-features{grid-template-columns:1fr 1fr}body .faq-card{padding:23px}body .faq-card h3{font-size:20px}body .faq-card p{font-size:14px;line-height:1.85}body .hero-actions{gap:13px}body .footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}body .footer-grid>div:first-child{grid-column:1/-1}body .footer-logo{max-width:150px}body .footer p,body .footer a{font-size:12px}body .footer h3{font-size:18px}body .footer-bottom-inner{flex-direction:column;gap:10px}body .mobile-whatsapp{border-radius:17px;min-height:52px;box-shadow:0 3px 0 #bf5d04,0 9px 24px #ed780b20;background:#ed780b}body .btn-orange,body .btn-dark,body .btn-white,body .btn-blue{min-height:50px}}
@media(prefers-reduced-motion:reduce){body *,body *::before,body *::after{scroll-behavior:auto!important;transition:none!important}}

/* Segunda propuesta de tarjetas: ilustración propia, cabecera y acabados más cuidados. */
body .todocap-service-card{min-height:420px;border-radius:32px;border-color:var(--edge);box-shadow:0 7px 0 var(--edge),0 20px 40px #14374b0c}
body .todocap-service-card::before{background:linear-gradient(145deg,var(--pale) 0%,color-mix(in srgb,var(--pale),white 48%) 66%,#fff 100%)}
body .todocap-service-card::after{width:235px;height:235px;top:-97px;right:-112px;background:transparent;border:30px solid #ffffff70;box-shadow:0 0 0 1px #ffffff80;opacity:.9}
body .todocap-service-inner{padding:29px;position:relative}
body .todocap-service-icon{width:74px;height:74px;margin-bottom:24px;background:linear-gradient(150deg,#fff,#ffffffa8);border:1px solid #fff;border-radius:25px;box-shadow:0 5px 0 color-mix(in srgb,var(--edge),white 25%),0 10px 20px #263c5010;font-size:0;position:relative}
body .todocap-service-icon::before{content:"";width:53px;height:53px;display:block;background:url('../img/portada/cursos.svg') center/contain no-repeat}
body .card-driver .todocap-service-icon::before{background-image:url('../img/portada/tarjeta.svg')}
body .tests .todocap-service-icon::before{background-image:url('../img/portada/test.svg')}
body .todocap-service-label{align-self:flex-start;display:inline-flex;background:#ffffffa6;border:1px solid #ffffffd9;border-radius:999px;padding:7px 11px;margin-bottom:14px;font-size:9px;letter-spacing:.09em;line-height:1.2}
body .todocap-service-card h2{font-size:30px;letter-spacing:-.025em;line-height:1.12;margin-bottom:14px}
body .todocap-service-card p{font-size:14px;line-height:1.75;color:#4f6475;margin-bottom:23px}
body .todocap-service-points{gap:7px;margin-bottom:27px}
body .todocap-service-points span{padding:7px 10px;background:#ffffffbd;border-color:#ffffffc9;box-shadow:0 2px 0 var(--edge);font-size:10px;color:var(--accent)}
body .todocap-service-action{background:linear-gradient(115deg,var(--accent),color-mix(in srgb,var(--accent),#17263a 18%));border:1px solid #ffffff25;border-radius:18px;min-height:56px;padding:13px 15px;font-size:13px;box-shadow:0 4px 0 color-mix(in srgb,var(--accent),#17263a 28%),0 8px 16px color-mix(in srgb,var(--accent) 12%,transparent)}
body .todocap-service-arrow{width:31px;height:31px;flex-basis:31px;background:#ffffff25;border:1px solid #ffffff30;color:#fff}
body .todocap-service-card:hover{box-shadow:0 10px 0 var(--edge),0 26px 42px #14374b14}
body .final-cta,body .final-cta h2,body .final-cta p{text-align:center}
body .final-cta h2{max-width:850px;margin-left:auto;margin-right:auto}
body .final-cta p{max-width:760px;margin-left:auto;margin-right:auto}
@media(max-width:980px){body .todocap-service-card{min-height:0}body .todocap-service-inner{padding:27px}}
@media(max-width:640px){body .todocap-service-inner{padding:25px}body .todocap-service-icon{width:66px;height:66px;border-radius:22px;margin-bottom:22px}body .todocap-service-icon::before{width:47px;height:47px}body .todocap-service-card h2{font-size:29px}body .todocap-service-label{font-size:9px}body .todocap-service-card{border-radius:29px}body .todocap-service-action{min-height:55px}}

body .tc-clients-coming{padding:70px 20px;background:radial-gradient(ellipse at top,#e4f1f6,transparent 70%),#f5f9fc;min-height:55vh;display:grid;place-items:center}
body .tc-clients-coming section{width:min(100%,560px);padding:38px 28px;background:#ffffffdb;border:1px solid #d9e7f1;border-radius:30px;text-align:center;box-shadow:0 6px 0 #e1ecf3}
body .tc-clients-symbol{width:70px;height:70px;border-radius:24px;margin:0 auto 22px;display:grid;place-items:center;background:#e7f4f6;color:#28697b}
body .tc-clients-symbol svg{width:39px;height:39px}body .tc-clients-coming h1{font-size:36px;color:#103249;margin-bottom:12px}body .tc-clients-coming p{font-size:16px;color:#60798b;line-height:1.7}
body .tc-clients-coming section>span{display:inline-flex;padding:8px 14px;background:#e7f4f6;color:#28697b;border-radius:999px;font-size:12px;font-weight:800;margin:20px 0 25px}body .tc-clients-coming section>a{display:block;max-width:220px;margin:auto;padding:14px 20px;background:#116ba0;color:white;border-radius:17px;font-size:14px;font-weight:800;box-shadow:0 3px 0 #0c527c}

/* WhatsApp conserva su color propio en todos los tamaños de pantalla. */
html body a.mobile-whatsapp{background:#25d366;color:#075329;box-shadow:0 3px 0 #159447,0 9px 24px #15944726}
html body a.mobile-whatsapp:hover,html body a.mobile-whatsapp:focus-visible{background:#20c45c;color:#064722;box-shadow:0 3px 0 #12843e,0 10px 26px #15944730}
