:root {
  --color-base: #e9e9e9;
}

.separacionSuperior{margin-top:50px;}
.separacionInferior{margin-bottom:50px;}
.logo{width: 125px;}
.form-select{background-color:var(--color-base);}
.modoMantenimiento{position:fixed;bottom:0;left:0;width:100%;background:#dc3545;color:#fff;padding:6px 10px;font-size:13px;text-align:center;z-index:999999;}
.alertError{background:#ffe5e5;border:1px solid #ff9c9c;color:#a40000;padding:12px;margin-bottom:20px;border-radius:6px;font-size:14px;}
#borrarAccesosDirectos{cursor:pointer;font-size:24px;position: absolute;right: 0px;}
.misma_altura{display:flex;flex-wrap:wrap;}
.misma_altura>[class*="col-"]{display:flex;}
.misma_altura>[class*="col-"]>*{width:100%;height:100%;display:flex;flex-direction:column;}

.centrar_texto_tarjeta {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centra el contenido verticalmente dentro de la tarjeta */
    align-items: center; /* Centra el contenido horizontalmente dentro de la tarjeta */
    height: 100%;
    text-align: center; /* Asegura que el texto se centre correctamente */
}
.tamanhoLogo{height: 144px;}
.enlaces-conversion-links{padding: 0px 10px;;}
.anchoAlto{    background-color: var(--color-base);}



/******************* MENU **********************/
.navbar{border-bottom:1px solid #e9ecef;position: sticky;top: 0px;z-index: 9999;}
.navbar-brand{font-size:22px;}
.nav-link{font-weight:500;}
.nav-link:hover{color:#2a7cff;}
.dropdown-menu{border-radius:10px;}


/******************* PAGINA INICIO **********************/
.container-body{margin-top:51px;text-align:center;}
.tituloPrincipal{font-size:46px;font-weight:700;margin-bottom:10px;}
.subtituloPrincipal{color:#6c757d;font-size:18px;margin-bottom:60px;}
.herramientasGrid{max-width:1000px;margin:auto;}
.herramientasGrid>div{margin-bottom:30px;}
.tarjetaHerramienta {display: block;background: #ffffff;padding: 35px;text-decoration: none;color: #333;box-shadow: 0 11px 17px #918a8a59;transition: all .25s;}
.tarjetaHerramienta:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,0.15);text-decoration:none;}
.tarjetaHerramienta h3{font-size:22px;margin-top:12px;margin-bottom:6px;font-weight:600;}
.tarjetaHerramienta p{font-size:14px;color:#777;margin:0;}
.iconoHerramienta{font-size:38px;}



/********** PAGINA CONVERTIR ***************/
.zonaSubida{border:2px dashed #cfd4da;border-radius:12px;padding:40px;text-align:center;background:#fafbfc;}
.iconoSubida{font-size:40px;margin-bottom:10px;}
.textoSubida{font-size:18px;}
.textoSecundario{color:#6c757d;margin-top:4px;}
.btnSeleccionar{margin-top:15px;background:#2a7cff;color:white;border:none;padding:10px 18px;border-radius:6px;}
.nombreArchivo{text-align:center;margin-top:10px;color:#6c757d;}
.bloqueFormato{text-align:center;margin-top:30px;}
.tituloFormato{display:block;font-weight:600;margin-bottom:10px;}
.formatoSalida{max-width:250px;margin:auto;}
.bloqueConvertir{text-align:center;margin-top:30px;}
.btnConvertir{background:#ff071d;color:white;border:none;padding:12px 25px;border-radius:6px;font-size:16px;font-weight: bold;}
.loaderConversion{display:none;margin-top:10px;}
.labelConvertir{font-size: 20px;font-weight: bold;}


.archivoSeleccionado{text-align:center;}
.archivoIcono{font-size:32px;margin-bottom:5px;}
.archivoNombre{font-weight:600;}
.archivoPeso{font-size:13px;color:#666;}
.zonaSubida.archivoCargado{border-color:#28a745;background:#f3fff6;}


/*******************  LISTA URLS FORMATOS DESPLEGABLE *******************************/
.data-table .row{padding:10px 0;border-bottom:1px solid #eee;}
.dt-head{font-weight:600;border-bottom:2px solid #ddd;}
.fila-conversiones{display:none;background:#fafafa;padding:10px 0;}
.fila-conversiones a{display:inline-block;margin:4px 8px;}
.ver-conv{text-decoration:none;cursor:pointer;    text-decoration: underline;}
.formato-nombre, .formato-descripcion, .formatoFormato{text-align: left;}




/*******************  ACCESOS DIRECTOS *******************************/
.accesosRapidos{margin-top:30px;position: relative;}
.accesosRapidos .tarjeta{margin-bottom: 20px;}
.tituloAccesos{font-size:20px;margin-bottom:15px;}
.tarjetaConversion{display:block;text-decoration:none;color:#222;background:var(--color-base);border:1px solid #e5e5e5;padding:14px;transition:all .2s;}
.tarjetaConversion:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.08);}
.tarjetaConversionContenido{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.tarjetaConversionTitulo{font-weight:600;font-size:16px;margin-bottom:4px;}
.tarjetaConversionUso{font-size:12px;color:#888;}




/*******************  LOADER*******************************/
.loaderConversion{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.85);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .2s}
.loaderConversion.activo{opacity:1;visibility:visible}
.loaderContenido{text-align:center}
.spinner{width:48px;height:48px;border:5px solid #ddd;border-top:5px solid #007bff;border-radius:50%;animation:giro 1s linear infinite;margin:auto}
.textoLoader{margin-top:12px;font-weight:600}
@keyframes giro{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}




.dt-head{display:flex;align-items:center;}
.dt-head .col{display:flex;align-items:center;}

@media(max-width:576px){
    .dt-head{display:grid;grid-template-columns:1fr auto;gap:6px;}
    .dt-head .col-sm,.formato-descripcion{display:none;}
    .dt-head .col{text-align:left;}
    .dt-head .text-right{text-align:right;}
    .row.fila-formato > .col-sm-3,.row.fila-formato > .col-sm {width: 50% !important;}
    .dt-head .head-formato{text-align: left;}
}



/*******************  LOADER*******************************/
footer {
    background: var(--color-base);
    padding: 40px;
    text-align: center;
}