﻿.panel-accesibilidad {position: fixed; right: 0; top: 50%; transform: translateY(-50%); background-color: #00a751; border-radius: 12px 0 0 12px; padding: 20px 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); z-index: 9999;}
.grupo-opciones {display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%;}
.btn-accesibilidad { background: none; border: none; color: white; font-size: 22px; font-weight: bold; cursor: pointer; transition: transform 0.2s ease, color 0.2s ease; line-height: 1; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; }
.btn-accesibilidad:hover { transform: scale(1.15); color: #e6ffe6; }
.btn-accesibilidad.contraste { font-size: 26px; margin-top: 10px; }
html.contraste-invertido { filter: invert(1); } 
html { font-size: 100%; } 
img, svg { max-width: 100%; height: auto; transform-origin: center center; transition: transform 0.3s ease; } 
html[style*="font-size:150%"] img, html[style*="font-size:160%"] img, html[style*="font-size:170%"] img, html[style*="font-size:180%"] img, html[style*="font-size:190%"] img, html[style*="font-size:200%"] img { transform: scale(1.1); } 
body { font-family: Arial, Tahoma, sans-serif; } 
p, label, li, a, span, div, td, th { font-size: 1rem; } 
h1 { font-size: 2em; } 
h2 { font-size: 1.5em; } 
h3 { font-size: 1.17em; } 
h4 { font-size: 1em; } 
h5 { font-size: 0.83em; } 
h6 { font-size: 0.67em; } 
input, select, textarea, button { font-size: 1rem !important; font-family: inherit !important; }
.boxText, input[type="text"], input[type="password"], input[type="email"], input[type="number"], select.ddl, textarea { font-size: 1rem !important; }
* {box-sizing: border-box;}
.panel-accesibilidad, .panel-accesibilidad * {font-size: 22px !important; font-family: Arial, Tahoma, sans-serif !important;}
html.accesibilidad-activa body, html.accesibilidad-activa body * { font-size: inherit !important; } 
.footer, .footer span { color: #000000 !important; } 
body { padding-bottom: 50px !important; } 
td, td a, .quiPadd, .col-xs-8, .col-xs-1 { font-size: inherit !important; } 
#MainContent_gvOficinas, #MainContent_gvOficinas *, #MainContent_gvOficinas td, #MainContent_gvOficinas a { font-size: 1rem !important; } 
.bloque-links-responsive { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; text-align: center; margin-top: 1rem; font-size: inherit !important; } 
.bloque-links-responsive a { color: #13a54f; font-weight: bold; text-decoration: none; font-size: inherit !important; } 
.bloque-links-responsive a:hover { text-decoration: underline; } .bloque-links-inferior { text-align: center; margin-top: 1rem; font-size: inherit !important; }

.btn-accesibilidad[data-tooltip] {position: relative;}
.btn-accesibilidad[data-tooltip]::after {content: attr(data-tooltip); position: absolute; top: 50%; right: 110%; transform: translateY(-50%); background-color: #00a751; color: #fff; font-size: 14px; padding: 6px 10px; border-radius: 6px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.2s ease, right 0.2s ease; z-index: 10000;}
.btn-accesibilidad[data-tooltip]::before {content: ""; position: absolute; top: 50%; right: 100%; transform: translateY(-50%); border-width: 6px; border-style: solid; border-color: transparent #00a751 transparent transparent; opacity: 0; transition: opacity 0.2s ease; z-index: 10000;}
.btn-accesibilidad[data-tooltip]:hover::after, .btn-accesibilidad[data-tooltip]:hover::before {opacity: 1;}
#spnCierraModal {font-size: 24px !important; line-height: 1;}
.headerLateral {margin-left: 20px !important;}
.cajaDdl {overflow: hidden;}
#MainContent_txtNumeroDoc {width: 100% !important; box-sizing: border-box;}
#MainContent_ddlTipoId {padding-right: 2rem !important; box-sizing: border-box;}
.bloque-autenticacion-responsive {display: flex; justify-content: flex-end; align-items: flex-end; flex-wrap: wrap; gap: 1.5rem; width: 100%; margin-top: 10px;}
.bloque-autenticacion-responsive .opcion-autenticacion {display: flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap;}
.bloque-autenticacion-responsive input[type="radio"] {margin: 0;}
.bloque-autenticacion-responsive label {margin: 0; cursor: pointer; white-space: nowrap;}
#lnkTratamientoDatos, #lnkTerminosCondiciones {font-size: inherit !important; font-family: inherit !important; line-height: 1.4;}
.subtitulo {font-size: inherit !important; font-family: inherit !important;}
.cajaDdl select.ddl, #MainContent_ddlTipoId {width: 100% !important; padding-right: 2rem !important; box-sizing: border-box; background-image: url("../App_Themes/Verde/Image/arrow_green.png"); background-repeat: no-repeat; background-position: right 0.4rem center; background-size: 22px 16px; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
label.quiPadd {font-size: 1rem !important; font-family: inherit !important; font-weight: bold;}
#imgLogo {max-width: 180px; height: auto; margin-top: 0.6rem; margin-left: 2vw; position: relative; z-index: 10;}
@media (max-width: 991px) {#imgLogo {max-width: 140px; margin-left: 1vw; margin-top: 0.4rem;}}
@media (max-width: 600px) {#imgLogo {display: block; margin: 0 auto; max-width: 120px;}}
.tituloVerde {font-size: inherit !important; font-family: inherit !important; font-weight: bold;}
@media (min-width: 769px) {.usuario {position: relative !important;left: auto !important;right: -20px !important;margin-left: 0 !important;}.usuario a#Menu_idsession {position: relative !important;left: auto !important;transform: none !important;white-space: nowrap !important;overflow: visible !important;text-overflow: clip !important;}}
.linksFooter {font-size: inherit !important;}
.lblServicio {font-size: inherit !important;line-height: 1.4;}
.lblConvenio {font-size: inherit !important;line-height: 1.4;}
.navbar-nav > li {margin-left: -10px;}

