/*
Theme Name: REMOTIX Portal
Theme URI: https://remotix.es
Author: REMOTIX
Description: Portal de asistencia informática con buscador y listado de problemas, estética azul y blanca.
Version: 2.0.0
Requires PHP: 8.0
Text Domain: remotix-portal
*/
:root{--blue:#1769d2;--dark:#14243b;--line:#dce4ee;--muted:#637287;--bg:#f5f7fa}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--dark);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1080px;margin:auto;padding:0 24px}.top{border-bottom:1px solid var(--line)}.top-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-size:30px;font-weight:850;letter-spacing:-1.7px;color:#14243b}.brand span{color:var(--blue)}.top nav{display:flex;gap:24px;font-size:14px}.top nav a{color:#34445c}.hero{padding:62px 0 35px;background:#f7f9fc;border-bottom:1px solid var(--line)}h1{font-size:clamp(32px,4vw,49px);line-height:1.12;letter-spacing:-1.8px;margin:0 0 13px;font-weight:800}.lead{color:var(--muted);font-size:17px;margin:0 0 27px}.search{display:flex;background:white;border:2px solid var(--blue);border-radius:6px;max-width:800px;overflow:hidden;box-shadow:0 2px 5px #182e4b0a}.search input{border:0;padding:17px 18px;font-size:16px;flex:1;min-width:0;outline:none}.search button,.btn{background:var(--blue);border:0;color:white;font-size:15px;font-weight:700;padding:15px 24px;cursor:pointer;border-radius:4px}.search button{border-radius:0}.search button:hover,.btn:hover{background:#0f55b0;color:white;text-decoration:none}.sub{font-size:13px;color:var(--muted);margin-top:14px}.main{padding:38px 0 60px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--muted);margin-bottom:7px}h2{font-size:24px;letter-spacing:-.5px;margin:0 0 20px}.problems{border-top:1px solid var(--line)}.problem{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 4px;border-bottom:1px solid var(--line);font-size:16px;color:#23364e}.problem:hover{background:#f7faff;text-decoration:none}.arrow{color:var(--blue);font-size:21px}.aside{align-self:start;border:1px solid var(--line);border-radius:6px;padding:24px}.price{font-size:43px;letter-spacing:-2px;font-weight:800;margin:8px 0}.price small{font-size:15px;letter-spacing:0;color:var(--muted);font-weight:400}.aside p{color:var(--muted);font-size:14px}.aside .btn{display:block;text-align:center;margin:20px 0 10px}.fine{font-size:12px;color:var(--muted)}.section{margin-top:45px}.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pack{border:1px solid var(--line);padding:18px;border-radius:5px}.pack strong{display:block;font-size:16px}.pack b{display:block;font-size:24px;margin-top:8px}.pack span{font-size:12px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.hidden{display:none!important}.empty{color:var(--muted);padding:20px 4px}@media(max-width:760px){.top-inner{height:64px}.brand{font-size:25px}.top nav{gap:12px;font-size:12px}.hero{padding:43px 0 30px}.layout{grid-template-columns:1fr;gap:32px}.packs{grid-template-columns:1fr}.search input{font-size:14px;padding:14px 12px}.search button{padding:12px}.wrap{padding:0 18px}}
