:root{
  --bg:#06131f; --bg2:#041421; --card:#ffffff; --muted:#667085; --text:#0b1b2b; --cyan:#0ec9c3; --cyan2:#0bbfbd; --teal:#13b8a9; --danger:#c62828; --warning:#f6a700; --ok:#0a8f61; --line:#d9e8ee;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,#0b2b45 0,#06131f 55%,#030912 100%);color:#fff;min-height:100vh} button,input,select{font-family:inherit} .app{min-height:100vh;padding:18px;max-width:1120px;margin:0 auto}.hero{background:linear-gradient(135deg,#041421,#062b46 65%,#064d57);border:1px solid rgba(14,201,195,.25);border-radius:26px;padding:22px;box-shadow:0 20px 50px rgba(0,0,0,.28);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;background:rgba(14,201,195,.18);filter:blur(22px);border-radius:50%}.logo{display:block;width:min(520px,90%);margin:0 auto 12px;object-fit:contain}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand img{width:48px;height:48px;object-fit:contain}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:rgba(14,201,195,.14);border:1px solid rgba(14,201,195,.36);padding:8px 12px;color:#d8fffd;font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{background:rgba(255,255,255,.98);color:var(--text);border:1px solid rgba(14,201,195,.28);border-radius:22px;padding:18px;box-shadow:0 12px 34px rgba(0,0,0,.18)}.card.dark{background:linear-gradient(135deg,#071d30,#092d44);color:#fff}.card h1,.card h2,.card h3{margin:0 0 10px}.muted{color:var(--muted)}.card.dark .muted{color:#b7d7df}.btn{border:0;border-radius:16px;padding:13px 16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:.15s transform,.15s filter}.btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.btn.primary{background:linear-gradient(135deg,#06233b,#0bbfbd);color:#fff}.btn.secondary{background:#eef7f8;color:#07354b;border:1px solid #c9e7eb}.btn.danger{background:#ffe8e8;color:#a40e0e}.btn.ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff}.btn.full{width:100%}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}.field label{font-weight:800;color:#103047;font-size:13px}.field input,.field select{border:1px solid #c8dbe3;border-radius:14px;padding:12px 13px;font-size:15px;background:#fff}.error{color:#c62828;font-weight:800;font-size:13px}.universities .card{cursor:pointer}.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.kpi div{background:#f0fbfb;border:1px solid #ccebed;border-radius:16px;padding:13px}.kpi strong{font-size:22px}.exam-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.question-card{background:#fff;color:#111;border-radius:22px;padding:20px;border:1px solid #cde7ea}.q-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.timer{font-weight:900;color:#fff;background:linear-gradient(135deg,#06233b,#0bbfbd);padding:9px 12px;border-radius:999px}.question-html{font-size:18px;line-height:1.45}.question-html p{margin:.42rem 0}.eq-img{max-width:100%;vertical-align:middle}.option{width:100%;background:#f8fbfc;border:2px solid #dcebee;border-radius:17px;padding:12px;margin:10px 0;display:flex;align-items:flex-start;gap:10px;cursor:pointer;color:#0b1b2b;text-align:left}.option.selected{border-color:var(--cyan);background:#e9fffd}.opt-letter{min-width:34px;height:34px;border-radius:50%;background:#06233b;color:white;display:flex;align-items:center;justify-content:center;font-weight:900}.sidebar{position:sticky;top:12px;align-self:start}.qnav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.qnav button{border:0;border-radius:10px;padding:9px 0;background:#edf4f6;font-weight:800;color:#0b1b2b}.qnav button.answered{background:#d8fffb;color:#00615b}.qnav button.current{outline:3px solid var(--cyan)}.result-table{width:100%;border-collapse:collapse;background:#fff;color:#0b1b2b;border-radius:14px;overflow:hidden}.result-table th,.result-table td{padding:10px;border-bottom:1px solid #e3eef1;text-align:left}.result-table th{background:#07354b;color:#fff}.bad{color:#b00020;font-weight:900}.good{color:#087a50;font-weight:900}.warn{color:#b36b00;font-weight:900}.install-only{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.install-box{max-width:760px;text-align:center}.small{font-size:13px}.footer-note{margin-top:18px;color:#b8d5dd;text-align:center}.report{background:#fff;color:#0b1b2b;border-radius:18px;padding:18px}.review-row.incorrect{background:#fff1f1}.review-row.correct{background:#f0fff8}.review-row.blank{background:#fffbe8}
@media(max-width:800px){.app{padding:12px}.exam-shell{grid-template-columns:1fr}.sidebar{position:static}.topbar{flex-direction:column;align-items:flex-start}.hero{padding:16px}.question-html{font-size:16px}}
@media print{body{background:white;color:#000}.no-print,.topbar,.actions:not(.print-actions){display:none!important}.app{max-width:none;padding:0}.card,.hero,.report{box-shadow:none;border:0;border-radius:0}.report{padding:0}.review-row.incorrect{background:#ffe6e6!important}.review-row.correct{background:#f0fff8!important}.review-row.blank{background:#fff6d6!important}.result-table th{background:#07354b!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Ajustes v1.0.1: marca única, arranque móvil y PDF estilo informe OVP */
.logo-horizontal{width:min(420px,92%);max-height:150px;object-fit:contain;}
.install-only .logo-horizontal,.hero .logo-horizontal{width:min(360px,88%);max-height:130px;}
.report-logo .logo-horizontal{width:250px;max-height:92px;margin:0;}
.option img,.question-html img{max-width:100%;height:auto!important;object-fit:contain;image-rendering:auto;}
.option span:last-child{display:block;width:100%;}
.option span:last-child p{margin:.1rem 0;}
.option:has(img){align-items:center;min-height:86px;}
.option:has(img) img{max-height:210px;display:block;margin:4px 0;}
.question-html img{display:inline-block;margin:8px auto;}

.ovp-report{max-width:920px;margin:0 auto;background:#fff;color:#103047;border-radius:0;padding:28px 32px;font-size:13px;line-height:1.35;}
.report-header{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center;}
.report-title h1{font-size:25px;line-height:1.1;margin:0;color:#0b2d44;font-weight:900;}
.report-title p{margin:6px 0 0;color:#1c465c;font-size:13px;}
.report-line{height:2px;background:#72e6e3;margin:20px 0 16px;}
.report-code{border:2px solid #20d7d1;background:#eefefe;padding:10px 14px;width:380px;max-width:100%;margin-bottom:14px;font-weight:700;}
.section-title{display:flex;align-items:center;gap:10px;font-size:22px;line-height:1.1;margin:16px 0 10px;color:#103047;}
.section-title span{width:16px;height:16px;background:#16caca;border:1px solid #089b9d;border-radius:50%;display:inline-block;flex:0 0 16px;}
.section-title:after{content:"";height:1px;background:#a9bdc6;flex:1;}
.info-table{width:100%;border-collapse:collapse;margin:0 0 12px;background:#f1ffff;color:#103047;font-size:12.5px;}
.info-table td{border:1px solid #96eeeb;padding:8px 10px;vertical-align:top;}
.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 10px;}
.summary-grid div{background:#f1ffff;border:1px solid #96eeeb;padding:10px;border-radius:0;font-size:13px;}
.summary-grid strong{font-size:13px;color:#103047;}
.note-box{background:#dffafa;border-left:6px solid #07354b;border-radius:6px;padding:10px 12px;margin:10px 0 12px;}
.compact-table{font-size:12px;margin-bottom:12px;}
.compact-table th{background:#eaf8fb!important;color:#103047!important;border:1px solid #96eeeb;padding:6px 8px;font-weight:900;}
.compact-table td{border:1px solid #96eeeb;padding:5px 8px;}
.answer-detail{font-size:10.2px;line-height:1.15;}
.answer-detail th,.answer-detail td{padding:3.5px 6px;}
.benefit-box{border:2px solid #16caca;background:#f8ffff;text-align:center;padding:16px 18px;margin:24px auto 0;max-width:760px;page-break-inside:avoid;}
.benefit-box h2{font-size:17px;margin:0 0 8px;color:#103047;}
.benefit-box p{margin:5px 0;}
.detail-start{page-break-before:auto;}

@media print{
  @page{size:A4;margin:12mm;}
  html,body{width:210mm;background:#fff!important;}
  body{font-size:11px!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  .app{padding:0!important;margin:0!important;max-width:none!important;}
  .ovp-report{padding:0!important;max-width:none!important;font-size:10.8px!important;}
  .report-header{grid-template-columns:235px 1fr;gap:18px;}
  .report-logo .logo-horizontal{width:230px;max-height:80px;}
  .report-title h1{font-size:22px;}
  .section-title{font-size:17px;margin:11px 0 7px;}
  .report-line{margin:14px 0 12px;}
  .info-table{font-size:10.5px;}
  .info-table td{padding:5px 7px;}
  .summary-grid{grid-template-columns:repeat(4,1fr);gap:6px;}
  .summary-grid div{padding:7px;font-size:10.5px;}
  .compact-table{font-size:9.7px;}
  .compact-table th,.compact-table td{padding:3px 5px;}
  .answer-detail{font-size:8.8px;line-height:1.05;}
  .answer-detail th,.answer-detail td{padding:2px 4px;}
  .benefit-box{margin-top:16px;padding:11px;font-size:10.5px;}
  .benefit-box h2{font-size:14px;}
  .review-row.incorrect{background:#ffe6e6!important;}
  .review-row.correct{background:#f0fff8!important;}
  .review-row.blank{background:#fff6d6!important;}
}

@media(max-width:560px){
  .report-header{grid-template-columns:1fr;gap:8px;text-align:center;}
  .report-logo .logo-horizontal{margin:0 auto;width:260px;}
  .summary-grid{grid-template-columns:repeat(2,1fr);}
  .ovp-report{padding:18px 14px;}
}

/* Ajuste v1.0.2: imágenes gráficas separadas y legibles */
.question-graphic{display:block;max-width:100%;height:auto!important;margin:10px auto 14px;object-fit:contain;}
.option-graphic{display:block;max-width:min(260px,100%);max-height:220px;width:auto;height:auto!important;object-fit:contain;margin:2px 0;}
.option:has(.option-graphic){align-items:center;}
@media(max-width:560px){.option-graphic{max-width:210px;max-height:190px}.question-graphic{max-height:280px}}
@media print{.question-graphic{max-height:95mm}.option-graphic{max-height:26mm;max-width:45mm}}

/* v1.0.3 flujo por bloques, diseño OVP y PDF compacto */
:root{--cyan:#16caca;--cyan2:#0bbfbd;--deep:#06233b;--text:#0b1b2b;--muted:#5f7480;}
body{background:linear-gradient(180deg,#06131f,#03101a 100%);}
.ovp-home{background:transparent;border:0;box-shadow:none;padding:0;}
.ovp-home:after{display:none;}
.ovp-home>.logo-horizontal{background:linear-gradient(135deg,#06131f,#08334a);border:1px solid rgba(22,202,202,.4);border-radius:16px;padding:16px;margin-bottom:14px;}
.home-card{border-radius:16px;padding:18px 15px;}
.home-card h1{font-size:24px;letter-spacing:.2px;}
.home-buttons{display:grid;gap:10px;margin-top:15px;}
.btn{border-radius:12px;min-height:44px;padding:10px 15px;font-size:14px;}
.btn.primary{background:linear-gradient(135deg,#052c43,#15c6bd);}
.btn.light{background:#d7fbfa;color:#07354b;border:1px solid #a6eeeb;}
.btn.ghost{background:#12374b;color:white;border:1px solid rgba(255,255,255,.22);}
.select-card{background:#fff;color:var(--text);border:1px solid rgba(22,202,202,.35);border-radius:16px;padding:15px;box-shadow:0 8px 20px rgba(0,0,0,.12);}
.select-card h3{margin:0 0 12px;font-size:16px;}
.info-box{background:#effefe;border:1px solid #98ece9;border-radius:12px;padding:12px;margin-top:12px;color:#103047;}
.confirm-card .summary-box,.summary-box{background:#effefe;border:1px solid #98ece9;border-radius:12px;padding:12px;margin:10px 0;}
.confirm-card h2{margin-bottom:10px;}
.exam-shell{grid-template-columns:minmax(0,1fr) 250px;}
.q-head{background:#effefe;border:1px solid #98ece9;border-radius:14px;padding:10px;}
.question-card,.sidebar{border-radius:16px;}
.question-html img{display:block;max-width:100%;height:auto!important;margin:10px auto;}
.option-content img{max-width:100%;height:auto!important;display:block;margin:4px 0;}
.option{border-radius:14px;}
.detail-block{page-break-before:auto;page-break-inside:avoid;margin:10px 0 14px;}
.detail-block h3{font-size:15px;margin:8px 0 6px;color:#103047;border-bottom:1px solid #96cad2;padding-bottom:3px;}
.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start;}
.mini-detail{font-size:10.2px;margin:0;}
.mini-detail th,.mini-detail td{padding:3px 5px;}
@media(max-width:720px){.exam-shell{grid-template-columns:1fr}.detail-columns{grid-template-columns:1fr}.home-card h1{font-size:22px}.btn{font-size:13px}}
@media print{
  .detail-block{page-break-inside:avoid;}
  .detail-block h3{font-size:11.5px;margin:4px 0 3px;}
  .detail-columns{grid-template-columns:1fr 1fr;gap:7px;}
  .mini-detail{font-size:7.8px;line-height:1.03;}
  .mini-detail th,.mini-detail td{padding:1.7px 3px;}
  .section-title.detail-start{page-break-before:always;}
  .detail-block + .detail-block{page-break-before:always;}
}

/* v1.0.4 ajustes finales */
.home-hero{padding:14px 14px 18px;}
.ovp-home>.logo-horizontal{width:min(520px,96%)!important;max-height:190px!important;padding:20px 18px!important;margin:0 auto 14px!important;display:block;}
.home-card{padding:18px 16px!important;}
.home-buttons{display:grid;gap:10px;}
.btn{border-radius:12px;min-height:43px;}
.btn.cta{background:linear-gradient(135deg,#10a895,#16c9bd);color:#fff;}
.btn.dark{background:#06324d;color:#fff;}
.btn.light{background:#dfffff;color:#083047;border:1px solid #b6eff0;}
.dynamic-preview{margin-top:10px;}
.dynamic-preview ul{margin:8px 0 0 18px;padding:0;}
.option{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;}
.option-content{display:block!important;width:auto!important;min-width:0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;line-height:1.25;}
.option-content p{margin:.1rem 0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;}
.option-content span{display:inline!important;width:auto!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;}
.option-content .katex,.option-content .math-inline,.katex{white-space:nowrap!important;}
.question-html{font-size:16px;line-height:1.35;}
.question-graphic{display:block;max-width:100%;max-height:330px;width:auto;height:auto!important;object-fit:contain;margin:8px auto;}
.option-graphic{display:block;max-width:min(100%,320px)!important;max-height:230px!important;width:auto!important;height:auto!important;object-fit:contain;margin:3px auto!important;}
.option:has(.option-graphic){align-items:center!important;}
@media(max-width:560px){.ovp-home>.logo-horizontal{width:100%!important;max-height:165px!important;padding:18px!important}.option-graphic{max-width:100%!important;max-height:220px!important}.question-graphic{max-height:300px}.topbar .brand img{width:38px;height:38px}.topbar{align-items:flex-start}.pill{font-size:11px;padding:6px 9px}}
@media print{.benefit-box{font-size:8px!important;padding:4px 8px!important}.benefit-box h2{font-size:9px!important}.benefit-box p{margin:1px 0!important}.report-header{break-inside:avoid}.detail-columns{gap:10px!important}}

/* v1.0.6 ajustes de interfaz y ejercicios gráficos */
.option-content,.option-text{white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;min-width:0!important;}
.option-content p{margin:.15rem 0!important;}
.katex,.math-inline,.mathline{white-space:nowrap!important;}
.question-html{overflow-wrap:normal!important;word-break:normal!important;}
.question-graphic{display:block!important;width:auto!important;max-width:100%!important;max-height:360px!important;height:auto!important;object-fit:contain!important;margin:10px auto 16px!important;}
.option-graphic{display:block!important;width:auto!important;max-width:100%!important;max-height:230px!important;height:auto!important;object-fit:contain!important;margin:4px auto!important;}
.option:has(.option-graphic){display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;}
.set-graphic{max-height:170px!important;}
.logo-horizontal{object-fit:contain!important;}
@media(max-width:560px){.question-graphic{max-height:330px!important}.option-graphic{max-height:230px!important}.set-graphic{max-height:180px!important}.option{grid-template-columns:38px minmax(0,1fr)!important}.question-html{font-size:16px!important}.hero.ovp-home{padding:14px!important}.home-card{padding:16px!important}}

/* v1.0.7 gráficos garantizados */
.option:has(.option-graphic){grid-template-columns:46px minmax(0,1fr)!important; align-items:center!important;}
.option .option-content{display:flex!important;align-items:center!important;justify-content:center!important;}
.option-graphic,.question-graphic{background:#fff;border-radius:8px;}
.option-graphic{max-width:min(100%,320px)!important;max-height:240px!important;padding:2px;}
.question-graphic{max-width:min(100%,360px)!important;max-height:360px!important;padding:2px;}
@media(max-width:480px){.option-graphic{max-width:min(100%,250px)!important;max-height:220px!important}.question-graphic{max-width:min(100%,310px)!important;max-height:320px!important}}

/* v1.0.8 flujo de interfaz según referencia */
.app{max-width:430px!important;padding:10px 10px 18px!important;margin:0 auto!important;}
.topbar{background:#06131f;border-bottom:1px solid rgba(22,202,202,.22);margin:-10px -10px 14px!important;padding:8px 10px 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;}
.brand{min-width:0!important;flex:1!important;}
.brand .topbar-logo{width:185px!important;height:auto!important;max-height:54px!important;object-fit:contain!important;display:block!important;}
.brand img:not(.topbar-logo){width:38px!important;height:auto!important;}
.pill{font-size:10.5px!important;padding:5px 8px!important;white-space:nowrap!important;}
.ovp-home>.logo-horizontal{width:min(270px,92%)!important;max-height:118px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;margin:0 auto 10px!important;}
.hero.ovp-home{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.home-card{border-radius:16px!important;padding:16px 15px!important;text-align:center!important;}
.home-card h1{font-size:21px!important;margin-bottom:4px!important;}
.home-card p{font-size:12.5px!important;margin:5px 0 12px!important;}
.home-buttons{gap:8px!important;margin-top:10px!important;}
.home-buttons .btn{min-height:38px!important;padding:8px 11px!important;font-size:12px!important;border-radius:9px!important;}
.card{border-radius:16px!important;padding:15px!important;}
.card h2{font-size:19px!important;}
.field{margin-bottom:9px!important;gap:5px!important;}
.field label{font-size:11.5px!important;}
.field input,.field select{padding:9px 10px!important;border-radius:10px!important;font-size:13px!important;}
.grid{grid-template-columns:1fr!important;gap:0!important;}
.actions{gap:8px!important;margin-top:12px!important;}
.actions .btn{min-height:38px!important;padding:8px 12px!important;font-size:12px!important;border-radius:9px!important;}
.exam-shell{grid-template-columns:1fr!important;gap:10px!important;}
.sidebar{position:static!important;}
.question-card{border-radius:16px!important;padding:14px!important;}
.q-head{border-radius:13px!important;padding:8px 10px!important;}
.timer{padding:8px 10px!important;font-size:13px!important;}
.question-html{font-size:14px!important;}
.qnav{grid-template-columns:repeat(6,1fr)!important;gap:6px!important;}
.qnav button{font-size:11px!important;padding:7px 0!important;border-radius:8px!important;}
.report{border-radius:12px!important;padding:12px!important;}
@media(min-width:900px){.app{max-width:430px!important}}


/* v1.0.9 interfaz alineada al flujo solicitado */
.app{max-width:430px!important;padding:10px 10px 18px!important;margin:0 auto!important;}
.install-only{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:12px 10px 20px;}
.app-frame{width:100%;max-width:430px;}
.screen-header{padding:0 0 10px;}
.header-logo-shell,.install-header{background:linear-gradient(135deg,#06131f,#08334a);border:1px solid rgba(22,202,202,.42);border-radius:14px;padding:12px 12px 10px;display:flex;justify-content:center;align-items:center;}
.header-logo-shell .logo-horizontal,.install-header .logo-horizontal{width:100%!important;max-width:100%!important;max-height:96px!important;margin:0!important;}
.flow-card{border-radius:18px!important;padding:18px 16px!important;}
.home-card{text-align:center!important;}
.home-card h1{font-size:20px!important;line-height:1.1!important;margin-bottom:8px!important;}
.home-card p{font-size:13px!important;margin:0 0 14px!important;}
.home-buttons{display:grid;gap:10px;margin-top:8px;}
.home-buttons .btn,.actions .btn{width:100%;}
.card h2{font-size:18px!important;line-height:1.15!important;margin-bottom:10px!important;}
.field label{font-size:12px!important;font-weight:800!important;}
.field input,.field select{padding:10px!important;border-radius:11px!important;font-size:13px!important;}
.student-form-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;}
.email-row{display:grid;grid-template-columns:minmax(0,1fr) 28px 120px;gap:8px;align-items:center;}
.email-at{display:flex;justify-content:center;align-items:center;font-weight:800;color:#103047;}
.consent-box{background:#effefe;border:1px solid #98ece9;border-radius:12px;padding:12px;margin:14px 0;color:#103047;}
.stacked-actions{display:grid!important;grid-template-columns:1fr!important;}
.center-actions{justify-content:center;}
.install-card h1,.install-card h2{text-align:left;}
.install-card p{color:#103047;}
.dynamic-preview ul{margin:8px 0 0 18px;padding:0;}
.dynamic-preview li{margin-bottom:6px;}
.slim-table{font-size:12px!important;}
.slim-table th,.slim-table td{padding:8px 6px!important;}
.slim-table th:nth-child(2),.slim-table td:nth-child(2){font-size:11.4px!important;}
.question-card{border-radius:16px!important;padding:14px!important;}
.sidebar.card{border-radius:16px!important;}
.q-head{background:#effefe;border:1px solid #98ece9;border-radius:14px;padding:10px!important;margin-bottom:14px!important;}
.timer{padding:8px 12px!important;font-size:13px!important;}
.hero.mini-hero{padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;}
.hero.mini-hero:after{display:none!important;}
.break-card{text-align:left;}
.owl-motion{display:flex;justify-content:center;align-items:center;margin:-4px 0 10px;}
.owl-motion img{width:110px;height:auto;animation:wobble 1.8s ease-in-out infinite;}
@keyframes wobble{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(-2deg)}50%{transform:translateY(1px) rotate(2deg)}75%{transform:translateY(-1px) rotate(-1deg)}}
.report-actions-top{margin-bottom:12px;}
.report .actions.no-print .btn,.report-actions-top .btn{width:100%;}
@media(min-width:390px){.report .actions.no-print,.report-actions-top{display:grid!important;grid-template-columns:1fr 1fr!important;} .report .actions.no-print a.btn,.report-actions-top a.btn{grid-column:1 / -1;} }
@media(max-width:560px){.header-logo-shell .logo-horizontal,.install-header .logo-horizontal{max-height:92px!important;} .slim-table{font-size:11px!important;} .slim-table th,.slim-table td{padding:7px 5px!important;} .question-html{font-size:14px!important;} }

/* v1.0.21: acciones superiores del informe y campos numéricos limitados */
.result-top-actions{margin:0 0 10px 0;}
.result-top-actions .btn{width:100%;}
@media(min-width:390px){.result-top-actions{display:grid!important;grid-template-columns:1fr 1fr!important;} .result-top-actions a.btn{grid-column:1 / -1;}}
/* v1.0.10 correcciones finales: logo de filo a filo, botones 1.5x y conexión */
.header-logo-shell,.install-header{
  padding:4px 0!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
.header-logo-shell .logo-horizontal,.install-header .logo-horizontal{
  width:100%!important;
  max-width:none!important;
  max-height:110px!important;
  display:block!important;
  object-fit:contain!important;
  margin:0!important;
}
.screen-header{padding:0 0 12px!important;}
.btn,.home-buttons .btn,.actions .btn{
  min-height:58px!important;
  padding:16px 14px!important;
  font-size:12px!important;
  line-height:1.15!important;
  border-radius:10px!important;
}
.home-buttons{gap:10px!important;}
.flow-card{padding:18px 16px!important;}
.email-row{grid-template-columns:minmax(0,1fr) 24px 124px!important;}
@media(max-width:560px){
  .app{padding:8px 8px 18px!important;}
  .header-logo-shell .logo-horizontal,.install-header .logo-horizontal{max-height:108px!important;}
  .btn,.home-buttons .btn,.actions .btn{min-height:58px!important;padding-top:16px!important;padding-bottom:16px!important;}
}

/* v1.0.11 botones funcionales y visuales */
.header-logo-shell,.install-header{
  padding:0!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
.header-logo-shell .logo-horizontal,.install-header .logo-horizontal{
  width:100%!important;
  height:auto!important;
  max-height:125px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
}
.screen-header{padding:0 0 12px!important;}
.btn,.home-buttons .btn,.actions .btn{
  min-height:64px!important;
  padding:18px 16px!important;
  font-size:14px!important;
  line-height:1.18!important;
  font-weight:900!important;
  border-radius:11px!important;
}
.btn.primary,.btn.cta{
  background:linear-gradient(135deg,#06324d 0%,#078e83 48%,#18d3c1 100%)!important;
  color:#fff!important;
}
.btn.dark{
  background:linear-gradient(135deg,#032238 0%,#073c58 100%)!important;
  color:#fff!important;
}
.btn.light,.btn.secondary{
  background:linear-gradient(135deg,#e9ffff 0%,#cafffb 100%)!important;
  color:#07354b!important;
  border:1px solid #91e9e6!important;
}
.btn.danger{
  background:linear-gradient(135deg,#ffe8e8 0%,#ffd0d0 100%)!important;
  color:#a40e0e!important;
}
.home-buttons{gap:11px!important;}

/* v1.0.12: autoresultado final, botones 15-20% menores, logo más extendido */
.header-logo-shell .logo-horizontal,.install-header .logo-horizontal{width:102%!important;max-width:102%!important;margin-left:-1%!important;max-height:128px!important;}
.btn,.home-buttons .btn,.actions .btn{min-height:54px!important;padding:14px 14px!important;font-size:13px!important;}
.report-actions-top .btn,.result-top-actions .btn,.report .actions.no-print .btn{min-height:52px!important;padding:13px 12px!important;}

/* v1.0.25: fórmulas MathType exportadas como imágenes nítidas */
.formula-img{vertical-align:middle;height:auto;max-width:100%;image-rendering:auto;margin:0 .08em;}
.option-content .formula-img{display:inline-block;}
.question-html .formula-img{display:inline-block;}