/* Tecsis: one typography for the interactive application, including controls. */
:root{--tecsis-fuente:"SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--tecsis-naranja:#ff5a00}
html body.tecsis-visual-v1,
html body.tecsis-visual-v1 *:not(#tecsis-tipografia-reservada):not(#tecsis-tipografia-reservada-2):not(.fa):not(.fas):not(.far):not(.fab):not(.material-icons){font-family:var(--tecsis-fuente)!important}
@media screen{
body.tecsis-visual-v1{background:#f4f5f7;color:#202a32}
body.tecsis-visual-v1 .app>main{position:relative;isolation:isolate;min-height:100vh;background:#f4f5f7!important}
body.tecsis-visual-v1 .app>main::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:230px 0 0;background-image:url('/img/tecsis-marca-agua-v1.png');background-position:right top;background-repeat:no-repeat;background-size:auto 820px;opacity:.23;mask-image:linear-gradient(125deg,transparent 12%,#000 72%)}
body.tecsis-visual-v1 .app>main::after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;background:linear-gradient(125deg,transparent 65%,#ff5a000b 65.1%,#ff5a0018 86%,transparent 86.1%)}
body.tecsis-visual-v1 .app>main>.contenido{background:transparent!important}
body.tecsis-visual-v1 main :is(.panel,.panel-clientes,.panel-tecnicos,.panel-formulario,.rev-panel,.tarjeta,.ficha-resumen){background:#fffffff5!important;border:1px solid #e1e4e7!important;border-top:4px solid var(--tecsis-naranja)!important;border-radius:13px!important;box-shadow:0 12px 30px #27313c21!important}
body.tecsis-visual-v1 main h1{font-weight:800;letter-spacing:-.6px}
body.tecsis-visual-v1 main :is(.btn,.inicio-boton,.btn-guardar){border-radius:9px;font-weight:700}
body.tecsis-visual-v1 main :is(.btn-naranja,.btn.principal,.btn.primary,.btn-guardar){background:var(--tecsis-naranja)!important;border-color:var(--tecsis-naranja)!important;color:#fff!important;box-shadow:0 5px 12px #f05a0026}
body.tecsis-visual-v1 main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=color]):not([type=range]),select,textarea){border-radius:8px}
body.tecsis-visual-v1 main :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #a43800;outline-offset:3px}
body.tecsis-visual-v1 #tecsis-menu-comun .sidebar-nav .nav-item.activo{box-shadow:0 5px 12px #83350026!important}
body.tecsis-visual-v1 .inicio-topbar{padding:20px 32px;box-shadow:0 3px 14px #21293208}
body.tecsis-visual-v1 .inicio-topbar h1{font-size:29px}
body.tecsis-visual-v1 .inicio-contenido{padding:26px 32px 20px}
body.tecsis-visual-v1 .inicio-banner{margin:0 0 28px;aspect-ratio:2048/440;border-radius:10px;box-shadow:0 12px 25px #21293220;border-bottom:3px solid var(--tecsis-naranja)}
body.tecsis-visual-v1 .inicio-acciones h2{font-size:28px;font-weight:800;margin-bottom:18px}
body.tecsis-visual-v1 .inicio-boton{border-radius:9px;background:var(--tecsis-naranja);border-color:var(--tecsis-naranja);box-shadow:0 5px 11px #f05a0025;min-height:46px}
body.tecsis-visual-v1 .inicio-boton.secundario{background:#fff;color:#b94300;box-shadow:0 3px 9px #21293209}
body.tecsis-visual-v1 .inicio-topbar .inicio-boton{font-size:13px;min-height:38px;padding:9px 14px}
body.tecsis-visual-v1 .inicio-tarjetas{gap:18px}
body.tecsis-visual-v1 .inicio-tarjeta{min-height:124px;padding:22px;border-radius:12px;border:1px solid #e1e4e7;border-left:6px solid var(--tecsis-naranja);box-shadow:0 10px 23px #27313c20;gap:18px;background:#ffffffed}
body.tecsis-visual-v1 .inicio-icono{box-sizing:border-box;width:53px;height:53px;padding:10px;background:#fff0e7;border-radius:12px;color:var(--tecsis-naranja)}
body.tecsis-visual-v1 .inicio-tarjeta h3{font-size:21px;font-weight:750;letter-spacing:-.3px}
body.tecsis-visual-v1 .inicio-tarjeta p{font-size:13px}
body.tecsis-visual-v1 .inicio-flecha{display:grid;place-items:center;width:32px;height:32px;background:#fff2e9;border-radius:50%;font-size:22px;color:#e65000}
body.tecsis-visual-v1 .inicio-titulo-seccion{font-size:18px;font-weight:750}
body.tecsis-visual-v1 .inicio-nota{background:#ffffffcc;font-size:12px;margin:18px 0}
body.tecsis-visual-v1 .inicio-footer{color:#47525c;border-color:#aeb5bc}
body.tecsis-visual-v1 [aria-labelledby="pendientes-inicio"]{display:none}
body.tecsis-visual-v1 .menu-tecsis{padding:36px}
body.tecsis-visual-v1 .menu-tecsis::before{inset:235px 0 0;background-size:auto 595px;opacity:.27}
body.tecsis-visual-v1 .menu-tecsis h1{font-size:34px;font-weight:800;letter-spacing:-.8px}
body.tecsis-visual-v1 .menu-tecsis .panel{padding:28px}
body.tecsis-visual-v1 .menu-tecsis .panel h2{font-size:23px;margin-bottom:25px}
body.tecsis-visual-v1 .menu-tecsis input:not([type=checkbox]):not([type=radio]):not([type=hidden]){min-height:49px;background:#fafbfc;border:1px solid #cfd5db}
body.tecsis-visual-v1 .menu-tecsis .btn{min-height:44px}
body.tecsis-login-v1{background:linear-gradient(90deg,#f4f5f7f5,#f4f5f7d9),url('/img/tecsis-marca-agua-v1.png') right center/cover fixed}
body.tecsis-login-v1 .acceso{box-shadow:0 16px 40px #27313c26}
@media(max-width:760px){
body.tecsis-visual-v1 .inicio-contenido{padding:16px}
body.tecsis-visual-v1 .inicio-topbar{padding:18px 16px;flex-wrap:wrap}
body.tecsis-visual-v1 .inicio-banner{margin:0 0 24px}
body.tecsis-visual-v1 .inicio-tarjeta{padding:18px;gap:12px;min-height:110px}
body.tecsis-visual-v1 .inicio-acciones h2{font-size:25px}
body.tecsis-visual-v1 .menu-tecsis{padding:22px 16px}
body.tecsis-visual-v1 .menu-tecsis .panel{padding:20px}
body.tecsis-visual-v1 .app>main::before{background-size:auto 600px;opacity:.16}
}
}