.ver_l {
    display: block;
    margin: 0 auto;

    width: 30px;
    height: 30px;

    cursor: pointer;
    user-select: none;

    background: transparent url("../img/ver.png") center center / 30px 30px no-repeat;

    border: none;
    outline: none;
    box-shadow: none;

    padding: 0;

    color: transparent;
    font-size: 0;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: filter .2s ease, transform .2s ease;
}

.ver_l:hover {
    filter: contrast(150%) saturate(160%);
    transform: scale(1.08);
}

.ver_l:focus {
    outline: none;
}

.vigente_td {
    text-align: center;

    background: transparent url("../img/vigente.png") center center / 27px 27px no-repeat;

    filter: drop-shadow(0 0 2px rgba(80, 255, 80, .5));
}

.no_vigente_td {
    text-align: center;

    background: transparent url("../img/no_vigente.png") center center / 27px 27px no-repeat;

    filter: drop-shadow(0 0 2px rgba(255, 80, 80, 0.5));
}

.modificar_l {
    display: block;
    margin: 0 auto;

    width: 30px;
    height: 30px;

    cursor: pointer;
    user-select: none;

    background: transparent url("../img/modificar.png") center center / 30px 30px no-repeat;

    border: none;
    outline: none;
    box-shadow: none;

    padding: 0;

    color: transparent;
    font-size: 0;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: filter .2s ease, transform .2s ease;
}

.modificar_l:hover {
    filter: contrast(150%) saturate(160%);
    transform: scale(1.08);
}

.modificar_l:focus {
    outline: none;
}


.pdf_l {
    display: block;
    margin: 0 auto;

    width: 30px;
    height: 30px;

    cursor: pointer;
    user-select: none;

    background: transparent url("../img/pdf.png") center center / 30px 30px no-repeat;

    border: none;
    outline: none;
    box-shadow: none;

    padding: 0;

    color: transparent;
    font-size: 0;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: filter .2s ease, transform .2s ease;
}

.pdf_l:hover {
    filter: contrast(150%) saturate(160%);
    transform: scale(1.08);
}

.pdf_l:focus {
    outline: none;
}

.video_l {
    display: block;
    margin: 0 auto;

    width: 30px;
    height: 30px;

    cursor: pointer;
    user-select: none;

    background: transparent url("../img/video.png") center center / 30px 30px no-repeat;

    border: none;
    outline: none;
    box-shadow: none;

    padding: 0;

    color: transparent;
    font-size: 0;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: filter .2s ease, transform .2s ease;
}

.video_l:hover {
    filter: contrast(150%) saturate(160%);
    transform: scale(1.08);
}

.video_l:focus {
    outline: none;
}

.kmz_l, .kmz_disabled_l  {
    display: block;
    margin: 0 auto;

    width: 30px;
    height: 30px;

    cursor: pointer;
    user-select: none;

    background: transparent url("../img/kmz.png") center center / 30px 30px no-repeat;

    border: none;
    outline: none;
    box-shadow: none;

    padding: 0;

    color: transparent;
    font-size: 0;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: filter .2s ease, transform .2s ease;
}

.kmz_l:hover, .kmz_disabled_l:hover {
    filter: contrast(150%) saturate(160%);
    transform: scale(1.08);
}

.kmz_l:focus, .kmz_disabled_l:focus {
    outline: none;
}

.app_l {
    display: block;
    margin: 0 auto;

    width: 30px;
    height: 30px;

    cursor: pointer;
    user-select: none;

    background: transparent url("../img/app.png") center center / 30px 30px no-repeat;

    border: none;
    outline: none;
    box-shadow: none;

    padding: 0;

    color: transparent;
    font-size: 0;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: filter .2s ease, transform .2s ease;
}

.app_l:hover {
    filter: contrast(150%) saturate(160%);
    transform: scale(1.08);
}

.app_l:focus {
    outline: none;
}

.key_l {
    display: block;
    margin: 0 auto;

    width: 30px;
    height: 30px;

    cursor: pointer;
    user-select: none;

    background: transparent url("../img/key.png") center center / 30px 30px no-repeat;

    border: none;
    outline: none;
    box-shadow: none;

    padding: 0;

    color: transparent;
    font-size: 0;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: filter .2s ease, transform .2s ease;
}

.key_l:hover {
    filter: contrast(150%) saturate(160%);
    transform: scale(1.08);
}

.key_l:focus {
    outline: none;
}


.perfil_l {
    display: block;
    margin: 0 auto;

    width: 30px;
    height: 30px;

    cursor: pointer;
    user-select: none;

    background: transparent center center / 30px 30px no-repeat;

    border: none;
    outline: none;
    box-shadow: none;

    padding: 0;

    color: transparent;
    font-size: 0;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: filter .2s ease, transform .2s ease;
}

.subir_l {
    display: block;
    margin: 0 auto;

    width: 30px;
    height: 30px;

    cursor: pointer;
    user-select: none;

    background: transparent url("../img/subir.png") center center / 30px 30px no-repeat;

    border: none;
    outline: none;
    box-shadow: none;

    padding: 0;

    color: transparent;
    font-size: 0;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: filter .2s ease, transform .2s ease;
}

.subir_l:hover {
    filter: contrast(150%) saturate(160%);
    transform: scale(1.08);
}

.subir_l:focus {
    outline: none;
}

.agregar,
.recargar,
.excel,
.descargar {
    width: 34px;
    height: 34px;
    cursor: pointer;

    background-color: transparent;
    background-size: 33px 33px;
    background-position: center;
    background-repeat: no-repeat;

    border: none;
    border-radius: 6px;
    outline: none;

    /* Opcional */
    box-shadow: none;
}

.descargar,
.excel {
    background-image: url(../img/descargar_excel.png);
}

.agregar {
    background-image: url(../img/agregar.png);
}

/* Nota de fidelidad (2026-09-28, hallazgo 44 de plan-migracion-mvc.md):
   .descargar_archivo y .enviar_por_mail (botones del popup
   archivo/templates/popup_opcion_archivo.html) estaban definidos
   UNICAMENTE en css/style.css -- un archivo que resulto NO estar
   enlazado en ningun <link> real de inicio.html (los dos <link> que lo
   mencionan estan dentro de bloques de TemplatePower que nunca se
   muestran). Es decir, estos botones nunca tuvieron ningun CSS activo
   en la aplicacion real, ni el tamano/forma de circulo ni el icono
   agregado en el hallazgo 43 -- de ahi que se vieran como el boton
   <input type=submit> por defecto del navegador. Se movieron (no se
   duplicaron) a este archivo, que si esta enlazado en inicio.html.
   css/style.css se dejo intacto por las dudas de que algun otro
   documento standalone (como modulos/templates/share_mod.html, ver
   hallazgo 35) lo use todavia. */
.descargar_archivo,
.enviar_por_mail {
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-color: #ffffff;
    background-size: 26px 26px;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    border-radius: 50%;
    outline: none;
    box-shadow: none;
}

.descargar_archivo {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2309294f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3.5v10.5'/><path d='M7.5 10l4.5 4.5L16.5 10'/><path d='M4.5 19.5h15'/></svg>");
}

.enviar_por_mail {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2309294f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5.5' width='18' height='13' rx='2.2'/><path d='M4 7l8 6.2L20 7'/></svg>");
}

.guardar,
.aplicar,
.deshacer {
    height: 38px;
    width: 38px;
    cursor: pointer;
    position: absolute;
    background-size: 38px 38px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
}

.guardar {
    right: 48px;
    top: 5px;
    background-image: url(../img/guardar.png);
}

.aplicar {
    right: 48px;
    top: 5px;
    background-image: url(../img/aplicar.png);
}

.deshacer {
    right: 90px;
    top: 5px;
    background-image: url(../img/deshacer.png);
}

.opciones {
    background-image: url(../img/opciones.png);
}
.eliminar_l {
    display: block;
    margin: 0 auto;

    width: 30px;
    height: 30px;

    cursor: pointer;
    user-select: none;

    background: transparent url("../img/eliminar.png") center center / 30px 30px no-repeat;

    border: none;
    outline: none;
    box-shadow: none;

    padding: 0;

    color: transparent;
    font-size: 0;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: filter .2s ease, transform .2s ease;
}

.eliminar_l:hover {
    filter: contrast(150%) saturate(160%);
    transform: scale(1.08);
}

.eliminar_l:focus {
    outline: none;
}