html,body{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box;font-family:Inter,sans-serif}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#root{display:flex;justify-content:center;align-items:center;min-height:100dvh;width:100%;margin:0;padding:0;box-sizing:border-box;background:#effffa;background:linear-gradient(189deg,#fff,#cae4ff);flex-direction:column}.title__alter{background:#020024;background:linear-gradient(90deg,#020024,#090979 35%,#29c7f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}h1,h5{text-align:center;width:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#e0e0e0;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#62b5e5;border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#62b5e5}*{scrollbar-width:auto;scrollbar-color:#62B5E5 #e0e0e0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.Landing{display:flex;width:auto;height:auto;border-radius:.5em;background:#f5f8fa;background:linear-gradient(13deg,#f5f8fa,#cae9ff);justify-content:center;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;border:3px solid gray;align-items:center;padding:0;margin:0;flex-direction:column}.landing-subtitle{font-size:1.2rem;text-align:center;max-width:600px;margin:1rem auto}.landing-benefits,.landing-warnings,.landing-call-to-action{display:flex;flex-direction:column;margin:1.5rem auto;padding:1rem 2rem;background:#fff;border-radius:8px;max-width:700px;box-shadow:0 2px 6px #0000001a}.landing-benefits ul,.landing-warnings ul{list-style:none;padding-left:0}.start-quiz-button{display:inline-block;background:#007bff;color:#fff;padding:.8rem 1.2rem;border-radius:6px;text-decoration:none;font-weight:700;margin-top:1rem;transition:background .3s ease}.start-quiz-button:hover{background:#0056b3}.Landing__img{width:80%;height:auto}h2{display:flex;justify-content:center;text-align:center;align-items:center}:root{--primary-color: #2b7de9;--light-bg: #f5f7fa;--border-color: #dce3ec;--text-dark: #333;--card-bg: #ffffff}body{font-family:Segoe UI,sans-serif;background-color:var(--light-bg);color:var(--text-dark)}.Question{display:flex;flex-direction:column;align-items:center;width:90vw;padding:20px}.Question__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:5px;width:100%;justify-content:center;align-content:center;align-items:center;justify-items:center}.Question__label{display:flex;flex-direction:row;align-items:center;gap:10px;background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:10px;padding:20px;cursor:pointer;transition:border-color .3s ease,background-color .3s ease;height:100%;width:100%;max-width:280px;box-sizing:border-box}.Question__label:hover{border-color:var(--primary-color);background-color:#eef4fe}.Question__input{accent-color:var(--primary-color)}.Question__input[type=checkbox]:checked+span,.Question__input[type=radio]:checked+span{font-weight:700}.ResultContainer{padding:20px 1rem;max-width:1200px;margin:0 auto;text-align:center;background-color:var(--card-bg);border-radius:10px;box-shadow:0 4px 12px #0000000d;width:100dvw;box-sizing:border-box}.ResultIntro{text-align:left}.SpecGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:20px 0}.SpecCard{display:flex;flex-direction:column;align-items:center;background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:10px;padding:20px;text-align:center;transition:box-shadow .3s ease;margin:0;animation:fadeSlideIn .6s ease forwards}.SpecCard:hover{box-shadow:0 4px 12px #00000014}.SpecIcon{font-size:30px;color:var(--primary-color)}.SpecLabel{color:var(--primary-color);font-weight:600;font-size:16px}.SpecTitle{font-size:18px;font-weight:700;color:var(--text-dark)}.Warnings{color:red;text-align:left}.btn-grad{background-image:linear-gradient(to right,#6a11cb,#2575fc);font-weight:700;padding:12px 32px;border-radius:8px;color:#fff;border:none;cursor:pointer;text-transform:uppercase;box-shadow:0 4px 10px #0000001a;transition:all .4s ease}.btn-grad:hover{background-position:right center;opacity:.9}.WarningGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:20px}.WarningCard{display:flex;flex-direction:column;align-items:center;background-color:#fff5f5;border:2px solid #f5c2c7;border-radius:10px;padding:20px;text-align:center;transition:box-shadow .3s ease;animation:fadeSlideIn .6s ease forwards}.WarningCard:hover{box-shadow:0 4px 12px #ff00001a}.WarningIcon{font-size:30px;color:#d32f2f}.WarningText{font-size:15px;color:#b71c1c;font-weight:500}.ResultIntroCards{display:flex;flex-direction:column;gap:20px;margin:30px 0}.InfoCard{background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:10px;padding:20px;text-align:left;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:row;align-content:center;justify-content:space-evenly;align-items:center}.InfoCard2{background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:10px;padding:20px;text-align:left;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;align-content:center;justify-content:space-evenly;align-items:center}.InfoIcon{font-size:28px;color:var(--primary-color)}.InfoLabel{font-size:16px;font-weight:700;color:var(--primary-color)}.InfoTable{display:table;width:100%;border-collapse:collapse;border:#ececec 1px solid}.InfoRow{display:table-row}.InfoCell{display:table-cell;padding:12px 0;vertical-align:top;border-bottom:1px solid var(--border-color);word-wrap:break-word;overflow-wrap:break-word}.InfoRow.even{background-color:var(--light-bg)}.InfoRow.odd{background-color:#fff}.InfoCell.question{font-weight:700;width:40%;color:var(--text-dark)}.InfoCell.answer{width:60%;color:#555}.reintentar{display:flex;flex-direction:column;justify-content:center}.Modelo__sugerido{font-size:2rem;font-weight:900}.RationaleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:20px}.RationaleCard{display:flex;flex-direction:column;align-items:center;background-color:#f0fff4;border:2px solid #a3d9a5;border-radius:10px;padding:20px;text-align:center;transition:box-shadow .3s ease;animation:fadeSlideIn .6s ease forwards}.RationaleCard:hover{box-shadow:0 4px 12px #48bb7833}.RationaleIcon{font-size:30px;color:#2e7d32}.RationaleText{font-size:15px;color:#2e7d32;font-weight:500}.SuggestedModelsGrid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.LaptopCard{display:flex;border:2px solid #e0e0e0;border-radius:12px;padding:20px;max-width:280px;width:80%;background-color:#fff;box-shadow:0 4px 10px #00000014;margin:20px auto;text-align:center;transition:transform .2s ease,box-shadow .2s ease;flex-direction:column;align-content:center;justify-content:center;align-items:center}.LaptopCard:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.LaptopCard img{width:100%;height:auto;object-fit:contain;border-radius:8px;margin-bottom:10px}.LaptopCard h3{font-size:1.2rem;margin-bottom:10px;color:#0078d4}.LaptopCard h4{font-size:1.1rem;margin:10px 0}.LaptopCard p{margin:5px 0;font-size:.95rem}.LaptopCard button{margin-top:10px;padding:10px 16px;background-color:#0078d4;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:background-color .2s ease}.LaptopCard button:hover{background-color:#005ea3}.Quiz{display:flex;width:auto;height:auto;border-radius:.5em;background:#f5f8fa;background:linear-gradient(13deg,#f5f8fa,#cae9ff);justify-content:center;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;border:3px solid gray;align-items:center;padding:0;margin:0;flex-direction:column}button{display:flex;flex-direction:column;margin-bottom:10px}