/* Adaptación de la identidad visual observada en vitalplusactive.com */
:root{--ink:#4c4c4c;--green:#cc292b;--muted:#777;--line:#e5e5e5;--paper:#fafafa;--lime:#fae8e8;--white:#fff;--gold:#a92326;--vpa-red:#cc292b;--vpa-grey:#6c6c6c}
body{font-family:Arial,Helvetica,sans-serif;background:#fafafa;color:#4c4c4c;border-top:4px solid #cc292b}h1,h2,h3,h4,aside h3,.stats strong,.module-card .module-num,.score,.result-score{font-family:Arial,Helvetica,sans-serif}h1{color:#cc292b;font-weight:500;letter-spacing:0;font-size:clamp(32px,3.5vw,48px);line-height:1.17}h2{font-weight:500;letter-spacing:0;color:#4c4c4c}h3{font-weight:600;letter-spacing:0}.eyebrow{font-size:10px;font-weight:500;color:#cc292b;letter-spacing:1.1px}.vpa-brand{display:flex;flex-direction:column;align-items:flex-start;gap:0;text-decoration:none;margin-top:1px;letter-spacing:0;line-height:1}.vpa-brand img{display:block;width:100%;max-width:208px;height:auto;object-fit:contain}.vpa-brand>span{display:block;font:400 8px Arial,sans-serif;letter-spacing:2.1px;color:#777;margin-top:13px}.brandmark{display:none}aside{border-top:4px solid #cc292b;background:#fff;padding-top:29px}.course-label{font-size:9px;letter-spacing:1.5px;margin-top:34px;color:#888}aside h3{font-size:16px;font-weight:400;line-height:1.6;color:#555}.progress-track{height:3px;border-radius:0}.progress-track i{border-radius:0;background:#cc292b}header{height:85px}#breadcrumb{font-size:9px;letter-spacing:1px;color:#777}.header-save{border-radius:0;background:#fff;border-color:#e1e1e1;font-size:11px}.header-save b{border-radius:0;background:#f8e6e6;color:#cc292b}nav button{border-radius:0;font-family:Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.45}nav button.active{background:#fff0f0;color:#b92427;font-weight:500;border-left:2px solid #cc292b;padding-left:7px}nav button:hover{background:#f8f8f8}.navnum{color:#999}.navdone{color:#cc292b}.navdivider{color:#999;font-size:8px;letter-spacing:1.4px}.sidebar-foot{color:#777;font-size:10px}.online-dot{background:#cc292b}.hero{grid-template-columns:1.3fr 1fr;gap:35px;padding:12px 0 4px}.hero h1{font-size:clamp(32px,3.2vw,45px);margin:20px 0 23px;line-height:1.2;letter-spacing:.2px}.hero .lead{font-size:15px;line-height:1.9;color:#666;max-width:600px}.hero-info{font-size:11px;color:#777;gap:17px}.hero-image{background:#fff;border:1px solid #ededed;border-radius:0;padding:20px 30px 35px;height:335px}.hero-image img{mix-blend-mode:normal;object-fit:contain;max-height:275px}.hero-image:after{content:'VITAL PLUS ACTIVE / MATERIAL DE FORMACIÓN';font-family:Arial,sans-serif;font-size:7px;color:#999;letter-spacing:1.2px;bottom:15px}.primary,.secondary,.textbtn{font-family:Arial,Helvetica,sans-serif;border-radius:0;font-weight:400;font-size:12px;gap:12px}.primary{background:#cc292b;border:1px solid #cc292b;padding:12px 22px}.primary:hover{background:#ad2023;border-color:#ad2023}.secondary{background:#fff;color:#cc292b;border:1px solid #dedede;padding:12px 19px}.secondary:hover{border-color:#cc292b}.textbtn{color:#b82326;font-size:12px}.stats{border-radius:0;margin-top:30px;background:#fff;border-color:#e5e5e5}.stats>div{padding:20px 24px;border-color:#e5e5e5}.stats strong{font-weight:400;letter-spacing:0;color:#cc292b;font-size:30px}.stats span{font-size:10px;color:#777}.sectionhead h2{font-size:25px;font-weight:400;color:#cc292b}.badge{border-radius:0;background:#fff;border:1px solid #e9dada;color:#a52b2d;padding:4px 8px;font-family:Arial,sans-serif;font-size:9px}.card{border-radius:0;border-color:#e6e6e6;background:#fff;box-shadow:none}.module-card{padding:23px;border-top:2px solid #ddd;transition:border-color .15s}.module-card:hover{transform:none;border-color:#c87a7c;border-top-color:#cc292b}.module-card .module-num{font-size:27px;color:#cc292b;font-weight:400}.module-card h3{font-weight:500;font-size:18px;color:#4c4c4c;line-height:1.45;margin-top:15px}.module-card p{font-size:12px;line-height:1.8;color:#777}.module-card .cardmeta{font-size:10px;color:#888}.mini-progress{background:#efefef;border-radius:0}.mini-progress i{background:#cc292b}.editorial{border-radius:0;background:#f7f7f7;border-left:2px solid #cc292b;color:#777;font-size:11px;line-height:1.85;padding:15px 19px}.feature-strip h3{color:#cc292b;font-size:13px;font-weight:500}.feature-strip p{font-size:12px;color:#777}.module-top{margin-top:15px}.module-top .module-art{border-radius:0;background:#fff;border:1px solid #e6e6e6}.module-art img{mix-blend-mode:normal}.lesson-row{border-radius:0;border:1px solid #e6e6e6}.lesson-row strong{font-weight:500;font-size:14px;color:#4c4c4c}.lesson-row .step-num{border-radius:0;background:#f7f7f7;color:#cc292b}.lesson-row:hover{border-color:#d18b8d}.test-row{background:#fff4f4;border-color:#e2b9ba}.page-top .textbtn{font-size:11px}.icon-btn{border-radius:0;border-color:#e3e3e3;background:#fff;color:#b72528;font-size:11px}.icon-btn.bookmarked{background:#fceaea}.lesson-heading h1{color:#cc292b;letter-spacing:0;font-size:clamp(30px,3vw,40px);font-weight:400;line-height:1.24}.lesson-heading .lead{font-size:15px;line-height:1.9;color:#666}.page-dot,.page-progress{border-radius:0}.page-dot{border-radius:0;height:3px;background:#e9e9e9}.page-dot.current{background:#cc292b}.page-dot.seen{background:#d98f91}.reading h2{font-weight:500;font-size:20px;letter-spacing:0;color:#555}.reading p{color:#555;font-size:14px;line-height:1.95}.reading-section{margin-bottom:29px}.visual-panel .media,.media{border-radius:0;background:#fff;border:1px solid #e5e5e5}.mainfigure{border-radius:0;background:#fff}.media figcaption{font-size:9px;color:#888;line-height:1.8}.thumbs button{border-radius:0;border-color:#e0e0e0}.thumbs button.active{border-color:#cc292b}.source-link{border-radius:0;background:#f7f7f7;color:#b72528;border:1px solid #e6e6e6}.explorer{border-radius:0;background:#fff;border-color:#e4e4e4}.explorer h3{font-weight:500;color:#4c4c4c}.explore-detail{border-radius:0;background:#f8f8f8;color:#555}.tabs button{border-radius:0;background:#fff;border-color:#dedede;color:#b72528;font-size:11px}.tabs button.selected{background:#cc292b;color:#fff;border-color:#cc292b}.step-button{border-radius:0;background:#fff;border-color:#e1e1e1;color:#555}.step-button strong{font-family:Arial,sans-serif;font-weight:400;color:#cc292b}.step-button.selected{background:#fff1f1;border-color:#d8888a}.accordion{border-radius:0;border-color:#e4e4e4;background:#fff}.accordion summary{font-weight:500;color:#555}.accordion p{color:#666}.flash{border-radius:0;border-color:#e1e1e1;background:#fafafa;color:#555}.flash small{color:#999}.flash strong{font-size:13px;font-weight:500}.checklist label{border-color:#eee;color:#555}input[type=checkbox],input[type=radio]{accent-color:#cc292b}.source-page{border-radius:0;background:#fff;border-color:#e6e6e6}.source-page span{color:#888}.source-text{border-radius:0;background:#fff;color:#666}.source-original summary{font-weight:400;font-size:12px}.note-area{border-radius:0;background:#f6f6f6;border-top:2px solid #cc292b}.note-area h3{font-size:18px;font-weight:500;color:#555}.note-area textarea{border-radius:0;border-color:#d9d9d9;font-family:Arial,sans-serif}.save-status{color:#888}.page-bottom{border-color:#e6e6e6}.quiz-question{border-radius:0;background:#fff;border-color:#e3e3e3}.quiz-question legend{color:#555;font-weight:500}.option{border-radius:0;border-color:#e4e4e4;color:#555}.option:has(input:checked){background:#fff0f0;border-color:#cc292b}.result-head{border-radius:0;background:#fff0f0;border-top:2px solid #cc292b}.result-head h2{color:#4c4c4c}.result-score{font-family:Arial,sans-serif;font-weight:400;letter-spacing:-1px;color:#cc292b}.result-card{border-radius:0;border-color:#e3e3e3}.result-card h3{font-weight:500}.answer-feedback{border-radius:0;background:#f5f5f5;color:#555}.answer-feedback.wrong{background:#fff3e5}.library-tabs button{font-size:12px}.library-tabs button.active{border-color:#cc292b;color:#b72528;font-weight:500}.searchbar input,.searchbar select{border-radius:0;font-family:Arial,sans-serif;border-color:#ddd;color:#555}.ingredient-tags span{border-radius:0;background:#f4f4f4;color:#777}.product-code{border-radius:0;background:#cc292b}.product-logo{border-radius:0}.product-card p{color:#777}.glossary-item h3{font-weight:500;color:#555}.image-tile{border-radius:0;border-color:#e4e4e4}.image-tile img{border-radius:0}.library-result,.notecard{border-radius:0;border-color:#e4e4e4}.notecard h3{font-weight:500;color:#555}.saved-list button{border-radius:0;border-color:#e4e4e4;color:#b72528}.empty,.errorpanel{border-radius:0}.course-complete{background:#fff0f0;border-radius:0;border-top:2px solid #cc292b}dialog{border-radius:0;background:#f5f5f5;color:#555}dialog::backdrop{background:#222222d9}.viewerbar button,.viewerfoot button{border-radius:0;color:#b72528;border-color:#ddd}.menutoggle,.closemenu{color:#cc292b}.viewerbody{background:#f1f1f1}footer{font-family:Arial,sans-serif;font-size:9px;color:#999}.sidebar-foot small{color:#999}.sidebar-foot .online-dot{background:#cc292b}.sources-list{color:#666}.sources-list small{color:#888}#app{animation:none}
@media(max-width:1100px){.vpa-brand img{max-width:190px}.vpa-brand>span{font-size:7px;letter-spacing:1.7px}.hero{gap:25px}.hero h1{font-size:36px}.hero-image{height:290px}.hero-image img{height:235px}.stats>div{padding:17px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:20px}.hero-image{display:flex;border-radius:0;height:235px}.hero-image img{height:185px}.hero h1{font-size:37px}.vpa-brand img{max-width:190px}.stats strong{font-size:27px}.stats>div{padding:16px 13px}}
@media(max-width:650px){aside{border-top:4px solid #cc292b;padding-top:30px}.vpa-brand img{max-width:200px}.vpa-brand>span{font-size:8px;letter-spacing:1.9px}.hero{padding-top:5px}.hero h1{font-size:32px;line-height:1.22;letter-spacing:0}.hero .lead{font-size:14px;line-height:1.85}.hero-info{font-size:10px;gap:11px}.hero-image{height:230px;padding:17px 22px 35px}.hero-image img{height:180px}.hero-image:after{font-size:6px;letter-spacing:.8px}.stats strong{font-size:28px}.stats span{font-size:10px}.stats>div{padding:18px}.sectionhead h2{font-size:23px}.module-card{padding:22px}.module-card h3{font-size:18px}.lesson-heading h1{font-size:31px;line-height:1.25}.lesson-heading .lead{font-size:14px}.header-save{padding:6px 8px}#breadcrumb{font-size:7px;letter-spacing:.6px}.source-page img{height:125px}.primary,.secondary{padding:11px 15px;font-size:11px}.icon-btn{padding:7px;font-size:10px}.note-area{padding:20px}.reading h2{font-size:20px}.badge{font-size:8px}}
@media print{body{border-top:0;background:#fff}.hero-image{border:1px solid #ddd}.module-card{break-inside:avoid}}
.mobile-vpa-logo{display:none}@media(max-width:650px){header .mobile-vpa-logo{display:block;line-height:0;margin-right:auto;margin-left:17px}header .mobile-vpa-logo img{display:block;width:145px;height:auto}header #breadcrumb{display:none}}