.ConversorUnidades-module__5YTKOG__container{--primary:#2e86ab;--secondary:#48a9a6;--accent:#7fb3d3;--bg-primary:#fafafa;--bg-card:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--border:#e5e5e5;--hover:#f5f5f5;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--radius:12px;--radius-large:16px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #0000001a;max-width:1400px;padding:var(--spacing-xl)var(--spacing-lg);background:var(--bg-primary);min-height:100vh;margin:0 auto;padding-top:100px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[data-theme=dark] .ConversorUnidades-module__5YTKOG__container{--bg-primary:#1a1a1a;--bg-card:#2a2a2a;--text-primary:#e5e5e5;--text-secondary:#b0b0b0;--text-muted:gray;--border:#404040;--hover:#333}.ConversorUnidades-module__5YTKOG__hero{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);border-radius:var(--radius-large);color:#fff}.ConversorUnidades-module__5YTKOG__title{margin-bottom:var(--spacing-sm);font-size:2.2rem;font-weight:700}.ConversorUnidades-module__5YTKOG__subtitle{opacity:.95;font-size:1.1rem}.ConversorUnidades-module__5YTKOG__mainContent{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:280px 1fr;display:grid}.ConversorUnidades-module__5YTKOG__configPanel{background:var(--bg-card);border-radius:var(--radius-large);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);height:fit-content}.ConversorUnidades-module__5YTKOG__sectionTitle{color:var(--text-primary);margin-bottom:var(--spacing-lg);font-size:1.1rem;font-weight:600}.ConversorUnidades-module__5YTKOG__categoriasGrid{gap:var(--spacing-xs);grid-template-columns:repeat(2,1fr);display:grid}.ConversorUnidades-module__5YTKOG__categoriaBtn{padding:var(--spacing-sm);background:var(--hover);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;gap:2px;transition:all .2s;display:flex}.ConversorUnidades-module__5YTKOG__categoriaBtn:hover{border-color:var(--primary)}.ConversorUnidades-module__5YTKOG__categoriaActiva{border-color:var(--primary);background:#2e86ab1a}.ConversorUnidades-module__5YTKOG__categoriaIcono{font-size:1.2rem}.ConversorUnidades-module__5YTKOG__categoriaNombre{color:var(--text-primary);text-align:center;font-size:.65rem;font-weight:500}.ConversorUnidades-module__5YTKOG__resultsPanel{background:var(--bg-card);border-radius:var(--radius-large);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.ConversorUnidades-module__5YTKOG__conversionBox{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.ConversorUnidades-module__5YTKOG__inputGroup{flex:1;min-width:200px}.ConversorUnidades-module__5YTKOG__label{color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:.85rem;font-weight:500;display:block}.ConversorUnidades-module__5YTKOG__input{width:100%;padding:var(--spacing-md);border:2px solid var(--border);border-radius:var(--radius);color:var(--text-primary);background:var(--bg-primary);margin-bottom:var(--spacing-sm);font-size:1.2rem;font-weight:600}.ConversorUnidades-module__5YTKOG__input:focus{border-color:var(--primary);outline:none}.ConversorUnidades-module__5YTKOG__select{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);background:var(--bg-card);cursor:pointer;font-size:.9rem}.ConversorUnidades-module__5YTKOG__select:focus{border-color:var(--primary);outline:none}.ConversorUnidades-module__5YTKOG__resultadoBox{width:100%;padding:var(--spacing-md);border:2px solid var(--primary);border-radius:var(--radius);color:var(--primary);margin-bottom:var(--spacing-sm);text-align:center;background:#2e86ab0d;font-size:1.2rem;font-weight:700}.ConversorUnidades-module__5YTKOG__btnIntercambiar{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:50px;height:50px;font-size:1.5rem;transition:all .2s}.ConversorUnidades-module__5YTKOG__btnIntercambiar:hover{background:#256a8a;transform:rotate(180deg)}.ConversorUnidades-module__5YTKOG__formulaBox{background:var(--hover);border-radius:var(--radius);padding:var(--spacing-md);text-align:center;margin-bottom:var(--spacing-lg)}.ConversorUnidades-module__5YTKOG__formula{color:var(--primary);font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.ConversorUnidades-module__5YTKOG__tablaSection{margin-top:var(--spacing-lg)}.ConversorUnidades-module__5YTKOG__tablaSection h3{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1rem}.ConversorUnidades-module__5YTKOG__tablaWrapper{overflow-x:auto}.ConversorUnidades-module__5YTKOG__tabla{border-collapse:collapse;width:100%;font-size:.9rem}.ConversorUnidades-module__5YTKOG__tabla th,.ConversorUnidades-module__5YTKOG__tabla td{padding:var(--spacing-sm)var(--spacing-md);text-align:left;border-bottom:1px solid var(--border)}.ConversorUnidades-module__5YTKOG__tabla th{background:var(--hover);color:var(--text-primary);font-weight:600}.ConversorUnidades-module__5YTKOG__tabla td{color:var(--text-secondary)}.ConversorUnidades-module__5YTKOG__valorTabla{font-family:Courier New,monospace;font-weight:500}.ConversorUnidades-module__5YTKOG__filaResaltada{background:#2e86ab1a}.ConversorUnidades-module__5YTKOG__filaResaltada td{color:var(--primary);font-weight:600}.ConversorUnidades-module__5YTKOG__guideSection{padding:var(--spacing-md)0}.ConversorUnidades-module__5YTKOG__guideSection h2{color:var(--primary);margin-bottom:var(--spacing-md);font-size:1.4rem}.ConversorUnidades-module__5YTKOG__introParagraph{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:1.05rem;line-height:1.7}.ConversorUnidades-module__5YTKOG__contentGrid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.ConversorUnidades-module__5YTKOG__contentCard{background:var(--hover);border-radius:var(--radius);padding:var(--spacing-md);border-left:3px solid var(--primary)}.ConversorUnidades-module__5YTKOG__contentCard h4{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1rem}.ConversorUnidades-module__5YTKOG__contentCard p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}@media (max-width:1024px){.ConversorUnidades-module__5YTKOG__mainContent{grid-template-columns:1fr}.ConversorUnidades-module__5YTKOG__categoriasGrid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.ConversorUnidades-module__5YTKOG__container{padding:var(--spacing-md);padding-top:80px}.ConversorUnidades-module__5YTKOG__title{font-size:1.6rem}.ConversorUnidades-module__5YTKOG__categoriasGrid{grid-template-columns:repeat(3,1fr)}.ConversorUnidades-module__5YTKOG__conversionBox{flex-direction:column}.ConversorUnidades-module__5YTKOG__inputGroup{width:100%}.ConversorUnidades-module__5YTKOG__btnIntercambiar{transform:rotate(90deg)}.ConversorUnidades-module__5YTKOG__btnIntercambiar:hover{transform:rotate(270deg)}}.ConversorUnidades-module__5YTKOG__htmlSection{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-large);margin-bottom:2rem;padding:1.5rem}.ConversorUnidades-module__5YTKOG__htmlHeader{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1rem;display:flex}.ConversorUnidades-module__5YTKOG__htmlHeader h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.3rem}.ConversorUnidades-module__5YTKOG__htmlSubtitle{color:var(--text-secondary);margin:0;font-size:.9rem}.ConversorUnidades-module__5YTKOG__btnToggleCode{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .3s}.ConversorUnidades-module__5YTKOG__btnToggleCode:hover{background:#256a8a;transform:translateY(-1px)}.ConversorUnidades-module__5YTKOG__btnToggleCode:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.ConversorUnidades-module__5YTKOG__codeContainer{animation:.3s ConversorUnidades-module__5YTKOG__slideDown}@keyframes ConversorUnidades-module__5YTKOG__slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ConversorUnidades-module__5YTKOG__codeBlock{color:#d4d4d4;border-radius:var(--radius);white-space:pre-wrap;word-break:break-all;background:#1e1e1e;margin:0;padding:1rem;font-family:Consolas,Monaco,Courier New,monospace;font-size:.85rem;line-height:1.6;overflow-x:auto}.ConversorUnidades-module__5YTKOG__btnCopyCode{background:var(--secondary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;margin-top:1rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.ConversorUnidades-module__5YTKOG__btnCopyCode:hover{background:#3a8b89;transform:translateY(-1px)}.ConversorUnidades-module__5YTKOG__btnCopyCode:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.ConversorUnidades-module__5YTKOG__comparativaSection{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-large);margin-bottom:2rem;padding:1.5rem}.ConversorUnidades-module__5YTKOG__comparativaSection h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.3rem}.ConversorUnidades-module__5YTKOG__comparativaSubtitle{color:var(--text-secondary);margin:0 0 1rem;font-size:.9rem}.ConversorUnidades-module__5YTKOG__comparativaTable{border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius);width:100%;font-size:.9rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.ConversorUnidades-module__5YTKOG__comparativaTable th{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;text-align:left;border:none;padding:1rem;font-weight:600}.ConversorUnidades-module__5YTKOG__comparativaTable td{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:1rem;line-height:1.6}.ConversorUnidades-module__5YTKOG__comparativaTable tbody tr:last-child td{border-bottom:none}.ConversorUnidades-module__5YTKOG__comparativaTable tbody tr:hover{background:var(--hover)}[data-theme=dark] .ConversorUnidades-module__5YTKOG__comparativaTable{box-shadow:0 1px 3px #0000004d}.ConversorUnidades-module__5YTKOG__escenariosSection{margin-bottom:2rem}.ConversorUnidades-module__5YTKOG__escenariosSection h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.3rem}.ConversorUnidades-module__5YTKOG__escenariosSubtitle{color:var(--text-secondary);margin:0 0 1rem;font-size:.9rem}.ConversorUnidades-module__5YTKOG__escenariosGrid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1rem;display:grid}.ConversorUnidades-module__5YTKOG__escenarioCard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-large);padding:1.5rem;transition:all .3s}.ConversorUnidades-module__5YTKOG__escenarioCard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ConversorUnidades-module__5YTKOG__escenarioHeader{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.ConversorUnidades-module__5YTKOG__escenarioIcon{flex-shrink:0;font-size:1.75rem}.ConversorUnidades-module__5YTKOG__escenarioHeader h3{color:var(--text-primary);margin:0;font-size:1.1rem}.ConversorUnidades-module__5YTKOG__escenarioExample{border-left:3px solid var(--primary);border-radius:var(--radius);background:#f8f9fa;margin:1rem 0;padding:1rem}[data-theme=dark] .ConversorUnidades-module__5YTKOG__escenarioExample{background:#1e1e1e}.ConversorUnidades-module__5YTKOG__escenarioExample p{color:var(--primary);margin:0 0 .5rem;font-size:.85rem;font-weight:600}.ConversorUnidades-module__5YTKOG__escenarioExample code{color:var(--text-primary);white-space:pre-wrap;background:0 0;padding:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:.85rem;line-height:1.6;display:block}.ConversorUnidades-module__5YTKOG__escenarioTip{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.ConversorUnidades-module__5YTKOG__escenarioTip strong{color:var(--primary)}.ConversorUnidades-module__5YTKOG__faqSection{margin-bottom:2rem}.ConversorUnidades-module__5YTKOG__faqSection h2{color:var(--text-primary);margin:0 0 1rem;font-size:1.3rem}.ConversorUnidades-module__5YTKOG__faqList{flex-direction:column;gap:1rem;display:flex}.ConversorUnidades-module__5YTKOG__faqItem{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-large);padding:1.5rem;transition:all .3s}.ConversorUnidades-module__5YTKOG__faqItem:hover{box-shadow:var(--shadow-md)}.ConversorUnidades-module__5YTKOG__faqItem h3,.ConversorUnidades-module__5YTKOG__faqItem h4{color:var(--primary);margin:0 0 .75rem;font-size:1.05rem;line-height:1.5}.ConversorUnidades-module__5YTKOG__faqItem p{color:var(--text-secondary);margin:0 0 .75rem;font-size:.95rem;line-height:1.7}.ConversorUnidades-module__5YTKOG__faqItem p:last-child{margin-bottom:0}.ConversorUnidades-module__5YTKOG__faqItem p strong{color:var(--text-primary)}.ConversorUnidades-module__5YTKOG__faqItem ul{margin:.5rem 0;padding-left:1.5rem}.ConversorUnidades-module__5YTKOG__faqItem li{margin:.25rem 0;line-height:1.6}.ConversorUnidades-module__5YTKOG__faqTip{border-left:3px solid var(--primary);border-radius:var(--radius);background:#2e86ab1a;margin-top:.75rem;padding:.75rem 1rem;font-size:.9rem}[data-theme=dark] .ConversorUnidades-module__5YTKOG__faqTip{background:#2e86ab33}.ConversorUnidades-module__5YTKOG__guiaSection{margin-bottom:2rem}.ConversorUnidades-module__5YTKOG__guiaSection h2{color:var(--text-primary);margin:0 0 1rem;font-size:1.3rem}.ConversorUnidades-module__5YTKOG__stepGuide{flex-direction:column;gap:1.5rem;margin-top:1rem;display:flex}.ConversorUnidades-module__5YTKOG__stepItem{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-large);gap:1.25rem;padding:1.5rem;transition:all .3s;display:flex}.ConversorUnidades-module__5YTKOG__stepItem:hover{box-shadow:var(--shadow-md)}.ConversorUnidades-module__5YTKOG__stepNumber{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 2px 8px #2e86ab4d}.ConversorUnidades-module__5YTKOG__stepContent{flex:1}.ConversorUnidades-module__5YTKOG__stepContent h3{color:var(--text-primary);margin:0 0 .75rem;font-size:1.1rem;line-height:1.4}.ConversorUnidades-module__5YTKOG__stepContent p{color:var(--text-secondary);margin:0 0 .75rem;font-size:.95rem;line-height:1.7}.ConversorUnidades-module__5YTKOG__stepContent ul{margin:.5rem 0;padding-left:1.5rem}.ConversorUnidades-module__5YTKOG__stepContent li{margin:.25rem 0;line-height:1.6}.ConversorUnidades-module__5YTKOG__stepContent p strong{color:var(--primary);font-weight:600}.ConversorUnidades-module__5YTKOG__stepExample{border-left:3px solid var(--primary);border-radius:var(--radius);background:#2e86ab1a;margin-top:.75rem;padding:.75rem 1rem;font-size:.9rem}[data-theme=dark] .ConversorUnidades-module__5YTKOG__stepExample{background:#2e86ab33}.ConversorUnidades-module__5YTKOG__tipsSection{margin-bottom:2rem}.ConversorUnidades-module__5YTKOG__tipsSection h2{color:var(--text-primary);margin:0 0 1rem;font-size:1.3rem}.ConversorUnidades-module__5YTKOG__tipsGrid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.ConversorUnidades-module__5YTKOG__tipCard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-large);padding:1.25rem;transition:all .3s}.ConversorUnidades-module__5YTKOG__tipCard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ConversorUnidades-module__5YTKOG__tipIcon{margin-bottom:.75rem;font-size:1.5rem;display:block}.ConversorUnidades-module__5YTKOG__tipCard h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1rem;line-height:1.3}.ConversorUnidades-module__5YTKOG__tipCard p{color:var(--text-secondary);margin:0 0 .5rem;font-size:.9rem;line-height:1.6}.ConversorUnidades-module__5YTKOG__tipCard ul{margin:.5rem 0;padding-left:1.5rem;font-size:.9rem}.ConversorUnidades-module__5YTKOG__tipCard li{margin:.25rem 0;line-height:1.5}.ConversorUnidades-module__5YTKOG__warningBox{border:2px solid var(--warning);border-radius:var(--radius-large);background:linear-gradient(90deg,#f59e0b1a,#f59e0b0d);margin:2rem 0;padding:1.5rem}[data-theme=dark] .ConversorUnidades-module__5YTKOG__warningBox{background:linear-gradient(90deg,#f59e0b26,#f59e0b14)}.ConversorUnidades-module__5YTKOG__warningHeader{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.ConversorUnidades-module__5YTKOG__warningIcon{flex-shrink:0;font-size:1.75rem}.ConversorUnidades-module__5YTKOG__warningHeader h2{color:var(--text-primary);margin:0;font-size:1.2rem}.ConversorUnidades-module__5YTKOG__warningList{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.ConversorUnidades-module__5YTKOG__warningList li{background:var(--bg-card);border-left:4px solid var(--warning);border-radius:var(--radius);color:var(--text-secondary);padding:1rem;font-size:.95rem;line-height:1.7}.ConversorUnidades-module__5YTKOG__warningList li strong{color:var(--text-primary);font-weight:600}@media (max-width:900px){.ConversorUnidades-module__5YTKOG__escenariosGrid{grid-template-columns:1fr}.ConversorUnidades-module__5YTKOG__tipsGrid{grid-template-columns:repeat(2,1fr)}.ConversorUnidades-module__5YTKOG__comparativaTable{font-size:.85rem}.ConversorUnidades-module__5YTKOG__comparativaTable th,.ConversorUnidades-module__5YTKOG__comparativaTable td{padding:.75rem}}@media (max-width:600px){.ConversorUnidades-module__5YTKOG__htmlHeader{flex-direction:column;align-items:flex-start}.ConversorUnidades-module__5YTKOG__btnToggleCode{width:100%}.ConversorUnidades-module__5YTKOG__stepItem{flex-direction:column;gap:1rem}.ConversorUnidades-module__5YTKOG__stepNumber{width:40px;height:40px;font-size:1.25rem}.ConversorUnidades-module__5YTKOG__tipsGrid{grid-template-columns:1fr}.ConversorUnidades-module__5YTKOG__comparativaTable{font-size:.75rem}.ConversorUnidades-module__5YTKOG__comparativaTable th,.ConversorUnidades-module__5YTKOG__comparativaTable td{padding:.5rem}.ConversorUnidades-module__5YTKOG__comparativaSection,.ConversorUnidades-module__5YTKOG__htmlSection{padding:1rem}}@media (prefers-reduced-motion:reduce){:is(*,:before,:after){transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ConversorUnidades-module__5YTKOG__btnToggleCode:focus-visible,.ConversorUnidades-module__5YTKOG__btnCopyCode:focus-visible{outline:2px solid var(--primary);outline-offset:2px}