:root{--azul-oscuro:#1a2639;--azul-noche:#0f172a;--azul-petroleo:#0b3c49;--azul-suave:#1e293b;--azul-claro:#3e4a61;--dorado:#d4af37;--blanco:white;--sombra:0 5px 15px rgba(0,0,0,0.1);}*{margin:0;padding:0;box-sizing:border-box;font-size:14px ;font-family:times new roman ;}body{width:100%;height:100%;min-height:100%;margin:0 auto;padding:0;user-select:none;background-size:cover;background-attachment:fixed;overflow:hidden;font-family:times new roman ;font-size:clamp(12px,1.2vw,20px);font-weight:400;line-height:1.2;color:#1f2933;}body,fieldset{background:transparent;color:var(--azul-oscuro);}.header{position:fixed;width:100%;height:75px;/* ejemplo */ /* justify-content:space-between;align-items:center;*/ padding:0 0.0rem;box-shadow:var(--sombra);z-index:1000;/* overflow:hidden;*/ }nav{background-color:white ;width:50%;margin:auto;/* 👈 ESTO es la clave */ }.logo-box{width:210px;height:100%;display:flex;margin-right:auto;/* 👈 ESTO es la clave */ overflow:hidden;/* evita que se salga */ }.div-toggle{width:50px;height:100%;display:flex;margin-right:10px ;/* 👈 ESTO es la clave */ overflow:hidden;/* evita que se salga */ justify-content:center;align-items:center;}.main-container{position:relative;top:80px;/* deja espacio al header */ width:100%;height:88%;overflow-y:auto;/* ← CLAVE ABSOLUTA */ overflow-x:hidden;}section{/*height:calc(100vh - 80px);*/ position:relative;height:100% ;min-height:528px;}.inicio{background-color:var(--azul-noche);color:#e5e7eb;position:relative;overflow:hidden;}.inicio-grid{display:flex;justify-content:center;align-items:center;height:83%;gap:1rem;}.inicio-grid2{position:absolute;bottom:0;width:100%;height:17%;}.servicios{position:relative;height:100%;overflow:hidden;padding:1rem 0rem;display:flex;gap:1rem;margin:0 auto;background:linear-gradient( rgba(255,255,255,0.55),rgba(255,255,255,0.55) ),url("../img/porta2.webp");background-size:cover;background-position:center;background-repeat:no-repeat;}.portafolio{position:relative;height:100%;padding:0rem 0rem;display:flex;justify-content:center;/* 🔥 centra horizontal */ align-items:center;/* 🔥 centra vertical */ gap:1rem;margin:0 auto;background:linear-gradient( rgba(255,255,255,0.55),rgba(255,255,255,0.55) ),url("../img/fondo1.webp");background-size:cover;background-position:center;background-repeat:no-repeat;}.contacto{position:relative;height:100%;padding:0rem 0rem;display:flex;justify-content:center;/* 🔥 centra horizontal */ align-items:center;/* 🔥 centra vertical */ gap:1rem;margin:0 auto;color:white;background:linear-gradient( rgba(11,37,69,0.85),rgba(11,37,69,0.85) ),url("../img/conta6.webp");background-size:cover;background-position:center;background-repeat:no-repeat;}.acceso{position:relative;height:100%;display:grid;justify-content:center;/* 🔥 centra horizontal */ align-items:center;/* 🔥 centra vertical */ gap:1rem;margin:auto;color:white;background:radial-gradient( circle at top,#5f6f8a,#3e4a61 );background-size:cover;background-position:center;background-repeat:no-repeat;}*:focus{outline:none;}*[readonly]{background-color:rgb(240,245,250);color:rgb(31,54,83);}*:disabled{background-color:rgb(240,245,250);color:#000069;opacity:1;/* evita que se vean apagados */ }option:disabled{color:rgb(31,54,83);}select:disabled{background-color:#F8F9F9;color:#0C223F ;}html{width:100%;height:100%;min-height:100%;margin:0;padding:0;user-select:none;-webkit-text-size-adjust:100%;}.escritorio{width:100%;height:100%;margin:0 auto;/* Centrado */ padding:0px;background-color:#E5E7EB;color:var(--azul-oscuro);border-radius:20px;}.modalclapadre2{position:fixed;top:0;left:0;width:100%;height:100%;background:white;/* Más oscuro,mantiene transparencia */ z-index:9999;}.modalclapadre{border:0px solid blue;width:100%;margin:0 auto ;/* Centrado */ padding:0px;float:left;text-align:left;color:var(--azul-oscuro);background:rgba(150,180,220,0.2);display:none;position:fixed;inset:0;top:0;left:0;display:grid;place-items:center;z-index:10000;}.modalclapadre div{border:0px solid blue;margin:0 auto ;padding:0px;float:left;text-align:left;color:var(--azul-oscuro);background-color:rgb(250,250,250);border-radius:5px;}canvas{border:none;}.escritorio div{border:0px solid blue;width:100%;margin:0 auto ;padding:0px;float:left;text-align:left;color:var(--azul-oscuro);background-color:rgb(250,250,250);border-radius:5px;}.escritorio a{font-size:18px;border:0px solid #becfd8;border-radius:4px;width:100%;height:100%;/*margin:0px auto;*/ padding:0px;cursor:pointer;}.menu::-webkit-scrollbar-thumb{background-color:#3F7FBF;border-radius:10px;border:3px solid #f8f9fa;/* Borde blanco para efecto "flotante" */ }/* Personalización para Chrome,Edge,Safari */ .menu::-webkit-scrollbar{width:20px;/* Ancho del scrollbar vertical */ height:14px;/* Ancho del scrollbar horizontal (si aplica) */ }.menu::-webkit-scrollbar-thumb:hover{background:#555;/* Color al pasar el mouse */ cursor:pointer;/* Manita al pasar sobre el botón */ }.menu::-webkit-scrollbar-track{background:#a0aec0;border-radius:10px;}.menu-btn{display:flex;align-items:center;justify-content:flex-start;/* Alinea todo a la izquierda */ gap:5px;/* Espacio entre SVG y texto */ padding:5px 5px;width:100%;/* O el ancho que necesites */ min-height:40px;overflow:hidden;/* Evita que SVG se salga */ }/* SVG a la izquierda */ .menu-btn svg{width:40px;/* Tamaño fijo para el SVG */ height:40px;flex-shrink:0;/* No se reduce */ object-fit:contain;/* Mantiene proporción */ }/* Texto a la derecha del SVG */ .menu-btn span{text-align:left;flex-grow:1;/* Ocupa el espacio restante */ font-size:16px;font-weight:bold;}.menu-icon{width:18px;height:18px;}.menu-btn:hover .menu-icon{box-shadow:0 0 10px rgba(0,0,0,0.3);opacity:0.9;/* Ligera transparencia (opcional) */ /*filter:drop-shadow(0 2px 2px rgba(0,0,0,0.1));/* Sombra suave */ border-color:none;/* Cambia color del borde */ }img{max-width:100%;/* nunca más grande que el contenedor */ max-height:100%;/* nunca más grande que el contenedor */ cursor:pointer;border:0px solid #becfd8;border-radius:5px;height:auto;/* mantiene proporción */ min-width:25px;min-height:25px;}.img{vertical-align:middle;}/* Efecto base para TODOS los botones-imagen */ .img-bot{/*float:left;*/ /* desordena orden de etiquetas*/ border:1px solid #becfd8;width:5vh;height:100%;z-index:4;cursor:pointer;}/* Efecto hover (al pasar el mouse) */ .img-bot:hover{box-shadow:0 0 10px rgba(0,0,0,0.3);transform:scale(1.0);opacity:1;border-color:none;}.img-bot:focus{background-color:#D6EAF8;}.boton:hover{background-color:#3F7FBF;color:white;}.boton:focus{background-color:#3F7FBF;color:white;}.boton1:focus{background-color:#D6EAF8;color:0;}.boton1:hover{background-color:#D6EAF8;color:0;}.boton2:hover{background-color:#22628C;color:white;}.boton2:focus{background-color:#22628C;color:white;}.boton3:hover{background-color:#3F7FBF;color:white;}.boton3:focus{background-color:#3F7FBF;color:white;}.lab-bot:focus{background-color:#D6EAF8;}.lab-bot:hover{background-color:#D6EAF8;}.close{background:#800040;color:#FFFFFF;line-height:25px;float:right;text-align:center;width:5%;height:80%;margin-top :10px;margin-right :10px;text-decoration:none;font-weight:bold;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:0px;-moz-box-shadow:1px 1px 3px #000;-webkit-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000;border:0px solid #000;padding:0px;cursor:pointer;}.modalidhijo{background-color:#FFFFFF;border:1px solid #becfd8;border-radius:10px;/*position:relative;*/ width:45%;/* Ancho completo de la ventana */ /*min-height:450px;*/ box-shadow:0px 10px 20px rgba(0,0,0,0.3);display:block;/* se asegura que sea bloque */ text-align:center;/* si quieres centrar contenido interno */ }article{background-color:rgb(230,240,250);color:#000 ;}.label-input100{color:#808080;line-height:1.2;text-align:right;position:absolute;top:14px;left:-105px;width:80px;}label{background-color:transparent;/* Fondo transparente */ color:var(--azul-oscuro);border:0px solid white;display:inline-block;/*float:left;text-align:left;no respeta order */ margin:1px;/* Solo margen izquierda y derecha */ line-height:inherit;}input{border:1px solid #becfd8;/*text-align:left;desabilitado x no respetar orden q se ponen ejemplo una imagen despues input*/ /*float:left;*/ color:rgb(31,54,83);/* margin:1px auto;desactivado no respeta el estyirado automatico*/ padding:0 5px;/* arriba/abajo 0,izquierda/derecha 5px */ cursor:pointer;flex:1;/* Ocupa todo el espacio restante */ min-width:0;/* Evita que el input ignore el overflow */ }input[type="text"]{font-size:14px ;border-radius:2px;text-transform:uppercase;}input[type="checkbox"]{}input[type="number"]{/*font-size:14px ;*/ text-align:right;margin-right:2px;-moz-appearance:textfield;}input[type="date"]{font-size:15px ;border:1px solid #becfd8;text-transform:lowercase;/*height:20px;*/ cursor:pointer;}select{outline:none;/* Elimina el contorno predeterminado */ border:1px solid #becfd8;text-align:left;color:#0C223F ;text-transform:uppercase;margin:1px auto;padding:0 0px;/* arriba/abajo 0,izquierda/derecha 5px */ cursor:pointer;background:white;background-color:#F1F5F8;font-weight:none;border-radius:4px;/* Bordes redondeados */ }input,textarea,select,button,label,p,a,span{line-height:inherit;}textarea{border:1px solid #becfd8;/*margin:1px auto;*/ }input[type="date"]::before{content:attr(placeholder);position:absolute;}input[type="date"]:focus,input[type="date"]:valid{color:rgb(0,0,0);}input[type="date"]:focus::before,input[type="date"]:valid::before{content:"";}input[type="date"]::-webkit-calendar-picker-indicator{display:none;}button:hover{background-color:#D6EAF8;color:0;}button:focus{outline:0 !important;}button{border:none;/* 0px solid #becfd8;*/ text-align:center;color:#0C223F ;//float:left;margin:1px auto;padding:0px;border-radius:5px;cursor:pointer;background:transparent;}.button:hover{background:#3F7FBF;}.button{border:none;width:100%;color:white;font-size:20px;background:#1a2537;padding:20px 20px;border-radius:5px;cursor:pointer;}.inputlogin[type="text"],.inputlogin[type="password"]{font-size:18px;width:100%;padding:15px;border:1px solid #D6EAF8;color:0;}.login100-form-title{width:100%;position:relative;z-index:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;flex-wrap:wrap;flex-wrap:wrap;flex-direction:column;align-items:center;background-repeat:no-repeat;background-size:cover;background-position:center;padding:70px 15px 74px 15px;}.login100-form-title-1{font-size:30px;color:#fff;text-transform:uppercase;line-height:1.2;text-align:center;}.container-login100{max-width:100%;overflow-x:auto;width:100%;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;flex-wrap:wrap;justify-content:center;align-items:center;padding:10px;background:url(../img/fondo1.webp);background-size:cover;}.wrap-login100{width:400px;background:#fff;border-radius:10px;overflow:auto;position:relative;}.login100-form{box-shadow:2px 2px 200px #666;/* Sombra normal */ width:98%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;padding:40px 80px 40px 90px;/* arriba,derecha,abajo,izquierda */ }.limiter{width:100%;margin:0 auto;}h1{font-size:3vw;/* Tamaño relativo al ancho de la pantalla */ }li{cursor:pointer;}fieldset{border:1px solid #000;float:left;width:100%;padding:5px;text-align:left;}aside{/* box-shadow:2px 2px 8px #666;*/ width:24%;float:left;margin:5px;}#anuncio1{margin:0;padding:1px;border:none;background-color:#F1F5F8;}#anuncio1 h1{font-size:1.1em;text-align:center;padding:0.2em 0em;}.contenedor{width:100%;padding:15px;}.formulario{box-shadow:2px 2px 10px #666;/* Sombra normal */ margin:auto;padding:3px;}option{background:white;}.lab-bot{border:none;padding:0px;margin:0px auto ;margin-top:0px ;cursor:pointer;}.boton{align-items:center;margin:0 auto;height:40px;cursor:pointer;background-color:#F1F5F8 ;border:1px solid #becfd8;border-radius:5px;color:#5A88A9;font-weight:bold;}.boton1{padding:0px;margin:0px auto ;margin-top:0px ;cursor:pointer;background-color:#F1F5F8;border-radius:8px;border:1px solid #becfd8;color:#5A88A9;line-height:25px;text-align:center;text-align-last:center;width:24px;height:24px;margin-right:none;text-decoration:none;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:4px;-moz-box-shadow:0.3px 0.3px 0px #000;-webkit-box-shadow:0.3px 0.3px 0px #000;box-shadow:0.3px 0.3px 0px #000;}.boton2{padding:0px;margin:0 auto;margin-top:0px ;cursor:pointer;background-color:#3F7FBF;border:1px solid #becfd8;color:white;text-align:center;text-align-last:center;width:24px;margin-right:none;text-decoration:none;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:4px;-moz-box-shadow:0.3px 0.3px 0px #F6F9FC;-webkit-box-shadow:0.3px 0.3px 0px #F6F9FC;box-shadow:0.3px 0.3px 0px #A1A2A2;align-items:center;/* Centra verticalmente */ justify-content:center;/* Centra horizontalmente */ }.boton3{padding:10px 12px 10px 10px;height:40px;cursor:pointer;background-color:#F1F5F8 ;border:1px solid #becfd8;border-radius:5px;color:#5A88A9;font-weight:bold;}.pagcla{padding:0px 10px 0px 10px;/* arriba,derecha,abajo,izquierda */ }select:focus{color:rgb(31,54,83);background-color:#D6EAF8;}input:hover{cursor:pointer;}input:focus{color:rgb(31,54,83);background-color:#D6EAF8;border:1px solid #a0a0a0;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}input[type=number]{-moz-appearance:textfield;}.editInput{background:transparent;border:1px solid #D6EAF8;color:0;}input[type="tel"]{border:1px solid #D6EAF8;}.input[type="mail"]{border:1px solid #D6EAF8;}.input-contenedor{margin-bottom:15px;border:1px solid #aaa;}.icon{min-width:50px;text-align:center;color:#999;}.link{text-decoration:none;color:#1a2537;font-weight:600;}.link:hover{color:cadetblue;}thead{background-color:#3F7FBF;color:#FFFFFF;border :0;height :34px;}.trgrid{background-color:#3F7FBF;color:#FFFFFF;border :0;height :34px;position:sticky;top:1px;}.grid-responsive{display:grid;grid-template-columns:minmax(300px,1fr);/* No permite que la tabla desaparezca */ gap:10px;}.table-responsive{overflow-x:auto;/* Permite hacer scroll en móviles en lugar de desaparecer */ min-width:100%;/* Evita que la tabla colapse */ }table th{/*color:white;*/ font-size:12px;text-align:center;width:100%;/* Para asegurar que cada columna tenga el mismo tamaño */ height :25px;box-sizing:border-box;border:0px solid blue;/* Bordes visibles */ padding:0px;}td.selcla.num{text-align:right;}td{width:100%;/* Para asegurar que cada columna tenga el mismo tamaño */ height :25px;box-sizing:border-box;padding:0 0px;/* arriba/abajo 0,izquierda/derecha 15px */ border-right:1px solid #a8d0e6;min-width:80px;/* 🔑 evita que se junten demasiado */ word-wrap:break-word;/* fuerza a cortar el texto largo */ /*white-space:normal;/* permite que el texto se parta en varias líneas */ white-space:nowrap;/* evita que el texto salte de línea */ overflow:hidden;text-overflow:ellipsis;/* pone "..." si el texto es largo */ }td input{width:100%;box-sizing:border-box;/* Para que respete bordes y padding */ border:none !important;background:transparent;}table{table-layout:fixed;border-collapse:collapse;/* para que no se dupliquen los bordes */ width:100%;}.grilla{border:1px solid #D6EAF8;border-collapse:collapse;width:100%;}.tr2{border:1px solid #D6EAF8;}.tr2:hover{background-color:#E6E6FA;cursor:pointer;}.grilla .tr2:nth-child(event){background-color :#D6EAF8;}.grilla .tr2:nth-child(odd){background-color :#D6EAF8;}.grilla .anulada{background-color:#ffdddd !important;color:#d50000;}/* Icono ⛔ solo para celdas de registros anulados */ .grilla .anulada td:nth-child(4)::before{content:"⛔";border:0px solid red;margin-right:0px;float:right;}td:hover{background-color:#E6E6FA;}tbody tr:hover:not(.seleccionada){background-color:#E6E6FA ;cursor:pointer;}tbody tr:nth-child(event){background-color :#D6EAF8;}tbody tr:nth-child(odd){background-color :#D6EAF8;}.seleccionada{background-color :#FFF9C4 !important;/* amarillo */ }.td:hover{background-color:#f5f5f5;}.tr:hover{background-color:#E6E6FA;cursor:pointer;}.highlight:hover{background-color:#E6E6FA;cursor:pointer;}.dropbtn{background-color:#5A88A9;/*color del boton */ color:white;padding:15px;font-size:15px;border:none;cursor:pointer;}.dropdown{position:relative;display:inline-block;}.dropdown-content{/*display:none;*/ position:absolute;right:0;background-color:#f9f9f9;min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);}.dropdown-content a{color:black;padding:12px 16px;text-decoration:none;display:block;}.dropdown-content a:hover{background-color:#DDE6ED}/* color selecciona ite combobox */ .dropdown:hover .dropdown-content{display:block;}.dropdown:hover .dropbtn{background-color:#316A93;/* cuando esta sobre el boton*/ }/*[ MARGIN ]*/ .m-b-18{margin-bottom:18px;}.m-b-26{margin-bottom:26px;}/*[ PADDING ]*/ .p-b-30{padding-bottom:30px;}.input100{color:#555555;line-height:1.2;display:block;width:100%;height:22px;background:transparent;padding:0 5px;}.validate-input{position:relative;}.wrap-input100{width:100%;position:relative;border-bottom:1px solid #b2b2b2;}legend{font-weight:bold;color:#2B5C8E;margin-left:5px;}.focus-input100{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none;}/* para el boton activo */ a{text-decoration:none;}.custom-file-input::-webkit-file-upload-button{visibility:hidden;}.custom-file-input::before{content:'Files';display:inline-block;background:linear-gradient(top,#f9f9f9,#e3e3e3);border:1px solid #999;border-radius:3px;padding:5px 8px;outline:none;white-space:nowrap;-webkit-user-select:none;cursor:pointer;text-shadow:1px 1px #fff;font-weight:700;font-size:10pt;}.custom-file-input:hover::before{border-color:black;}.custom-file-input:active::before{background:-webkit-linear-gradient(top,#e3e3e3,#f9f9f9);}.modalclapantalla{position:fixed;/* no tocar es poner encima */ visibility:hidden;width:100%;height:100%;top:0;left:0;right:0;bottom:0;/*flex-wrap:wrap;*/ /* no usar se malogra todo */ justify-content:center;align-items:center;background-color:#fff;}.modalclapantalla:target{opacity:1;pointer-events:auto;}.modalclapadre:target{opacity:1;pointer-events:auto;}.close:hover{background:red;border:0px solid #000;}.modal-div{width:75%;height:55%;border:0px solid red;float:left;margin:0 auto;padding:0px 0px 0px 0px;}img [title="avatar"]{font-size:12px;background:#3F7FBF;color:#FFFFFF;border-radius:5px;border-bottom:10px solid #3F7FBF;}[data-title]{position:relative;}[data-title]:hover::after{content:attr(data-title);position:absolute;top:100%;left:50%;background:#3F7FBF ;color:white;padding:8px 12px;font-size:16px;white-space:nowrap;z-index:1000;margin-top:8px;border-radius:8px;}[data-title]:hover::before{content:'';position:absolute;top:100%;left:50%;/*transform:translateX(12%);*/ border:8px solid transparent;border-bottom-color:#3F7FBF ;margin-top:-6px;z-index:1001;}.tooltip{background:#3F7FBF;color:#FFFFFF;position:absolute;bottom:110%;left:50%;/*transform:translateX(-50%);*/ font-size:15px;padding:4px 10px 8px 8px ;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.2s;z-index:1000;}.tooltip.show{opacity:1;visibility:visible;}.tooltip::after{content:"";position:absolute;top:100%;/* justo debajo del rectángulo */ left:50%;border-width:6px;border-style:solid;border-color:#3F7FBF transparent transparent transparent;}.label:hover{background:#f0f0f0;}.label{align-items:center;justify-content:center;text-align:center;width:100px;border-radius:6px;transition:background 0.2s;position:relative;/*background:#a0aec0;*/ }.file-input-wrapper:hover{background-color:#22628C;color:white;}.file-input-wrapper:focus{background-color:#22628C;color:white;}.file-input-wrapper{margin:0 auto;width:200px;height:22px;cursor:pointer;background-color:#3F7FBF;border:0px solid #D6EAF8;color:0;font-weight:bold;-moz-box-shadow:1px 1px 3px #F6F9FC;-webkit-box-shadow:1px 1px 3px #F6F9FC;box-shadow:1px 1px 3px #A1A2A2;}.file-input-wrapper > input[type="file"]{font-size:200px;/* position:absolute;*/ top:0;right:0;opacity:0;}#alertModal{background-color:rgba(200,220,245,0.2);position:absolute;top:0;width:100%;height:100%;left:0px;z-index:10000;}#alertBox{position:relative;width:33%;min-height:100px;max-height:400px;margin-top:50px;background-color:#fff;background-repeat:no-repeat;top:30%;background-image:url(tp.png);border:1px solid #becfd8;box-shadow:0px 10px 20px rgba(0,0,0,0.3);}#alertModal > #alertBox{position:fixed;}#alertBox h1{margin:0;font:bold 1em Raleway,arial;background-color:#3F7FBF;color:white;cursor:pointer;border-bottom:1px solid #3F7FBF;padding:10px 0 10px 5px;}#alertBox p{height:50px;padding-left:5px;padding-top:20px;text-align:center;vertical-align:middle;}#alertBox #closeBtn{display:block;position:relative;margin:10px auto 10px auto;padding:7px;border:0 none;width:70px;text-transform:uppercase;text-align:center;background-color:#3F7FBF;color:white;cursor:pointer;border-radius:0px;text-decoration:none;outline:0!important;}.elegant-shadow{position:absolute;float:right;width:50%;/* Ancho completo de la ventana */ height:40%;/* Altura completa de la ventana */ /*transform :translate(75%,75%);*/ border:1px solid #becfd8;padding:10px 10px 30px 10px;background-color:white;/* Color de fondo para visualización */ box-shadow:0px 10px 20px rgba(0,0,0,0.3);}.shadow{position:absolute;height:80%;/* Altura completa de la ventana */ /*border:1px solid #becfd8;*/ border-radius:10px;padding:4px 10px 30px 10px;background-color:white;/* Color de fondo para visualización */ box-shadow:0px 10px 20px rgba(0,0,0,0.3);}.oculto{display:none !important;}@media (min-width:800px){#pantalla_comluis{position :relative;left :1px !important;top :1px !important;}}}@media (max-width:800px) and !(orientation:landscape){#divemp1,#divemp2,#divcom_adi,#divcom_mod,#divcom_anu,#fecadi_com,#fecmod_com,#fecanu_com,#ttot{display:none !important;}#divmenu{display :none ;}#pantalla_com1a{flex:1;/* div1 ahora ocupa todo */ }#pantalla_comluis{position :fixed;left:120px;display:none;border:2px solid #becfd8;box-shadow:0 3px 15px rgba(0,0,0,0.18),0 0 12px rgba(255,255,255,0.05) inset;}}@media (min-width:801px){#pantalla_comluis{position:sticky !important;display :block !important;}}.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s ease-in-out;display:flex;width:100%;height:100%;border:0px solid blue;}.slide img{width:100%;height:100%;object-fit:fill;/* ← ESTO es FoxPro */ display:block;}.imagen-columna1{width:100%;height:80%;}.imagen-columna2{width:40%;height:40%;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,10);display:block;margin:0 auto;}.menu-toggle{height:35px;display:none;font-size:28px;border:none;cursor:pointer;}/* CELULAR vertical */ @media (max-width:768px) and (orientation:portrait) and (pointer:coarse){.slide{height:75% !important;}}/* PC (aunque mida 768px) */ @media (max-width:768px) and (pointer:fine){.slide{height:82% !important;}}@media (min-width:769px) and (max-width:799px){#pantalla_com1a{width:100% !important;}#pantalla_comluis{position :absolute;display:none;border:1px solid #3F7FBF !important;box-shadow:0 3px 15px rgba(0,0,0,0.18),0 0 12px rgba(255,255,255,0.05) inset;width:50% !important;left :10px;top :1px;}}/* Estilos para CELULAR */ @media (max-width:768px){#pantalla_comluis{position :absolute;display:none;border:1px solid #3F7FBF !important;box-shadow:0 3px 15px rgba(0,0,0,0.18),0 0 12px rgba(255,255,255,0.05) inset;width:100% !important;left :10px;top :1px;}.menu-toggle{display:block !important ;}.dark-mode-toggle{display:none !important;}nav{display:none !important;position:absolute !important;width:150px !important;top:100% !important;right:20px !important;box-shadow:var(--sombra) !important;}nav.active_menuToggle{display:block !important;}.ul{flex-direction:column !important;}.li{width:100% !important ;}.ali{display:block !important;width:100% !important;padding:14px 16px !important;}#idefe_com,#idyap_com,#idpli_com,#iddep_com,#idcre_com{height:40px !important;}.inicio{padding:0rem 0.5rem !important;}.inicio p{font-size:1rem !important;}.inicio-grid{gap:0px !important;display:block !important;}.columna-imagen2{height:240px !important;}.header{padding:0 0rem !important;}.hero{left:0% !important;width:99% !important;}.hero2{bottom:10% !important;}.servicios{padding:0rem 0.0rem !important;gap:0rem !important;flex-direction:column !important;align-items:center !important;}.servicios h2{margin-bottom:0.5rem !important;padding:0rem 0rem !important;}.servicios h3{font-size:1rem !important;}.servicios-item1{padding:0.0rem !important;width:100% !important;height:60% !important;}.servicios-item2{padding:0.0rem !important;width:100% !important;height:40% !important;}.servicios .hero{display:none !important;}.imagen-columna1{height:80% !important;}.imagen-columna2{height:60% !important;width:160px !important;}.portafolio{gap:0.0rem !important;}.portafolio h2{margin-bottom:0.0rem !important;padding:0rem 0rem !important;}.portafolio-item{padding:0rem !important;width:45% !important;height:30% !important;}.contacto{gap:0.5rem !important;flex-direction:column !important;}.contacto-item1,.contacto-item2{width:80% !important;margin:0 auto !important;}.contacto-item2 img{width:10px !important;}.acceso-item1{width:300px !important;margin-top:10px !important;}}.portafolio h2{text-align:center;font-size:22px;margin-bottom:2rem;position:relative;}.slider{position:relative;width:100%;min-height:83%;overflow:hidden;}.portafolio-item{border:0px solid blue;background:white;padding:1rem;border-radius:10px;transition:var(--transicion);text-align:center;position:relative;overflow:hidden;flex:1;/* 3 columnas */ max-width:320px;/* 👈 NO crece más */ height:50%;}.portafolio-item img{border:0px solid green;width:100%;max-height:220px;/* 👈 tamaño fijo */ object-fit:cover;/* 👈 no se deforma */ border-radius:8px;display:block;}.servicios2{background-size:cover;background-position:center;background-repeat:no-repeat;}.servicios-item1{width:60%;height:100%;background:transparent;padding:0rem;border-radius:10px;transition:var(--transicion);text-align:center;position:relative;overflow:hidden;}.servicios-item2{width:40%;height:100%;background:transparent;padding:0rem;border-radius:10px;transition:var(--transicion);text-align:center;position:relative;overflow:hidden;}.contacto-item1{display:block;gap:1rem;min-width:300px;}.contacto-item1 form{display:grid;}.contacto-item2{display:flex;gap:1rem;min-width:0;flex-direction:column;}.acceso-item1{display:block;width:400px;margin:0px auto;background:var(--azul-oscuro);color:white;padding:2rem;border-radius:10px;box-shadow:var(--sombra);}.acceso-item1 form{display:grid;}.acceso-item2{background:radial-gradient( circle at top,#5f6f8a,#3e4a61 );display:flex;flex-wrap:wrap;justify-content:center;border:0px solid blue;}.acceso-item2 h4{color:#ffffff;margin-bottom:1px;font-weight:600;text-align:center;}.acceso-item2 p{line-height:1.7;color:#ffffff;}.servicios-icon{border:0px solid red;font-size:3rem;margin-bottom:1rem;color:var(--dorado);}.servicios h3{font-size:20px;}.ul{display:flex;list-style:none;align-items:center;gap:15px;/* espacio entre los li */ }.li{flex:1;text-align:center;padding:12px 10px;/* 👈 da altura */ }.li:hover{background:radial-gradient( circle at top,#7a89a3,#5a6a85 );border-radius:10%;}.li:hover .ali{color:white;}.ali{color:var(--azul-oscuro);text-decoration:none;font-weight:500;transition:var(--transicion);padding:0.5rem 0;font-size:16px ;}.ali:hover{color:white;cursor:pointer;/* Manito elegante */ text-shadow:0 0 5px rgba(212,175,55,0.4);/* Opcional:efecto suave */ }@media (max-width:680px){#lab_txtbusca{display:none;}}@media print{form,button{display:none;/* Ocultar filtros y botones */ }body{margin:0;/* Quita márgenes extras */ }}.titulo-reporte{text-align:center;/* centra el texto */ color:#2c3e50;/* azul gris elegante */ font-size:18px;/* tamaño grande */ font-weight:bold;/* negrita */ margin-bottom:15px;/* espacio abajo */ text-transform:uppercase;/* todo en mayúsculas */ letter-spacing:1px;/* espacio entre letras */ }.active{padding:12px 12px 7px 12px;cursor:pointer;background-color:#3F7FBF;/*color del boton */ border:1px solid #D6EAF8;}a{padding:8px 14px;border:1px solid #ddd;border-radius:6px;text-decoration:none;color:#007bff;background:#fff;transition:all 0.2s ease;font-size:14px;}a.pagcla_selcla5:hover{background:#3F7FBF;color:#fff;}a.pagcla_selcla5.active{background:#3F7FBF;color:#fff;font-weight:bold;border-color:#007bff;pointer-events:none;}.centrado{display:flex;justify-content:center;/* centro horizontal */ align-items:center;/* centro vertical */ /* height:100%;/* o la altura que necesites */*/ }#respuesta{margin-top:10px;padding:10px 15px;border-radius:5px;font-size:14px;font-weight:600;width:fit-content;min-width:250px;display:none;opacity:0;/*transform:translateY(-5px);*/ transition:opacity .4s ease,transform .4s ease;}/* Éxito */ .respuesta-ok{background-color:#d4f8d4;border-left:4px solid #2bbb2b;color:#2a6e2a;}/* Error */ .respuesta-error{background-color:#ffe0e0;border-left:4px solid #d33;color:#a11;}/* ------------------ */ .acordeon{padding:10px 12px;margin-bottom:8px;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;transition:0.25s;height:35px;}.acordeon:hover{background:#D8E4F8 !important;}.panel{background:#F7FAFF;margin-bottom:10px;padding-left:15px;border-radius:10px;max-height:0;overflow:hidden;transition:max-height 0.25s ease;}/* Ítems */ .panel p{margin:8px 0;cursor:pointer;padding:5px;border-radius:5px;transition:0.2s;display:flex;align-items:center;}.panel p:hover{background:#e1e1e1;}/* Colores */ .flecha{transition:transform .25s ease;opacity:.7;font-size:14px;}.acordeon.abierto .flecha{transform:rotate(180deg);}.brand-name{font-size:3.5rem;font-weight:bold;color:var(--azul-oscuro);/* Usando tu variable de color */ line-height:1;width:20px;}.brand-description{font-size:16px;color:var(--azul-claro);/* Usando tu variable de color */ width:30px;}#btnWhatsapp{width:14%;/* el botón puede variar */ height:50px;/* alto del botón */ display:flex;/* 👈 CLAVE */ align-items:center;/* 👈 centra vertical */ justify-content:center;/* 👈 centra horizontal */ padding:0;/* 👈 evita desplazamientos */ border:none;background:transparent;/* o el color que quieras */ cursor:pointer;}#btnWhatsapp img{object-fit:contain;/* 👈 no se deforma */ display:block;}/* Contenedor */ .redes{display:flex;gap:1rem;justify-content:center;margin-top:3rem;}/* Botón */ .redes button{width:45px;height:45px;background:var(--azul-oscuro);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform 0.2s ease,background 0.2s ease;border:1px solid white;padding:0;}/* Icono */ svg{width:35px;height:35px;cursor:pointer;transition:transform 0.2s;}svg:hover{transform:scale(1.1);}svg:before{transform:scale(1);}.redes svg{width:22px;height:22px;fill:#ffffff;}/* Hover */ .redes button:hover{background:var(--azul-claro);transform:scale(1.1);}.redes button:hover svg{opacity:0.85;}/* ===== SLIDER ===== */ .slide.activo{opacity:1;}/* CONTENIDO DEL SLIDER */ .slider-contenido{position:relative;z-index:2;height:100%;display:flex;justify-content:flex-end;/* 🔴 ESTA ES LA CLAVE */ align-items:flex-end;padding-bottom:60px;}/* ===== FLECHAS SLIDER ===== */ .slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(11,37,69,0.6);border:none;color:white;font-size:30px;padding:10px 14px;cursor:pointer;z-index:3;transition:background 0.3s;}.slider-btn:hover{background:rgba(11,37,69,0.85);}.slider-btn.prev{left:15px;}.slider-btn.next{right:15px;}/* TEXTO */ .hero2{position:absolute;z-index:2;left:0%;bottom:1%;}.hero-box2{padding:8px 35px;width:100%;height:30px;text-align:center;}.hero-box h2{margin:0 0 4px 0;font-size:22px;letter-spacing:1px;}.hero-box p{margin:0;font-size:17px;opacity:0.95;}.footer-box{flex:1;border:0px solid red;}.footer-copy{margin-top:0px;padding-top:0px;border-top:1px solid #374151;text-align:center;font-size:13px;color:#9ca3af;}.contacto-top{font-size:13px;color:white;font-weight:bold;background:var(--azul-claro);min-width:100%;height:20px;display:flex;align-items:center;/* centra verticalmente */ justify-content:flex-end;/* a la izquierda */ padding-right:15px;/* solo separa el texto del borde */ }.overlay_main{position:absolute;inset:0;background:rgba(11,37,69,0.35);opacity:0;transition:opacity 1.5s ease;/* fade suave */ z-index:5;pointer-events:none;}.overlay_main.activa{opacity:1;}.dark-mode .inicio-grid2 svg path{fill:#0f4c81;fill-opacity:0.2;}.dark-mode-toggle{background:none;border:none;color:var(--blanco);cursor:pointer;font-size:1.2rem;display:flex;justify-content:center;align-items:center;}.dark-mode .inicio{background:white;/* solo el contenedor */ color:var(--azul-oscuro);}.dark-mode .login-form input{background:var(--azul-claro);color:white;border-color:#444;}.imagen-chiquita{width:100px;height:100px;border-radius:50%;position:absolute;bottom:-60px;left:20px;animation:zoom-lento 8s ease-in-out infinite;z-index:2;background-color:white;padding:2px;border:2px solid #ddd;box-shadow:0 4px 12px rgba(0,0,0,0.4);}.ola1{animation:ola-bajar 6s ease-in-out infinite alternate;}@keyframes ola-bajar{0%{transform:translateY(0);}100%{transform:translateY(20px);transform:scaleY(1.2);transform-origin:bottom;}}.contenedor-imagenes{position:relative;display:inline-block;}.animada{animation:aparecer 1.5s ease forwards;}.animada_fil{filter:drop-shadow(0 0 80px rgba(255,255,255,0.15));mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 60%,rgba(0,0,0,0) 100%);-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 60%,rgba(0,0,0,0) 100%);animation:zoom-lento 8s ease-in-out infinite;}.degradado4{filter:drop-shadow(0 0 80px rgba(255,255,255,0.15));mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 60%,rgba(0,0,0,0) 100%);-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 60%,rgba(0,0,0,0) 100%);}@keyframes aparecer{to{opacity:1;transform:translateY(0);}}.columna-imagen2 h1{margin-bottom:1px;transform:translateY(20px);transition:all 1s ease;animation:aparecer 1.5s ease forwards;}.columna-imagen2 p{line-height:1.4;transform:translateY(20px);transition:all 1s ease;animation:aparecer 1.5s ease forwards;}@keyframes zoom-lento{0%{transform:scale(1) translateY(0);}50%{transform:scale(1.03) translateY(-5px);}100%{transform:scale(1) translateY(0);}}/* Lightbox */ .lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:2000;justify-content:center;align-items:center;}.lightbox-content{max-width:90%;max-height:90%;}.lightbox-content img{width:100%;height:auto;border:5px solid white;}.close-lightbox{position:absolute;top:20px;right:30px;color:white;font-size:3rem;cursor:pointer;}.contacto h2{text-align:center;font-size:24px;margin-bottom:0rem;}.acceso h2{text-align:center;font-size:22px;margin-bottom:1.5rem;}.info-item{display:flex;align-items:center;gap:1rem;}.info-item i{font-size:1.5rem;color:var(--dorado);}.contacto-item1 input,.contacto-item1 textarea{padding:0.5rem ;border:none;border-radius:5px;background:var(--azul-oscuro);color:var(--blanco);display:inline-block;}.contacto-item1 input{resize:vertical;min-height:40px;border:1px solid var(--azul-claro);}.contacto-item1 textarea{resize:vertical;min-height:100px;border:1px solid var(--azul-claro);}.contacto-item1 button{background:var(--dorado);color:var(--azul-oscuro);padding:1rem;border:none;border-radius:5px;cursor:pointer;transition:var(--transicion);}.contacto-item1 button:hover{box-shadow:0 5px 15px rgba(0,0,0,0.3);}/* Animaciones */ @keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.login-btn{background:var(--dorado);color:var(--azul-oscuro) !important;border-radius:5px;font-weight:600;width:90px;}.login-btn:hover{background:#e6c23e;}.login-form{display:grid;gap:1rem;margin-top:1.5rem;}.login-form input{width:100%;padding:0.8rem;border:1px solid #ddd;border-radius:5px;}.login-form button{background:var(--dorado);color:var(--azul-oscuro);padding:0.8rem;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:var(--transicion);}.login-form button:hover{box-shadow:0 5px 15px rgba(0,0,0,0.2);}.login-help{margin-top:1rem;font-size:0.9rem;display:flex;flex-direction:column;align-items:center;}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;opacity:0;transition:var(--transicion);}.overlay button{color:white;text-decoration:none;font-size:1.5rem;background:var(--dorado);padding:0.5rem 1rem;border-radius:5px;}.portafolio-item:hover img{transform:scale(1.1);}.portafolio-item:hover .overlay{opacity:1;}.logo-img{flex:0 0 auto;}.logo-img img{height:50px;width:auto;max-width:100%;display:block;}.logo-text{display:flex;flex-direction:column;line-height:1;}.logo-mc{font-size:40px;font-weight:300;letter-spacing:-6px;color:#1f2933;display:inline-block;}.logo-desc{font-size:12px;color:#555;white-space:nowrap;/* NO baja de línea */ }.cla_h1{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;white-space:nowrap;}.whatsapp-float{position:fixed;bottom:20px;right:20px;background:#25D366;color:white;padding:14px 18px;border-radius:50px;text-decoration:none;font-size:14px;font-weight:bold;box-shadow:0 4px 10px rgba(0,0,0,0.3);z-index:100;}/* estado cerrado → solo columna */ .hero{position:absolute;z-index:2;left:1%;bottom:1%;border-left:5px solid #4da3ff;}.hero-right{right:5%;left:auto;}.hero-box{background:rgba(11,37,69,0.75);padding:12px 15px;border-radius:2px;max-width:520px;color:white;}.hero-box.cerrado{opacity:0;pointer-events:none;}/* flecha */ .hero-flecha{position:absolute;top:10px;left:-10px;cursor:pointer;font-size:20px;color:#3e4a61;/* tu azul */ font-weight:bold;}