/* Sistema visual compartido de OpoBase */
:root{--ob-navy:#081e32;--ob-blue:#156b9a;--ob-mint:#40c4ba;--ob-lilac:#7254a2;--ob-paper:#ffffff;--ob-shadow:0 18px 48px rgba(8,30,50,.10)}
body{background:radial-gradient(circle at 88% 4%,#dff8f4 0,transparent 23rem),radial-gradient(circle at 3% 70%,#e8f0ff 0,transparent 28rem),#f7f8f6!important}
.top,.nav{position:relative;z-index:2}.top:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#d7e5e4 10%,#d7e5e4 90%,transparent)}
.brand,.brand:hover{color:var(--ob-navy)!important}.btn,.action,.continue{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover,.action:hover,.continue:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(8,30,50,.18)}
/* Panel */
.dashboard-nav{position:sticky;top:10px;z-index:10;backdrop-filter:blur(15px);background:#ffffffdd!important;box-shadow:0 12px 30px rgba(8,30,50,.08)!important}.dashboard-nav a{transition:background .18s,color .18s}.metric,.card,.progress-card{box-shadow:var(--ob-shadow)!important}.metric{position:relative;overflow:hidden}.metric:after{content:"";height:4px;width:38px;position:absolute;left:19px;bottom:0;border-radius:8px;background:var(--ob-mint)}.metric:hover,.card:hover{transform:translateY(-3px);transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 22px 50px rgba(8,30,50,.13)!important}.recommend{background:linear-gradient(135deg,#e8fbf6,#effafa)!important}
/* Simulador */
.panel,.card{box-shadow:var(--ob-shadow)!important}.mode,.choice,.answer{transition:border .18s ease,transform .18s ease,box-shadow .18s ease}.mode:hover,.choice:hover,.answer:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(8,30,50,.07)}.stats{box-shadow:0 15px 30px rgba(8,30,50,.22)!important}.stats:before{content:"EN DIRECTO";font-size:10px;font-weight:900;letter-spacing:1px;color:#79e4d8;position:absolute;right:18px;top:5px}
/* Exámenes oficiales */
#list .card{position:relative;overflow:hidden;padding:30px!important}#list .card:before{content:"EXAMEN OFICIAL";display:block;color:#15736d;font-size:11px;font-weight:900;letter-spacing:1px;margin-bottom:10px}#list .card .btn{background:var(--ob-navy)}
/* Planes y acceso */
.plans .plan,.box,.modal-box,.dialog{box-shadow:var(--ob-shadow)!important}.plans .plan:not(.best){background:linear-gradient(150deg,#fff,#f7fffd)}.plans .best{background:linear-gradient(145deg,#09253a,#173d59)!important}.tag,.pill{box-shadow:inset 0 0 0 1px #ffffff88}.box{border-top:4px solid var(--ob-mint)!important}.tabs{padding:4px!important}
@media(max-width:760px){.dashboard-nav{top:4px}.metric:hover,.card:hover{transform:none}.stats:before{display:none}}

/* Repaso inteligente y estadísticas por tema */
.modes{grid-template-columns:repeat(4,1fr)!important}.mode.mistakes{background:#fff7ee;border-color:#f0c895}.mode.mistakes.active{background:#fff2e3;border-color:#cf7b24}.review-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:-7px 0 28px;padding:20px 23px;border:1px solid #f0d6a6;border-radius:15px;background:linear-gradient(120deg,#fff8eb,#fffdf8)}.review-card h2{font:24px Georgia,serif;margin:0 0 5px}.review-card p{margin:0;color:#687b80;font-size:13px}.review-count{color:#b35d17;font-size:26px;font-weight:900}.review-card .action{white-space:nowrap}.topic-stats{margin-top:28px;padding-top:24px;border-top:1px solid #e5ecea}.topic-stats h3{font:22px Georgia,serif;margin:0 0 16px}.topic-row{margin:16px 0}.topic-title{display:flex;justify-content:space-between;gap:15px;font-size:13px;color:#435e68}.topic-title b{font-size:12px}.topic-bar{height:8px;border-radius:8px;background:#edf1f0;overflow:hidden;margin:8px 0 5px}.topic-bar i{display:block;height:100%;border-radius:8px;background:#d78621}.topic-row.good .topic-bar i{background:#329467}.topic-row.weak .topic-bar i{background:#c14a4d}.topic-meta{font-size:11px;color:#84979d}
@media(max-width:760px){.modes{grid-template-columns:1fr!important}.review-card{align-items:flex-start;flex-direction:column}.review-card .action{width:100%;text-align:center}.topic-title{line-height:1.45}}

/* Plan diario */
.daily-plan{margin:0 0 28px;padding:25px 27px;border:1px solid #b7ded6;border-radius:18px;background:linear-gradient(135deg,#eafbf7,#f8fffd 55%,#eaf3ff)}.daily-plan-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.daily-plan h2{font:27px Georgia,serif;margin:0 0 5px}.daily-plan p{margin:0;color:#5d767a;font-size:13px}.daily-plan-badge{color:#14746e;background:#d7f5ee;padding:7px 10px;border-radius:20px;font-size:11px;font-weight:900;white-space:nowrap}.daily-tasks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.daily-task{display:flex;flex-direction:column;align-items:flex-start;min-height:150px;padding:17px;border-radius:13px;background:#fff;border:1px solid #dce9e6;text-decoration:none;color:#0b1d2a;transition:transform .18s ease,box-shadow .18s ease}.daily-task:hover{transform:translateY(-3px);box-shadow:0 12px 22px rgba(8,30,50,.09)}.daily-task .task-icon{font-size:20px;margin-bottom:10px}.daily-task b{font-size:14px}.daily-task span{font-size:12px;color:#687f84;line-height:1.45;margin-top:5px}.daily-task em{font-style:normal;font-size:11px;font-weight:850;color:#16746d;margin-top:auto;padding-top:10px}.daily-task.done{opacity:.72;background:#f0f9f6}.daily-task.done em{color:#329467}@media(max-width:760px){.daily-plan{padding:21px 18px}.daily-plan-head{align-items:flex-start;flex-direction:column}.daily-tasks{grid-template-columns:1fr}.daily-task{min-height:118px}}

/* Objetivo de examen */
.goal-card{display:grid;grid-template-columns:1.15fr .85fr;gap:25px;margin:0 0 28px;padding:27px;border-radius:18px;background:linear-gradient(135deg,#0a2539,#174560);color:#fff;box-shadow:0 18px 40px rgba(8,30,50,.18)}.goal-card .eyebrow{color:#82e3d8}.goal-card h2{font:29px Georgia,serif;margin:4px 0 8px}.goal-card p{margin:0;color:#c5d9dd;font-size:13px;line-height:1.5}.goal-countdown{display:flex;gap:9px;margin-top:20px}.goal-countdown div{min-width:83px;padding:12px;border-radius:11px;background:#ffffff12;border:1px solid #ffffff1c}.goal-countdown b{font-size:28px;display:block;color:#82e3d8}.goal-countdown span{font-size:10px;color:#c4d6db;text-transform:uppercase;font-weight:800;letter-spacing:.6px}.goal-form{display:grid;gap:12px;align-content:center;background:#ffffff0d;border:1px solid #ffffff17;border-radius:13px;padding:18px}.goal-form label{display:block;font-size:10px;font-weight:900;letter-spacing:.7px;color:#c4d6db}.goal-form input,.goal-form select{width:100%;margin-top:7px;border:1px solid #ffffff2b;border-radius:8px;padding:10px;background:#fff;color:#16364b;font:14px Inter,system-ui,sans-serif}.goal-save{border:0;border-radius:8px;padding:11px;background:#4bd0c3;color:#072438;font-weight:900;cursor:pointer}.goal-status{font-size:11px;color:#9eeadd;text-align:center;min-height:14px}@media(max-width:760px){.goal-card{grid-template-columns:1fr;padding:22px}.goal-countdown div{min-width:0;flex:1}}
.remote-count{display:inline-block;margin:5px 0 0 6px;color:#168076;font-size:10px;font-weight:850;background:#e1f5f1;padding:3px 6px;border-radius:8px}