.seccion-instrucciones{background-color:#f8fafb;padding:30px;border-radius:8px;margin:2rem 0}.paso-instruction{margin-bottom:1.5rem;padding-left:30px;position:relative}.paso-instruction i{position:absolute;left:0;top:3px}.resultado-final{font-size:1.8rem;margin:1.5rem 0;color:#27ae60}.detalle-calculo{font-size:1.1rem;line-height:1.8;background-color:#fff;padding:25px;border-radius:10px;margin:20px 0;box-shadow:0 3px 15px rgb(0 0 0 / .1)}.faq-extendida{margin-top:2rem}.faq-extendida h4{font-size:1.3rem;margin:1.5rem 0}:root{--color-primario:#2c3e50;--color-secundario:#3498db;--fondo:#f8f9fa;--texto:#2c3e50}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:var(--fondo);color:var(--texto);line-height:1.6;}.contenedor-principal{max-width:1000px;margin:0 auto;background-color:#fff;padding:40px;border-radius:0px 0px 12px 12px;box-shadow:0 5px 30px rgb(0 0 0 / .1);}.encabezado-principal{border-bottom:3px solid var(--color-secundario);padding-bottom:1rem;margin-bottom:2rem}.titulo-principal{font-size:2.5rem;color:var(--color-primario)}.grid-calculadora{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin:2rem 0}.grupo-entrada{margin-bottom:1.5rem}.etiqueta-entrada{display:block;margin-bottom:.8rem;font-weight:600;color:var(--color-primario)}.campo-entrada,.selector-proporcion{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all 0.3s ease}.campo-entrada:focus,.selector-proporcion:focus{border-color:var(--color-secundario);box-shadow:0 0 8px rgb(52 152 219 / .2)}.contenedor-botones{display:flex;gap:15px;margin-top:2rem}.boton-accion{padding:12px 25px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all 0.3s ease}.boton-calcular{background-color:var(--color-secundario);color:#fff}.boton-calcular:hover{background-color:#2980b9}.boton-reiniciar{background-color:#ecf0f1;color:var(--texto)}.boton-reiniciar:hover{background-color:#dfe6e9}.seccion-resultados{margin-top:2rem;padding:20px;background-color:#f8fafb;border-radius:8px}.icono-destacado{color:var(--color-secundario);margin-right:10px}.seccion-explicacion{margin-top:3rem}.pregunta-frecuente{background-color:#f8fafb;padding:30px;border-radius:8px;margin-top:2rem}.item-explicacion{margin-bottom:2rem}.destacado-texto{color:var(--color-secundario);font-weight:600}.ejemplo-resuelto{background-color:#fff;padding:20px;border-radius:8px;margin:15px 0;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.equation{font-size:1.5rem;text-align:center;margin:1.5rem 0}#calcular .icono-destacado{color:darkblue}.faq-extendida ul,.faq-extendida ol{list-style:none;padding-left:5px}.faq-extendida li{position:relative;padding-left:25px;margin-bottom:3px}.faq-extendida li i{position:absolute;left:0;top:4px;color:#3498db}.ejemplo-resuelto .MJX-TEX{font-size:1.1rem!important}.autor-seccion{display:flex;align-items:center;margin-top:20px;padding:20px;background-color:#f8fafb;border-radius:8px}.autor-seccion img{border-radius:50%;width:100px;height:100px;margin-right:20px}.autor-seccion .autor-info{font-size:1rem;color:var(--color-primario)}.autor-seccion .autor-info a{text-decoration:none;color:var(--color-secundario)}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@media (max-width:768px){.logo-img{width:80px!important;margin-left:25px}h1{font-size:1.4em!important}}ul,ol{list-style:none;padding:0;margin:0}li{padding-left:20px;position:relative}ul li::before{content:"•";position:absolute;left:0}ol li::before{counter-increment:list-counter;content:counter(list-counter) ".";position:absolute;left:0}ol{counter-reset:list-counter}ul ul,ul ol,ol ul,ol ol{padding-left:20px;margin-top:5px}ul ul li::before{content:"◦"}ol ol li::before{content:counter(list-counter,lower-alpha) "."}ul ul ul,ul ul ol,ul ol ul,ul ol ol,ol ul ul,ol ul ol,ol ol ul,ol ol ol{padding-left:20px}ul ul ul li::before{content:"▪"}ol ol ol li::before{content:counter(list-counter,lower-roman) "."}.toggle-content{display:inline}@media (max-width:767px){.toggle-content{display:none}.autor-seccion{flex-direction:column}.toggle-button{display:block;width:95%;background-color:#ecf0f1;color:#2c3e50;padding:10px 16px;border-radius:4px;font-size:14px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;transition:background-color 0.3s ease,transform 0.2s ease;margin:10px auto;box-shadow:0 2px 4px rgb(0 0 0 / .1);border:1px solid #bdc3c7}.toggle-button:hover{background-color:#d5dbdb;transform:translateY(-1px);box-shadow:0 4px 8px rgb(0 0 0 / .2)}.toggle-button:active{transform:translateY(0);box-shadow:0 2px 4px rgb(0 0 0 / .1)} .ejemplo-resuelto{padding:10px!important}.pregunta-frecuente{padding:20px!important}