:root {
    --fontTexto:  'Raleway', sans-serif;
    --fontHeading: 'Staatliches', cursive;

    /** Colores **/
    --azul : #005ea1;
    --azulOscuro: #00487C;
    --rojo : #c52641;
    --rojoOscuro : #A01C48;
    --naranja : #F58549;
    --amarillo: #ECA400;
    --amarilloOscuro: #bd8401;
    --verde : rgb(20, 131, 20);
    --verdeOscuro : rgb(9, 109, 9);
    --naranjaClaro: #ff8533;
    --naranjaOscuro: #e36712;

    /** gris **/
    --gris: #969696;
    --grisOscuro : #707070;
    --grisClaro: #f3f3f3;

    /** negros **/
    --negro: #000;
    --negroClaro: #333333;
}
body {
    background-color: var(--grisClaro);
    font-size: 1.6rem;
    font-family: var(--fontTexto);
}
html {
    
    box-sizing: border-box;
    font-size: 62.5%; 
}
*, *:before, *:after {
    box-sizing: inherit;
}
a {
    font-family: var(--fontTexto);
    color: black;
    text-decoration: none;
}
/** GLOBALES **/
h1{
    font-family: var(--fontHeading);
}
h2 {
    font-family: var(--fontTexto);
    color: var(--grisOscuro);
    font-size: 3rem;
}
.over {
    z-index: 99998;
}
.window {
    z-index: 99999;
}
@media (max-width: 768px) {
    .window-content {
        flex-direction: column !important;
    }
}
.eirl {
    background: var(--naranjaClaro);
}
.com {
    background: #2c7da0;
}
.mt-50 {
    margin-top: -50px;
}
.height-auto {
    height: auto !important;
}
.componente__form {
    margin-top: 20px;
}
.componente__form-label {
    margin-right: 20px;
    font-size: 2rem;
    width: 225px;
}
.componente__form-input {
    padding: 1rem;
    width: 35%;
    text-align: center;
}
.contenedor {
    max-width: 1400px;
    margin: 0 auto;
    width: calc(95% - 80px);
}
.top-left{
    display: flex;
    justify-content: start;
    align-items: center;
}
.top-right{
    display: flex;
    justify-content: end;
    align-items: center;
}
.right-flex{
    justify-content: flex-end;
}
.text-center{
    text-align: center;
}
#usuarioEmpresa {
    display: none;
}
.center{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
}
.error404{
    margin-top: 5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.error404 h1 {
    font-size: 15rem;
    margin-bottom: 0;
}
.error404 h2 {
    margin-bottom: 2rem;
}
.error404 img {
    height: 15rem;
}
@media (min-width: 768px) {
    .error404 img {
        height: 30rem;
    }
}
.info {
    font-size: 2rem;
    font-weight: 700;
    color: black;
}
.wifu{
    width: 100%;
}
.mbt-2 {
    margin-bottom: 2rem;
}
.fontbold {
    font-weight: 700;
}
.version{
    font-weight: 700;
    font-size: 2.5rem;
    color: white;
}

/** MODAL **/
.Overlay {
    background-color: #00000080;
    position: fixed;
    z-index: 2;
    inset: 0px;
}
.Modal {
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background: #f3f3f3;
    padding: 4rem;
    border-radius: 1rem;
}
.modal__filtro {
    width: 90%;
}
.modal__close{
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
}
.modal__titulo{
    font-size: 4.8rem;
    text-align: center;
}
.modal__scroll {
    overflow-y: scroll;
    height: 45rem;
}
.modal__subtitulo {
    font-size: 2rem;
    text-align: center;
}
.modal__grid{
    margin-top: 2rem;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    justify-items: center
}
@media (max-width: 768px) {
    .modal__grid{
        display: block;
    }
    
}
.modal__grid div:last-child {
    grid-column: 1 / 3;
}

.modal__herramienta h2 {
    font-weight: 700;
    margin-bottom: 2rem;
}
.modal__herramienta p {
    font-weight: 700;
}
.modal__herramienta p span {
    font-weight: 400;
}
.modal__opciones {
    width: 80rem;
}
.modal__opcion {
    max-height: 40rem;
    overflow-y: scroll;
}
.opciones__certificado {
    display: flex;
}
.opciones__certificado a {
    width: 50%;
}
.min-h-28 {
    min-height: 28.5rem;
}

/** BOTONES **/
.btn-new{
    padding: 0.5rem;
    text-align: center;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    font-family: var(--fontTexto);
    border: none;
    border-radius: 0.5rem;
    margin: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}
@media (min-width: 768px) {
    .btn-new{
        padding:  1.5rem;
    }
}
.btn-new:hover {
    cursor: pointer;
    color: white;
}
.btn-cerrar {
    background-color: var(--rojo);
    padding: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 2rem;
}
.btn-success-new{
    background-color: var(--verde);
    transition-property: background-color;
    transition-duration: .3s;
}
.btn-success-new:hover {
    background-color: var(--verdeOscuro);
}

.btn-return{
    background-color: var(--amarillo);
    transition-property: background-color;
    transition-duration: .3s;
}
.btn-return:hover {
    background-color: var(--amarilloOscuro);
}
.btn-login{
    background-color: var(--azul);
    transition-property: background-color;
    transition-duration: .3s;
}
.btn-login:hover {
    background-color: var(--azulOscuro);
}
.btn-error{
    background-color: var(--rojo);
    transition-property: background-color;
    transition-duration: .3s;
}
.btn-error:hover {
    background-color: var(--rojoOscuro);
}
.btn-naranja{
    background-color: var(--naranjaClaro);
    transition-property: background-color;
    transition-duration: .3s;
}
.btn-naranja:hover {
    background-color: var(--naranjaOscuro);
}
.btn-factura {
    padding: 0.3rem;
    background: #f8f9fa57;
    font-weight: 100;
    color: var(--bs-table-color);
}
.center-btn-factura{
    display: flex;
    justify-content: center;
    align-items: center;
}

/** LOGIN **/
.login{
    margin-top: 5rem;
}
.login__logo{
    display: none;
    /* width: 30rem; */
}
.login__form h1{
    text-align: center;
    font-size: 4rem;
}
@media (min-width: 768px) {
    .login{
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    .login__logo{
        display: block;
        max-width: 40rem;
    }
    .login__img {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        background-color: var(--naranjaOscuro);
    }
    .login__img h1 {
        font-size: 4.5rem;
        color: white;
        margin-bottom: 0;
    }
}

/** HEADER **/
.header{
    display: flex;
    justify-content: space-between;
    height: 50px;
}
.header--left {
    justify-content: flex-end;
}
.header__logo{
    width: 100%;
    margin: 1rem;
}
.header__user{
    display: flex;
    align-content: center;
    flex-direction: column;
    align-items: center;
}
.sidebar{
    width: 10%;
    display: flex;
    margin-left: 20px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.slider {
    position: fixed;
    z-index: 1;
    width: 80px;
    height: 100dvh;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    margin-top: -50px;
    transition: width 0.5s ease;
}
.slider.expanded {
    width: 300px;
}
.slider__logo {
    margin-top: 50px;
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider__logo-img {
    max-width: 180px;
    height: 150px;
    opacity: 0;
}
.slider__logo-img.expanded {
    animation: aparecer 1s ease 0s 1 normal forwards;
}
@keyframes aparecer {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
.slider__info {
    padding: 2rem;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    width: 80%;
    margin: 0 auto;
    height: 80px;
    text-align: center;
    margin-bottom: 10px;
}
.slider__info-nombre {
    font-weight: 700;
    margin: 0;
    color: #333333;
}
.slider__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-left: 20px;
}
.slider__body-button {
    border: none;
    background: none;
    margin-bottom: 10px;
}
.slider__body-button:hover {
    background-color: #1c1d1e1e;
}
.slider__body-button-container {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.slider__body-button-text {
    font-weight: 700;
    color: whitesmoke;
    opacity: 0;
    margin: 0;
}
.slider__body-button-text.expanded {
    animation: aparecer 1s ease 0s 1 normal forwards;
}

/* .sidebar__color{
    background-color: var(--naranjaClaro);
}
.sidebar__cuerpo{
    display: grid;
    justify-items: center;
    height: 80%;
    align-items: center;
    row-gap: 2rem;
    margin-top: 2rem;
}
.offcanvas-header{
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #707070;
    background-color: var(--naranjaClaro);
}
.sidebar__cerrar{
    width: 28%;
    display: flex;
    justify-content: flex-end;
}
.sidebar__header{
    width: 72%;
    display: flex;
    justify-content: flex-end;
}
.sidebar__header h1 {
    font-size: 8rem;
    margin: 0;
    padding: 0;
}
.sidebar__ruta{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.sidebar__text{
    font-weight: 700;
    font-size: 2.8rem;
    color: var(--negroClaro);
    width: 28rem;
    margin-left: 1rem;
}
.sidebar__text-com{
    font-weight: 700;
    font-size: 2.8rem;
    color: #ebe1e1;
    width: 28rem;
    margin-left: 1rem;
}
.sidebar__none {
    background-color: transparent;
    border: none;
} */

/** card **/
.card{
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    margin-top: 2rem;
    margin-left: 90px;
}
.card-saludo{
    display: flex;
    align-items: flex-end;
}
.card-home {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.card-header{
    background-color: var(--naranjaClaro);
    padding: 2rem 1rem;    
    display: flex;
    column-gap: 1rem;
    align-items: center;
    justify-content: center;
}
.card-header h1{
    color: var(--negroClaro);
    margin: 0;
    text-align: center;
    font-size: 4rem;  
}
.card-body-opt{
    display: flex;
    justify-content: center;
}
.card-body-opt-btn {
    background-color: var(--naranjaClaro);
    color: white;
    font-weight: 700;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
.card-body-options{
    display: flex;
    justify-content: space-between;
    margin: 2rem 0;
    flex-direction: column;
}
.card-body-options-left{
    display: flex;
    justify-content: flex-end;
    margin: 2rem 0;
}
.card-body-subtitle{
    text-align: center;
    margin: 1rem 0;
}
@media (min-width: 768px) {
    .card-header{
        justify-content: start;
        padding-left: 4rem;
    }
    .card-body-options {
        flex-direction: row;
    }
    .card{
        margin: 0 auto;
        margin-top: 2rem;
    }
}
.card-grid-img {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1rem;
}
.card-img-grid {
    width: 38rem;
    height: 38rem;
}

/** table **/
.table__center th{
    text-align: center;
}
.table__head{
    background: var(--naranjaClaro);
}
.table__head th{
    text-align: center;
}
.table__head-no th {
    padding: 0;
    font-size: 1.4rem;
}
.table__center-flex{
    display: flex;
}
.table__opciones{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1rem;
}
.table__opciones button{
    padding: 1rem;
}
.table__tr td{
    text-align: center;
    padding-top: 1rem;
    vertical-align: middle;
    min-width: 10rem;
}
.table__tr-no td {
    min-width: 0;
    padding: 0;
    border: 1px solid #bebebe;
    border-top: none;
    font-size: 1.3rem;
}
.table__tr .select {
    min-width: 0;
    padding-left: 1rem;
}
.table__tr-informe {
    background-color: #c6dfe7 !important;
}
.table__tr-preinforme {
    background-color: #f0eaa0 !important;
}
.table__estado-vencido {
    margin-bottom: 0;
    background-color: red;
    border-radius: 1rem;
    font-weight: 700;
    color: white;
}
.table__estado-pendiente {
    margin-bottom: 0;
    background-color: var(--amarillo);
    border-radius: 1rem;
    font-weight: 700;
    color: white;
}
.table__estado-pagado {
    margin-bottom: 0;
    background-color: var(--verde);
    border-radius: 1rem;
    font-weight: 700;
    color: white;
}
.table__estado-anulado {
    margin-bottom: 0;
    background-color: var(--grisOscuro);
    border-radius: 1rem;
    font-weight: 700;
    color: white;
}
.table__row-estado-vencido {
    background-color: rgba(255, 0, 0, 0.3);
}
.table__row-estado-pendiente {
    background-color: rgba(236, 165, 0, 0.3);
}
.table__row-estado-pagado {
    background-color: rgba(20, 131, 20, 0.3);
}
.table__row-estado-anulado {
    background-color: rgba(112, 112, 112, 0.3);
}
.factura__vencido {
    background-color: rgba(255, 0, 0, 0.3) !important;
}
.factura__pendiente {
    background-color: rgba(236, 165, 0, 0.3) !important;
}
.factura__pagado {
    background-color: rgba(20, 131, 20, 0.3) !important;
}
.factura__check-boletaPagado {
    cursor: pointer;
    background-color: #fff;
    width: 14px;
    height: 14px;
    appearance: none;
    border: 1px solid #515151;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    
}
.segundaFactura {
    display: flex;
    align-items: center;
    justify-content: center;
}
.factura__check-boletaPagado:checked {
    background-color: rgb(71, 151, 107);
}
.table__pagado th:nth-child(1) {
    width: 15% !important;
}
.table__pagado th:nth-child(2) {
    width: 15% !important;
}
.table__pagado th:nth-child(3) {
    width: 35% !important;
}
.table__pagado th:nth-child(4) {
    width: 35% !important;
}
.ingreso__gd {
    margin: 0;
}
.ingreso__gd span {
    display: block;
}
.ingreso__tabla table thead tr th:nth-child(7){
    width: 5%;
}
.ingreso__tabla table tbody tr td:nth-child(7) {
    font-size: 1.4rem;
    width: 5%;
}
.ingreso__tabla table thead tr th:nth-child(8){
    width: 5%;
}
.ingreso__tabla table tbody tr td:nth-child(8) {
    min-width: 0;
    max-width: 10rem;
    width: 5%;
    font-size: 1.4rem;
}
.ingreso__tabla table thead tr th:nth-child(9){
    width: 5%;
}
.ingreso__tabla table tbody tr td:nth-child(9) {
    min-width: 0;
    width: 5%;
}
.ingreso__tabla table thead tr th:nth-child(10){
    width: 5%;
}
.ingreso__tabla table tbody tr td:nth-child(10) {
    min-width: 0;
    width: 5%;
}
.descripcion {
    width: 100%;
    height: 100%;
}

/** AJUSTES SWEETALERT**/
.swal2-popup  .swal2-title {
    font-size: 3rem!important;
}
.swal2-popup #swal2-content {
    font-size: 2rem;
}
.swal2-confirm,
.swal2-cancel {
    font-size: 2rem!important;
    padding: 1rem 3rem;
}
.swal2-popup.swal2-modal{
    padding: 4rem;
    width: 60rem;
}
.swal2-popup .swal2-html-container{
    font-size: 1.8rem!important;
}
.swal2-styled.swal2-deny {
    font-size: 2rem!important;
}

/** Formularios **/
form {
    width:95%;
    max-width: 800px;
    margin: 4rem auto 0 auto;
}
form legend {
    font-size: 2.4rem;
    color: var(--azul);
    font-family: var(--fontTexto);
    font-weight: 700;
    text-align: center;
    display: block;
    padding: 2rem;
    margin-bottom: 2rem;
}
.form-buscar{
    display: flex;
    margin: 0px;
    align-items: center;
}
form .campo-buscar{
    display: flex;
    flex-direction: column;
    align-items: center;
}
form .campo-buscar input{
    border: 1px solid #e1e1e1;
    padding: 1.5rem;
}
form .campo-buscar-enviar {
    width: 100%;
    background-color: var(--azul);
    color: white;
    font-weight: 700;
    transition-property: background-color;
    transition-duration: .3s;
}
form .campo-buscar-enviar:hover {
    background-color: var(--azulOscuro);
}
form .campo-buscar-limpiar {
    width: 100%;
    background-color: var(--amarillo);
    color: white;
    font-weight: 700;
    transition-property: background-color;
    transition-duration: .3s;
}
form .campo-buscar-limpiar:hover {
    background-color: var(--amarilloOscuro);
}
@media (min-width: 768px) {
    form .campo-buscar{
        flex-direction: row;
    }
    form .campo-buscar input:not([type="submit"]){
        border: 1px solid #e1e1e1;
        width: 35rem;
    }
    form .campo-buscar-enviar {
        width: 30%;
    }
    form .campo-buscar-limpiar{
        width: 30%;
    }
}
form .campo {
    padding: .5rem 2rem;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}
form .campo__obligatorio {
    font-weight: 700;
    font-size: 3rem;
    color: #fc266d;
}
form .campo label {
    font-weight: bold;
    font-family: var(--fontTexto);
    flex: 0 0 100px;
}
form .campo input:not([type="submit"]){
    padding: 1.5rem;
    flex: 1;
    border: 1px solid #e1e1e1;
}
form .campo_check {
    margin-left: 2rem;
}
form .campo_check input {
    margin-right: 2rem;
}
form .campo_check label {
    font-weight: 700;
}
form select {
    padding: 1.5rem;
    flex: 1;
    border: 1px solid #e1e1e1;
}
form .campo input[readonly] {
    background-color: #e1e1e1;
}
form .campo textarea{
    padding: 1.5rem;
    flex: 1;
    border: 1px solid #e1e1e1;
}
form .foto {
    padding: 1.5rem;
    flex: 1;
    border: 1px solid #e1e1e1;
    width: 100%;
}
form .centerFlex {
    justify-content: center;
}
form .fecha__opciones {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
form .fecha__btn {
    border: none;
    background-color: var(--bs-blue);
    padding: 1rem;
    color: white;
    border-radius: 1rem;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
form .fecha__btn:hover {
    background-color: var(--azul);
}
form .opciones {
    display: flex;
    justify-content: space-between;
}
.multipleSelect {
    padding: 1.5rem;
    flex: 1;
    border: 1px solid #e1e1e1;
}

.porcentaje {
    background-color: var(--naranjaClaro);
    height: 5.1rem;
    text-align: center;
    border: 1px solid #e1e1e1;
    font-size: 3rem;
    font-weight: 700;
}
.enviar {
    padding: .5rem 2rem;
    display: flex;
    justify-content: flex-end;
}
.filtro{
    display: flex;
    justify-content: space-around;
}
.mensaje-vacio{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5rem;
}

/** PAGINACION **/
.navigation-new {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
    cursor: pointer;
}
.page-link {
    margin: 0;
}
.pagination-lg {
    --bs-pagination-padding-x: 2rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 2rem;
}
.active>.page-link{
    background-color: var(--naranjaClaro);
    border-color: var(--naranjaOscuro);
    z-index: 0 !important;
}
.page-link {
    color: black;
}


.home{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 2rem;
    text-align: center;
}
.home__logo {
    height: 20rem;
}

/** PDF **/

#pdfCreador{
    display: none;
}
.pdf {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}
.pdf::after {
    content: '';
    height: 60rem;
    z-index: -1;
    width: 60rem;
    position: absolute;
    background-image: url(/img/LogoIDN.png);
    background-size: 50rem;
    background-repeat: no-repeat;
    top: 12%;
    transform: rotate(0deg);
    left: 20%;
    opacity: 0.15;
}

.pdf__titulo {
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 2rem;
}
.pdf__titulo h1{
    background-color: var(--naranjaClaro);
    text-align: center;
    font-size: 2.5rem;
    margin: 0;
    padding: 0;
}
/** data*/
.pdf__titulo-data {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 1rem;
}
.pdf__titulo-logo {
    height: 5rem;
}
.pdf__titulo-dueño {
    text-align: center;
    font-size: 2rem;
}
.pdf__titulo-dueño h2{
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0;
}
.pdf__titulo-otin {
    color: #000;
    font-size: 2rem;
    font-weight: 900;
    margin: 0;
}
/** info */
.pdf__titulo-bloque-info {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: center;
    justify-items: center;
    margin: 0.5rem 0;
}
.pdf__titulo-bloque-info-m {
    margin: 0.1rem 0;
}
.pdf .pdf__mt-05 {
    margin-top: 0.5rem;
}
.pdf__titulo-campo p {
    margin: 0;
    font-size: 1.1rem;
    text-transform: uppercase;
}
.pdf__titulo-campo span {
    font-weight: 700;
}
/* Herramienta */
.pdf__herramienta {
    width: 80%;
    margin-top: 1rem;
    border: 1px solid #e1e1e1;
}
.pdf__herramienta table{
    margin: 0;
    table-layout: fixed;
}
.pdf__herramienta th{
    font-size: 1.3rem;
}
.pdf__herramienta td{
    font-size: 1.1rem;
}
.pdf__componente {
    margin-top: 1rem;
    /* width: 90%; */
    border: 1px solid #e1e1e1;
}
.pdf__componente table {
    table-layout: fixed;
}
 .pdf__componente thead tr th:nth-child(1) {
    width: 5%;
}
 .pdf__componente thead tr th:nth-child(4) {
    width: 5%;
}
.pdf__componente thead tr th:nth-child(5) {
    width: 15%;
}
.pdf__componente thead tr th:nth-child(6) {
    width: 14%;
}
.pdf__componente table{
    margin: 0;
}
.pdf table th {
    padding: 0.5rem 0;
}
.pdf table td {
    padding: 0.5rem 0;
    height: 3.05rem;
}
.pdf__componente th{
    font-size: 1.3rem;
}
.pdf__componente td{
    font-size: 1.1rem;
}
/** pie */
.pdf__pie {
    width: 90%;
    border: 1px solid #e1e1e1;
    border-radius: 2rem;
    margin-top: 1rem;
}
.pdf__pie-valor {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1rem;
}
.pdf__pie-info {
    grid-column: 1/3;
    margin-left: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.pdf__pie-info-certificado p {
    font-size: 1.3rem;
    font-weight: 700;
    background: var(--naranjaClaro);
    padding: 0.2rem;
    border-radius: 1rem;
}
.pdf__pie-info-mantenimiento {
    padding: 0.2rem;
    border: 0.5px solid var(--naranjaClaro);
    border-radius: 1rem;
}
.pdf__pie-info-mantenimiento p {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.1rem;
    margin: 0;
    max-width: 48.5rem;
}
.pdf__pie-info-mantenimiento:nth-child(1) {
    margin-bottom: 0.5rem;
}
.pdf__pie-info-mantenimiento span {
    font-weight: normal;
}
.pdf__pie-final {
    margin-right: 1rem;
    font-size: 1.1rem;
    margin-top: 0.5rem;
    border: 1px solid #e1e1e1;
}
.pdf__pie-final:last-child {
    font-size: 1.3rem;
}
.pdf__pie-final table {
    margin-bottom: 0;
    text-align: center;
}
.pdf__componente table tr td{
    border-right: 1px solid #e1e1e1;
    text-align: center;
}
.pdf__componente table tr td:last-child{
    border-right: none;
}
.pdf__pie-final th {
    background-color: var(--naranjaClaro);
}
.pdf__pie-final .table__tr:last-child {
    font-size: 1.3rem;
    font-weight: 700;
}
.pdf__pie-compra {
    text-align: center;
    margin-top: 1rem;
    background: var(--naranjaClaro);
}
.pdf__pie-compra h2{
    color: #000;
    font-weight: 900;
    font-size: 1.8rem;
    padding-top: 0.5rem;
}
.pdf__pie-compra-info {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: center;
}
.pdf__pie-compra-campos {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.pdf__pie-compra-campos p {
    font-size: 1.1rem;
    margin: 0;
    text-transform: uppercase;
}
.pdf__pie-compra-campos span {
    font-weight: 700;
}
.pdf__pie-img img{
    height: 18rem;
    width: 80rem;
}
.pdf__pie-img div {
    background-color: var(--naranjaClaro);
    height: 1rem;
    width: 80.6rem;
}
.font-2 {
    font-size: 2rem;
}
.font-2 .table__tr:last-child{
    font-size: 2rem;
}

.clickblock { 
    cursor: not-allowed;
}

/** QR **/
.qr {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.qr_code {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/** Mantencion **/
.mantencion {
    background-color: var(--naranjaClaro);
    padding: 1rem;
    border-radius: 1rem;
}
.mantencion__fecha-m {
    text-align: center;
    font-size: 3rem;
    font-weight: 700;
    color: #212529;
}
.mantencion__fecha {
    text-align: center;
    font-size: 4rem;
    font-weight: 700;
    color: #000;
}
.mantencion__titulo {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
}
.mantencion__cuerpo {
    text-align: center;
    font-weight: 700;
}
.mantencion__cuerpo span{
    font-weight: 400;
}
.mantecion__redes {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mantencion__img {
    width: 15rem;
    height: 15rem;
}

/** INFORME **/
#informe {
    display: none;
}
.info__img {
    margin-right: 1rem;
    max-height: 15rem;
}
.info__img:last-child {
    margin-right: 0;
}
.info__table {
    margin-bottom: 0.5rem;
    border: 1px solid #a9a9a9;
}
.info__table th {
    font-size: 1.3rem;
}
.info__table:last-child {
    margin-bottom: 0;
}
.info__herramienta table{
    margin: 0;
}
.info__herramienta th{
    font-size: 1.3rem;
}
.info__herramienta td{
    font-size: 1.1rem;
}
.info__componente {
    margin-top: 1rem;
    width: 90%;
    border: 1px solid #e1e1e1;
}
.info__falla__titulo h2 {
    font-size: 1.3rem;
    background-color: var(--naranjaClaro);
    margin-bottom: 0;
    padding-bottom: 0.5rem;
}
.info__falla__titulo {
    background-color: transparent;
    margin-top: 0.4rem;
}
.info__falla {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 1rem;
    text-align: left;
}
.info__falla p {
    font-size: 1.1rem;
    margin-bottom: 0;
}
.info__falla h4{
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0.2rem;
    text-transform: uppercase;
}
.info__falla-cliente {
    margin-top: 0.2rem;
}
.info__falla-cliente table th{
    font-size: 1.3rem;
}
.info__falla-cliente table td{
    font-size: 1.2rem;
}
.info__certificado {
    margin-top: 1rem;
    width: 90%;
    border: 1px solid #e1e1e1;
}
.info__cuerpo {
    margin-top: 0.2rem;
}
.info__foto-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    justify-items: center;
    row-gap: 2rem;
    align-items: center;
    margin-top: 0.5rem;
}
.pdf__falla table td{
    font-size: 1.4rem;
    font-weight: 700;
}
.informe {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}
.informe::after {
    content: '';
    height: 60rem;
    z-index: -1;
    width: 60rem;
    position: absolute;
    background-image: url(/img/LogoIDN.png);
    background-size: 50rem;
    background-repeat: no-repeat;
    top: 75%;
    transform: rotate(0deg);
    left: 20%;
    opacity: 0.15;
}
.pdf__tabla__certificado {
    margin: 0;
}
.certificado__tolerancia {
    width: 95%;
    text-transform: uppercase;
    margin: 0;
    font-weight: 700;
}
.pdf__tabla__titulo {
    font-weight: 700;
    margin: 0;
}
.seleccion {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 2rem;
    justify-content: center;
    align-items: center;
    max-height: 30rem;
    width: 80rem;
}
.seleccion img {
    max-height: 15rem;
}
.seleccion label {
    display: flex;
    justify-content: center;
    align-items: center;
}
.seleccion input {
    margin-right: 2rem;
}
.certificado {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}
.certificado::after {
    content: '';
    height: 60rem;
    z-index: -1;
    width: 60rem;
    position: absolute;
    background-image: url(/img/LogoIDN.png);
    background-size: 50rem;
    background-repeat: no-repeat;
    top: 35%;
    transform: rotate(0deg);
    left: 20%;
    opacity: 0.15;
}
.certificado__subtitulo h2 {
    margin: 0.5rem;
}
.certificado__opcion {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
    width: 100%;
    margin-top: 1rem;
}
.certificado__campo {    
    display: flex;
    align-items: center;
}
.certificado__campo h2{    
    margin-left: 1rem;
    border: 3px solid var(--naranjaClaro);
    border-radius: 0.8rem;
    height: 4.5rem;
    width: 4.5rem;
    text-align: center;
}
.certificado__firma {
    display: flex;
    justify-content: space-around;
    width: 100%;
    flex-direction: row;
    align-items: center;
}
.certificado__firma img {
    max-height: 13rem;
}
.certificado__certificacion {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    gap: 1rem;
    flex-direction: column;
    position: relative;
}
.certificado__certificacion img {
    max-height: 6rem;
    height: 6rem;
}
.certificado__certificacion img:nth-child(2) {
    max-height: 6rem;
    height: 6rem;
}
.certificado__titulo h2 {
    margin: 0.1rem;
}
.pdf .certificado__table th {
    padding: 0.1rem;
}
.pdf .certificado__table td {
    padding-bottom: 0.1rem;
}
.pdf .certificado__table th {
    font-size: 1.25rem;
}
.certificado__tipob img{
    max-height: 7.5rem;
}
.certificado__certificacion__tipob img{
    max-height: 5rem;
}
.certificado__certificacion__tipob img:nth-child(2) {
    max-height: 4rem;
}
.certificado__obs h2 {
    padding: 0.1rem 0;
}
.certificado__componente {
    margin-top: 1rem;
    width: 90%;
    border: 1px solid #e1e1e1;
}
.certificado__componente table {
    margin-bottom: 0;
}
.certificado__componente th{
    font-size: 1.3rem;
}
.certificado__componente td{
    font-size: 1.1rem;
}
.certificado-wd {
    width: 100%;
}
.certificado__form-mw {
    max-width: 100%;
}
.certificado__invisible {
    color: white;
    margin: 0;
}
.certificado__inp {
    font-size: 1.5rem;
    text-align: right;
    width: 5rem;
}
.certificado__componente__rango td:first-child {
    font-size: 1.5rem;
}
.certificado__tabla-data {
    font-size: 1.3rem;
    border: 1px solid #e1e1e1;
    margin: 0;
}
.certificado__tabla-rango {
    font-size: 1.5rem;
}

/** barra **/
.indexedStep {
    color: rgb(190, 190, 190);
    width: 30px;
    height: 30px;
    font-size: 12px;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(206, 206, 206);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.indexedStep.accomplished {
    background-color: var(--naranjaClaro);
    color: white;
    border-style: none;
}

.RSPBprogressBar {
    height: 2px;
    width: 30%;
    line-height: 1;
    border-radius: 10px;
    position: relative;
    background-color: rgb(207, 207, 207);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 0;
    margin: 20px auto;
}

.RSPBprogressBar .RSPBstep {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
    position: absolute;
    transform: translateX(-50%);
    transition-property: all;
    transition-timing-function: ease;
}

.RSPBprogressBar .RSPBprogressBarText {
    color: white;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.RSPBprogressBar .RSPBprogression {
    position: absolute;
    transition: width 0.3s ease;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    background: #664DE5;
    z-index: -1;
}

@media screen and (max-width: 480px) {
    .indexedStep{
        width: 15px;
        height: 15px;
        font-size: 6px;
    }
}
.w-96 {
    width: 96%;
}
.max-w-10-table table td {
    max-width: 10rem;
}

/** BOLETA **/
.boleta-automatico {
    display: none;
}

.boleta {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}
.boleta::after {
    content: '';
    height: 60rem;
    z-index: -1;
    width: 60rem;
    position: absolute;
    background-image: url(/img/LogoIDN.png);
    background-size: 50rem;
    background-repeat: no-repeat;
    top: 35%;
    transform: rotate(0deg);
    left: 30%;
    opacity: 0.15;
}
.boleta__fecha {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.boleta__empresa h2 {
    font-size: 2rem;
    background-color: #06837F;
    margin: 0;
    padding: 0.5rem;
    /* color: #212529; */
    color: white;
    text-transform: uppercase;
}
.boleta__componente thead tr th:nth-child(1) {
    width: 8% !important;
}
.boleta__componente thead tr th:nth-child(2) {
    width: 6.5rem !important;
}
.boleta__componente thead tr th:nth-child(3) {
    width: 6rem !important;
}
.boleta__vencida h2 {
    font-size: 2rem;
    margin: 0;
    padding: 0.5rem;
    color: white;
    background-color: #ff3838;
    border: 1px solid black;
    text-transform: uppercase;
}
.boleta__vencer h2 {
    font-size: 2rem;
    background-color: #FDC100;
    border: 1px solid black;
    margin: 0;
    padding: 0.5rem;
    color: white;
    text-transform: uppercase;
}
.boleta__mora {
    color: #ff2626;
    font-weight: 700;
}
.boleta__valor-total {
    font-size: 1.8rem;
    font-weight: 700;
    color: black;
}
.boleta__table thead tr th {
    border: 1px solid black;
    border-top: none;
}
.boleta__table thead tr th:nth-child(2) {
    width: 1rem;
}
.boleta__table thead tr th:nth-child(3) {
    width: 1rem;
}
.boleta__table thead tr th:nth-child(4) {
    width: 18rem;
}
.boleta__table thead tr th:nth-child(5) {
    width: 24rem;
}
table .boleta__total th {
    height: 1rem;
    margin: 0;
    padding: 0;
    font-size: 2rem;
}
.boleta__datos p {
    font-size: 1.3rem;
    max-width: none;
    margin-left: 30%;
}
.boleta__datos p:nth-child(1) {
    font-size: 1.5rem;
    text-align: center;
    margin-left: 0;
}
.presentacion {
    width: 100%;
    height: 100vh;
    position: absolute;
}
.boleta__td td {
    font-weight: 700;
}

.dn {
    display: none;
}
.db {
    display: block;
}
.mb-0 {
    margin-bottom: 0;
}

/** INICIO **/
.header-inicio__hero {
    background-image: url(/img/Inicio/herramienta1.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 30rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-inicio__logo {
    height: 13rem; /* 15 */
    background-color: rgba(255, 133, 51, 0.663);
    border-radius: 1rem;
    padding: 0.5rem;
}
.nav {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 1rem 0;
    background-color: var(--naranjaClaro);
    gap: 1rem;
}
.nav__button {
    background: none;
    border: none;
}
.nav__logo {
    max-height: 10rem;
}
.nav__btn {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0;
}
.nav__btn:hover {
    color: white;
    font-size: 2rem;
}
@media (min-width: 768px) {
    .nav {
        flex-direction: row;
    }
    .header-inicio__hero {
        height: 50rem;
    }
}
@media (min-width: 1024px) {
    .header-inicio__hero {
        height: 70rem;
    }
    .header-inicio__logo {
        height: 20rem;
    }
}

.servicios {
    margin: 0 auto;
    width: 90%;
}
.servicios__title {
    text-align: center;
    font-size: 4rem;
}
.servicios__lista {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.servicios__campo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    background: #1c1d1e;
    padding: 1.5rem;
    text-align: justify;
    border-radius: 0.5rem;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    transform: scale(0);
}
.servicios__animacion-off {
    transform: scale(1);
}
.servicios__animacion {
    animation: servicios__animation 1s ease 0s 1 normal forwards;
}
.servicios__campo:hover {
    animation: serv-camp 2s ease 0s 1 normal forwards;
}
@keyframes servicios__animation {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}
@keyframes serv-camp {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	/* 100% {
		transform: scale(1);
	} */
}
.servicios__texto {
    margin: 0;
}
.servicios__ticket {
    height: 5rem;
    width: 5rem;
}
.servicios__btn {
    background: var(--azul);
    border: none;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 0.3rem;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.servicios__btn:hover {
    background-color: var(--azulOscuro);
}
@media (min-width: 768px) {
    .servicios__lista {
        display: grid;
        grid-template-columns: repeat(5,1fr);
        margin: 3rem;
        column-gap: 2rem;
        align-items: center;
    }
    .servicios__texto {
        display: flex;
        align-items: center;
        height: 80%;
    }
    .servicios__campo{ 
        text-align: center;
    }
    .servicios__campo:nth-child(1) {
        grid-column: 3/4;
        grid-row: 1/2;
        transform: scale(1);
        height: 50rem;
    }
    .servicios__campo:nth-child(2) {
        grid-column: 2/3;
        grid-row: 1/2;
        height: 45rem;
    }
    .servicios__campo:nth-child(3) {
        grid-column: 4/5;
        grid-row: 1/2;
        height: 45rem;
    }
    .servicios__campo:nth-child(4) {
        grid-row: 1/2;
        grid-column: 1/2;
        height: 40rem;
    }
    .servicios__campo:nth-child(5) {
        grid-row: 1/2;
        grid-column: 5/6;
        height: 40rem;
    }
    .servicios__texto {
        font-size: 2rem;
    }
}

.catalogos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5rem;
    flex-direction: row;
}
.catalogos_img {
    height: 50rem;
    width: 40rem;
    margin: 1rem;
}
@media (max-width: 1024px) {
    .catalogos {
        flex-direction: column !important;
    }
    
}

.nosotros {
    background-color: var(--naranjaClaro);
    margin-top: 5rem;
}
.nosotros__contenedor {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 1rem;
}
.nosotros__titulo {
    font-size: 4rem;
    margin: 0;
    padding: 2rem;
    text-align: center;
}
.nosotros__img {
    height: 30rem;
    width: 100%;
    margin-bottom: 1rem;
}
.nosotros__text {
    text-align: justify;
}

@media (min-width: 768px) {
    .nosotros__img {
        margin-bottom: 0;
        height: 40rem;
    }
    .nosotros__flex {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        gap: 2rem;
    }
}
@media (min-width: 1024px) {
    .nosotros__flex-text {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

.bases {
    width: 90%;
    margin: 0 auto;
}
.vision {
    text-align: center;
}
.vision__img {
    display: none;
}
.mision {
    text-align: center;
}
.mision__img {
    height: 30rem;
    width: 35rem;
    object-fit: cover;
}
.mision__texto {
    text-align: justify;
}

@media (min-width: 768px ) {
    .vision {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        margin-top: 2rem;
        align-items: center;
        gap: 2rem;
    }
    .vision__campo {
        grid-column: 1/3;
    }
    .vision__img {
        display: block;
        height: 20rem;
    }

    .mision {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        margin-top: 2rem;
        align-items: center;
        gap: 2rem;
    }
    .mision__campo {
        grid-column: 2/4;
    }
    .mision__img {
        grid-column: 1/2;
        grid-row: 1/2;
    }
}

.galeria__titulo {
    text-align: center;
    font-size: 4rem;
    margin-bottom: 0;
}
.splide__slide img {
    height: 32rem;
    width: 100%;
    object-fit: fill;
}
@media (min-width: 768px) {
    .splide  {
        margin: 0 auto;
    }
    .splide__slide img {
        height: 50rem;
    }
}

.horario__titulo {
    font-size: 4rem;
    text-align: center;
}
.tabla {
    width: 100%;
    border: .5rem solid var(--naranjaClaro);
    text-align: center;
    border-collapse: collapse;
}
.tabla__thead {
    background-color: var(--naranjaClaro);
}
.tabla__th{
    padding: 2rem;
    font-size: 2.2rem;
}
.tabla__tr:hover{
    background-color: var(--naranjaOscuro);
}
.tabla__td{
    padding: 1rem;
    font-size: 2.2rem;
}

.contacto {
    width: 90%;
    margin: 0 auto;
}
.contacto__titulo {
    font-size: 4rem;
    text-align: center;
}
.contacto__campo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 2rem;
}
.contacto__icono {
    height: 4rem;
    width: 4rem;
}
.contacto__text {
    font-size: 2rem;
}
.contacto__logo {
    height: 13rem;
    margin: 0 auto;
    display: flex;
    margin-bottom: 2rem;
    cursor: pointer;
    background-color: rgba(255, 133, 51, 1);
    border-radius: 1rem;
    padding: 0.5rem;
}
@media (min-width: 768px) {
    .datos {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        margin: 0 2rem 2rem 2rem;
    }
    .contacto__logo {
        height: 20rem;
        justify-content: center;
        align-items: center;
        margin-bottom: 0;
    }
}

/** BALANCE*/
.balance table tr th:nth-child(1) {
    width: 20%;
}
.balance table td {
    text-align: center;
    font-size: 1.4rem;
}
.balance_tablas{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1.5rem;
}

/** INICIO UPDATE */
.back__main {
    background-color: #262626;
    color: #c0c0c0;
    overflow: hidden;
}
.over {
    overflow: hidden;
}
.hero__main {
    background: linear-gradient(to bottom, rgba(37,37,37,1) 0%, transparent 15%, transparent 95%, rgba(37,37,37,1) 100%), url(/img/Inicio/grupo2.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    /* filter: blur(2.5px);
    -webkit-filter: blur(2.5px); */
    height: 41rem;
}
.hero__espacio {
    height: 20rem;
}
.hero__logo {
	-webkit-animation: hero__logo 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: hero__logo 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    position: absolute;
    width: 28rem;
    top: 50%;
    left: 20%;
    background: rgb(105 105 105 / 58%);
    padding: 1rem;
    border-radius: 1rem;
}
@media (min-width: 768px) {
    
    .hero__main {
        background: linear-gradient(to bottom, transparent 0%, rgba(37,37,37,1) 95%), url(/img/Inicio/grupo2.webp);
        background-size: cover;
        height: 100rem;
    }
    .hero__espacio {
        height: 0;
    }
    .hero__logo {
        width: 45rem;
        top: 30%;
        left: 35%;
    }
}
@-webkit-keyframes hero__logo {
    0% {
      -webkit-transform: translateY(1000px);
              transform: translateY(1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
@keyframes hero__logo {
    0% {
      -webkit-transform: translateY(1000px);
              transform: translateY(1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }

.lista__opciones {
    position: absolute;
    top: 0%;
    left: 40%;
    display: flex;
    flex-direction: row;
    align-items: start;
    background-color: rgba(0, 0, 0, 25%);
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.lista__opcion {
    list-style: none;
}
.lista__link {
    position: relative;
    display: block;
    text-transform: uppercase;
    margin: 2rem 0;
    padding: 1rem 2rem;
    text-decoration: none;
    color: #c0c0c0;
    font-size: 1.8rem;
    font-weight: 700;
    transition: .5s;
    z-index: 1;
}
.lista__link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 2px solid #262626;
    border-bottom: 2px solid #262626;
    transform: scaleY(2);
    opacity: 0;
    transition: .3s;
}
.lista__link::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #262626;
    transform: scale(0);
    opacity: 0;
    transform: .3s;
    z-index: -1;
}
.lista__link:hover {
    color: #fff;
}
.lista__link:hover::before {
    transform: scaleY(1);
    opacity: 1;
}
.lista__link:hover::after {
    transform: scaleY(1);
    opacity: 1;
}
.lista {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0 2px 24px 0 rgb(0 0 0 / 15%);
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    padding-top: 0px;
    padding-bottom: 0px;
}
@media (max-width: 768px) {
    .lista {
        position: absolute;
    }
    .lista__back {
        background-color: none;
    }
    .lista__opciones {
        flex-direction: column;        
        align-items: center;
        left: 25%;
    }
    .lista__link {
        margin: 0;
        padding: 1rem 0;
    }
    .hero__espacio {
        height: 32rem;
    }
}
.nuestros__servicios {
    text-align: center;
}
.nuestros__servicios-A {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.nuestros__servicios-AT {
    font-size: 5rem;
    color: #ff7f11;
}
@media (max-width: 768px) {

    .nuestros__servicios-A {
        grid-column: 1/3;
        margin: 0 3rem;
    }
}
@keyframes slide {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }
  
  .clientes {
    overflow: hidden;
    padding: 60px 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #515151);
    white-space: nowrap;
    position: relative;
    grid-column: 1/3;
    margin-top: 2rem;
  }
  
  .clientes:before,
  .clientes:after {
    position: absolute;
    top: 0;
    width: 250px;
    height: 100%;
    content: "";
    z-index: 2;
  }
  
  .clientes:before {
    left: 0;
  }
  
  .clientes:after {
    right: 0;
  }  
  .clientes-slide {
    display: inline-block;
    animation: 25s slide infinite linear;
  }
  
  .clientes-slide img {
    height: 6rem;
    margin: 0 40px;
    /* width: 15%;
    aspect-ratio: 3/2;
    object-fit: contain;
    mix-blend-mode: color-burn; */
  }

  @media (min-width: 768px) {

    .clientes-slide {
        animation: 20s slide infinite linear;
    }
}

.solicitud__estado-revison {
    background: #664DE5 !important;
}
.solicitud__estado-cancelado {
    background: #A01C48 !important;
}
.solicitud__estado-aprobado {
    background: #06837F !important;
}
.solicitud__estado-proceso {
    background: #ECA400 !important;
}
.solicitud__estado-entregado {
    background: green !important;
}
.sello {    
    background-color: #515151;
    padding: 2rem 0;
    border-radius: .5rem;  
    box-shadow: 0 2px 24px 0 rgb(0 0 0 / 15%);
}
.sello__container {
    width: 90%;
    margin: 0 auto;
}
.sello__titulo {
    text-align: center;
    font-size: 5rem;
    color: #ff7f11;
}
.sello__campo {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 2rem;
}
.sello__img {
    width: 35rem;
    height: 20rem;
    border-radius: 1rem;
    box-shadow: 0 2px 24px 0 rgb(0 0 0 / 15%);
    opacity: 0;
}
.sello__img img {
    box-shadow: 0 2px 24px 0 rgb(0 0 0 / 40%);
}
.sello__img-e {
    animation: selloimg 5s ease 0s 1 normal forwards;
}
.typing-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.typing-animation {
    overflow: hidden;
    white-space: nowrap;
    border-right: 0.15em solid orange;
    margin-bottom: 10px; /* Espacio entre los spans */
    opacity: 0;
    display: none;
}
.typing-animation-set {
    display: block;
    animation: typing 3s steps(40, end) forwards, blink-caret 0.75s step-end infinite;
}
@keyframes typing {
    0% {
        width: 0;
        opacity: 1;
    }
    100% {
        width: 100%;
        opacity: 1;
        border: none;
    }
}
@keyframes selloimg {
	0% {
        opacity: 1;
		transform: scale3d(1, 1, 1);
	}

	30% {
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		transform: scale3d(0.95, 1.05, 1);
	}

	75% {
		transform: scale3d(1.05, 0.95, 1);
	}

	100% {
        opacity: 1;
		transform: scale3d(1, 1, 1);
	}
}

@keyframes blink-caret {
    from, to {
        border-color: transparent;
    }
    50% {
        border-color: #e1e1e1;
    }
}

/* Añadimos clases para controlar la animación de cada span */
.typing-container span:nth-child(1) {
    animation-delay: 0s; /* Sin retraso para el primer span */
}
.typing-container span:nth-child(2) {
    animation-delay: 3s; /* 3s después de la finalización del primer span */
}

.typing-container span:nth-child(3) {
    animation-delay: 6s; /* 3s después de la finalización del segundo span */
}
.typing-container span:nth-child(4) {
    animation-delay: 9s; /* 3s después de la finalización del segundo span */
}
.typing-container span:nth-child(5) {
    animation-delay: 12s; /* 3s después de la finalización del segundo span */
}

@media (min-width: 768px) {
    .sello__campo {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 2rem;
        justify-items: center;
    }
    .sello__campo .typing-container {
        grid-row: 1/3;
        grid-column: 2/3;
        font-size: 2.3rem;
    }
    .sello__img {
        width: 40rem;
        height: 25rem;
    }
}

.noticias {
    width: 90%;
    margin: 0 auto;
}
.noticias__titulo {
    font-size: 5rem;
    color: #ff7f11;
    text-align: center;
}
.noticias__cuerpo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}
.noticias__card {
    background-color: #1c1d1e;
    padding: 1rem;
    border-radius: .5rem;
}
.noticias__card:hover{ 
    transform: scale(1.1);
    transition: 1s all;
}
.noticias__img img{
    max-width: 100%;
    max-height: 100%;
}
.noticias__body {
    display: flex;
    flex-direction: column;
}
.noticias__subtitulo {
    text-align: center;
    color: #c0c0c0 !important;
    margin: 1rem 0;
}
.noticias__texto {
    text-align: justify;
}
@media (min-width: 768px) {
    .noticias__card {
        width: 40rem;
    }
    .noticias__cuerpo {
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
}
.cotizacion {
    /* margin-top: 5rem; */
    background-image: url(/img/Inicio/heroportada.webp);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 80rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cotizacion__card {
    background-color: #1c1d1e;
    padding: 2rem;
    border-radius: .5rem;
}
.cotizacion__titulo {
    font-size: 4.5rem;
    color: #ff7f11;
    text-align: center;
    margin-bottom: 2rem;
}
.cotizacion__cuerpo {
    display: flex;
    gap: 2rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.cotizacion__texto-w {
    text-decoration: none;
    color: #e1e1e1;
    background: green;
    padding: 1rem;
    border-radius: 1rem;
    font-weight: 700;
    font-size: 2rem;
    cursor: pointer;
}
.cotizacion__texto-t {
    text-decoration: none;
    color: #e1e1e1;
    background: var(--azul);
    padding: 1rem;
    border-radius: 1rem;
    font-weight: 700;
    font-size: 2rem;
    cursor: pointer;
}
.cotizacion__texto-g {
    text-decoration: none;
    color: #e1e1e1;
    background: var(--rojo);
    padding: 1rem;
    border-radius: 1rem;
    font-weight: 700;
    font-size: 2rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cotizacion__a {
    color: #e1e1e1;
}
.footer {
    background-color: #1c1d1e;
}
.footer__grid {
    display: grid;
    padding-top: 3rem;
    grid-template-columns: repeat(1,1fr);
    justify-items: center;
}
.footer__contacto {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #e1e1e1;
    width: 90%;
}
.footer__a {
    text-decoration: none;
    color: #e1e1e1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.footer__titulo {
    font-size: 2rem;
    font-weight: 700;
    margin-top: 2rem;
}
.footer__horario {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #e1e1e1;
    width: 90%;
}
.footer__ubicacion {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #e1e1e1;
    width: 90%;
}
.footer_r {
    margin-top: 3rem;
    text-align: center;
}

@media (min-width: 768px) {
    .footer__grid {
        grid-template-columns: repeat(3,1fr);
    }
    .footer__ubicacion {
        border-bottom: none;
    }
    .footer__horario {
        border-bottom: none;
        border-right: 1px solid #e1e1e1;
    }
    .footer__contacto {
        border-bottom: none;
        border-right: 1px solid #e1e1e1;
    }
}
/** NOSOTROS */
.hero__nosotros {
    background: linear-gradient(to bottom, rgba(37,37,37,1) 0%, transparent 25%, transparent 70%, rgba(37,37,37,1) 100%), url(/img/Inicio/grupo3.webp);
    /* background-size: cover; */
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    /* filter: blur(2.5px);
    -webkit-filter: blur(2.5px); */
    height: 50rem;
    display: flex;
    justify-content: center;
    display: none;
}
.hero__espacio_nosotros {
    height: 35rem;
}
.nosotros__main {
    font-size: 5rem;
    font-weight: 700;
    color: #e1e1e1;
    text-transform: uppercase;
    margin-top: 1rem;
    /* padding-top: 3rem; */
    width: 30%;
    text-align: center;
    background: rgba(37,37,37,.8);
    border-radius: 1rem;
    height: fit-content;
    margin-left: 1rem;
}
.visionM {
    padding-right: 1rem;
    margin-top: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    background: linear-gradient(to top, #515151 0%, #515151 50%, transparent 100%);
    padding-top: 5rem;
}
.visionM__titulo {
    text-align: center;
    color: #ff7f11;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 2.8rem;
}
.visionM__img {
    height: 20rem;
    margin: 0 auto;
    margin: 1rem;
    background-color: rgb(255, 127, 17, 30%);
    padding: 1rem;
    border-radius: 1rem;
    display: none;
}
.visionM__texto {
    text-align: justify;
    width: 70%;
}
.visionM__ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-left: 2rem;
}
.visionM__ul li {
    margin: 0 0 0 3rem;
}
.misionM {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding-left: 1rem;
    /* background: linear-gradient(to bottom, #515151 0%, #515151 50%,transparent 100%); */
    background-color: #515151;
    padding-bottom: 5rem;
}
.misionM__titulo {
    text-align: center;
    color: #ff7f11;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 2.8rem;
}
.misionM__img {
    height: 20rem;
    margin: 0 auto;
    margin: 1rem;
    /* background-color: rgb(255, 127, 17, 30%); */
    /* padding: 1rem; */
    border-radius: .6rem;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.misionM__texto {
    text-align: justify;
    width: 70%;
}
.valores {
    padding-right: 1rem;
    /* margin-top: 4rem; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    background: linear-gradient(to bottom, #515151 0%, #515151 50%,transparent 100%);
    padding-top: 5rem;
}
.valores__titulo {
    text-align: center;
    color: #ff7f11;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 2.8rem;
}
.valores__img {
    height: 20rem;
    margin: 0 auto;
    margin: 1rem;
    /* background-color: rgb(255, 127, 17, 30%); */
    /* padding: 1rem; */
    border-radius: .6rem;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.valores__texto {
    text-align: justify;
    width: 70%;
}
.valores__ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-left: 2rem;
}
.valores__ul li {
    margin: 0 0 0 3rem;
}
.valores__bloque {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.equipo {

}
.equipo__grid {

}
.equipo__flex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20rem;
}
.equipo__persona{
    margin-bottom: 2rem;
    width: 38rem;
}
/* .equipo__contenedor {
    width: 30rem;
    height: 30rem;
} */
.equipo1__img {
    background-image: url(/img/Inicio/Equipo/a1.webp);
    height:30rem;
    width:30rem;
    background-repeat: no-repeat;
    background-position: 50% 80%;
    border-radius: 50%;
    background-size: 150%;
    margin: 0 auto;
    position: relative;
}
.equipo__idn {
    position: absolute;
    height: 8rem;
    top: 65%; 
}
.equipo__info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Fondo semitransparente */
    /* color: white; */
    text-align: center;
    padding: 20px;
    opacity: 0; /* Inicialmente, el texto estará oculto */
    transition: opacity 0.3s; /* Transición suave para la opacidad */
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    cursor: pointer;
}
.equipo__info:hover {
    opacity: 1;
}
.equipo__experiencia {
    font-weight: 700;
    font-size: 2rem;
}
.equipo__especializacion {
    font-weight: 700;
    font-size: 2rem;
}
.equipo2__img {
    background-image: url(/img/Inicio/Equipo/e3.webp);
    height:30rem;
    width:30rem;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 80%;
    border-radius: 50%;
    background-size: 150%;
    margin: 0 auto;
}
.equipo3__img {
    background-image: url(/img/Inicio/Equipo/je.webp);
    height:30rem;
    width:30rem;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 80%;
    border-radius: 50%;
    background-size: 150%;
    margin: 0 auto;
}
.equipo4__img {
    background-image: url(/img/Inicio/Equipo/p.webp);
    height:30rem;
    width:30rem;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 80%;
    border-radius: 50%;
    background-size: 150%;
    margin: 0 auto;
}
.equipo5__img {
    background-image: url(/img/Inicio/Equipo/mm.webp);
    height:30rem;
    width:30rem;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 80%;
    border-radius: 50%;
    background-size: 150%;
    margin: 0 auto;
}
.equipo6__img {
    background-image: url(/img/Inicio/Equipo/j.webp);
    height:30rem;
    width:30rem;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 80%;
    border-radius: 50%;
    background-size: 150%;
    margin: 0 auto;
}
.equipo7__img {
    background-image: url(/img/Inicio/Equipo/f1.webp);
    height:30rem;
    width:30rem;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 30%;
    border-radius: 50%;
    background-size: 120%;
    margin: 0 auto;
}
.equipo8__img {
    background-image: url(/img/Inicio/Equipo/i1.webp);
    height:30rem;
    width:30rem;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 80%;
    border-radius: 50%;
    background-size: 150%;
    margin: 0 auto;
}
.equipo9__img {
    background-image: url(/img/Inicio/Equipo/s1.webp);
    height:30rem;
    width:30rem;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    border-radius: 50%;
    background-size: 100%;
    margin: 0 auto;
}
.equipo10__img {
    background-image: url(/img/Inicio/Equipo/p1.webp);
    height:30rem;
    width:30rem;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 80%;
    border-radius: 50%;
    background-size: 150%;
    margin: 0 auto;
}
.equipo11__img {
    background-image: url(/img/Inicio/Equipo/kpp.webp);
    height:30rem;
    width:30rem;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 80%;
    border-radius: 50%;
    background-size: 150%;
    margin: 0 auto;
}
.equipo__img {
    background-image: url(/img/LogoIDN.webp);
    height:30rem;
    width:30rem;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    background-size: 90%;
    background-color: #515151;
    margin: 0 auto;
}
.equipo__text {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.equipo__nombre {
    font-weight: 700;
    color: #e1e1e1;
    text-align: center;
    width: 70%;
}
.equipo__cargo {
    font-size: 2rem;
    color: #e1e1e1;

}
@media (min-width: 768px) {
    .hero__espacio_nosotros {
        height: 0rem;
    }
    .hero__nosotros {
        display: block;
    }
    .visionM {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        justify-items: center;
        align-items: center;
    }
    .visionM__titulo {
        grid-column: 2/3;
        grid-row: 1/2;
    }
    .visionM__texto {
        grid-column: 2/3;
        grid-row: 2/3;
        font-size: 2rem;
    }
    .visionM__ul {
        align-items: center;
    }
    .visionM__ul li {
        margin: 0;
    }
    .valores {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        justify-items: center;
        align-items: center;
        margin: 0 0 4rem 0;
        padding-top: 0;
        padding-bottom: 4rem;
    }
    .valores__titulo {
        grid-column: 2/3;
        grid-row: 1/2;
    }
    .valores__texto {
        grid-column: 2/3;
        grid-row: 2/3;
        font-size: 2rem;
    }
    .valores__ul {
        align-items: center;
    }
    .valores__ul li {
        margin: 0;
    }
    .valores__img {
        height: 25rem;
        grid-row: 1/3;
    }
    .valores__bloque {
        grid-row: 1/3;
        flex-direction: row;
    }
    .misionM__img {
        height: 25rem;
        grid-row: 1/3;
    }

    .misionM {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        justify-items: center;        
        align-items: center;
        padding-top: 2rem;
    }
    .misionM__titulo {
        grid-column: 1/2;
        grid-row: 1/2;
    }
    .misionM__texto {
        grid-column: 1/2;
        grid-row: 2/3;
        font-size: 2rem;
    }
    .visionM__img {
        display: block;
        grid-column: 2/3;
        grid-row: 1/3;
        height: 28rem;
    }
    .equipo__grid {
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }
}

/** SERVICIOS */
.servicio__header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    margin-bottom: 5rem ;
}
.servicio__titulo {
    text-align: center;
}
.servicio__container{
    background-color: #e36712;
    /* background: linear-gradient(to bottom, #e36712 0%, #e36712 50%, transparent 100%); */
    width: 100%;
    padding: 3rem 0;
    display: flex;
    justify-content: center;    
    align-items: center;
}
.servicio__logo {
    height: 20rem;
    cursor: pointer;
}
.regresar {
    margin: 0 auto;
    width: 80%;
}
.regresar__btn {
    width: 100%;
    border: none;
    background-color: #FDC100;
    color: #515151;
    padding: 1rem;
    font-weight: 700;
    border-radius: .5rem;
    cursor: pointer;
}
.reparacion {
    text-align: justify;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 80%;
    margin: 0 auto;
}
.reparacion p span {
    color: #e36712;
    text-transform: uppercase;
    font-weight: 700;
}
.reparacion p strong {
    color: #e36712;
}
.reparacion__mantenimiento {
    width: 30rem;
    height: 30rem;
    margin: 0 auto;
    margin: 2rem 0;
    background-image: url(/img/Inicio/qr.webp);
    background-size: cover;
    background-position: center;
}
.rb {
    background-image: url(/img/Inicio/informe.webp);
}
.conoce {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 5rem;
}
.conoce h2{
    margin-top: 5rem;
    font-weight: 700;
    color: #e36712;
    text-transform: uppercase;
    font-size: 3rem;
    text-align: center;
}
@media (min-width: 768px) {
    .servicio__container {
        justify-content: flex-end;
        padding: 1rem 0;
    }
    .servicio__logo {
        height: 10rem;
        padding-right: 2rem;
    }
    .servicio__titulo {
        font-size: 5rem;
    }
    .regresar__btn {
        width: auto;
    }
}
.venta {
    text-align: justify;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 80%;
    margin: 0 auto;
}
.venta p strong {
    color: #e36712;
}
.venta__grid {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    align-items: center;
}
.venta__card {
    background-color: #515151;
    border-radius: 1rem;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.venta__card img {
    width: 20rem;
}
.venta__card:hover {
    transform: scale(1.1);
    transform: rotate(3deg);
    transition: .5s;
}
.venta__card div {
    height: 20rem;
    width: 20rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.venta__card div h1 {
    margin: 0;
    text-align: center;
    vertical-align: middle;
}
.insumos {
    text-align: justify;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 80%;
    margin: 0 auto;
}
.insumos p strong {
    color: #e36712;
}
.insumos p span {
    color: #e36712;
    text-transform: uppercase;
    font-weight: 700;
}
.fabriacion {
    text-align: justify;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 80%;
    margin: 0 auto;
}
.fabriacion p strong {
    color: #e36712;
}
.fabriacion p span {
    color: #e36712;
    text-transform: uppercase;
    font-weight: 700;
}
.torque {
    text-align: justify;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 80%;
    margin: 0 auto;
}
.torque p strong {
    color: #e36712;
}
.torque p span {
    color: #e36712;
    text-transform: uppercase;
    font-weight: 700;
}
.torque__grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80%;
    row-gap: 2rem;
}
.torque__grid img {
    width: 30rem;
    border-radius: 1rem;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.torque__grid img:hover {
    transform: scale(1.1);
    transform: rotate(3deg);
    transition: .3s;
}

.com {
    color: #005ea1 !important;
}

@media (min-width: 768px) {
    .torque p strong, .torque p, .torque p span {
        font-size: 2rem;
    }
    .torque {
        width: 70%;
    }
    .torque__grid {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        justify-content: center;
        justify-items: center;
        align-items: center;
        gap: .5rem;
        width: 120%;
    }
    .torque__grid img {
        width: 100%;
        height: 100%;
    }
    .torque__grid img:nth-child(1) {
        height: 30rem;
        width: 40rem;
    }
    .torque__grid img:nth-child(5) {
        grid-column: 3/4;
        grid-row: 1/3;
    }
    .insumos p strong, .insumos p, .insumos p span {
        font-size: 2rem;
    }
    .insumos {
        width: 50%;
    }
    .venta p strong, .venta p, .venta p span {
        font-size: 2rem;
    }
    .venta {
        width: 50%;
    }
    .venta__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .venta__card img {
        height: 20rem;
    }
    .fabriacion p strong, .fabriacion p, .fabriacion p span {
        font-size: 2rem;
    }
    .fabriacion {
        width: 50%;
    }
    .reparacion p strong, .reparacion p, .reparacion p span {
        font-size: 2rem;
        text-align: justify;
        padding: 1rem;
    }
    .reparacion {
        width: 60%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        justify-items: center;
        gap: 2rem;
    }
    .reparacion__mantenimiento {
        height: 30rem;
        width: 40rem;
    }
    .rb {
        grid-column: 1/2;
        grid-row: 2/3;
    }
    .rc {
        grid-column: 1/3;
    }
    .ra {
        width: 40rem;
    }
}
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
  }
  .modal-home {
      background: white;
    padding: 20px;
    border-radius: 8px;
    max-width: 700px;
    width: 100%;
    text-align: center;
    display: block;
    max-height: 800px;
    overflow: scroll;
  }
  @media (max-width: 768px) {
   .modal-home {
    max-height: 750px;
   } 
  }
  
  .close-button {
    background: #ff0000;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
  }
  .modal-link {
    font-size: 3rem;
    font-weight: 700;
  }
  .modal-p {
    color: black;
    font-size: 2rem;
  }

  .card-body-tarjeta {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .tarjeta {
    max-width: 1062px;
    max-height: 1950px;
  }
  .tarjeta__background{

      width: 9cm;
      padding: 20px;
      height: 12cm;
      font-family: 'Arial, sans-serif';
      background-color: #ffcc00;
      position: relative;
      border-radius: .5rem;
  }
  .tarjeta__contenedor {
    background-image: url('/img/LogoIDN.webp');
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    opacity: 1;
    width: 25%;
    height: 100%;
    position: absolute;
    top: 2px;
    right: 15px;
  }
  .tarjeta__contenedor2 {
    background-image: url('/img/LogoIDN.webp');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.25;
    width: 90%;
    height: 100%;
    position: absolute;
    top: 0;
  }
  .tarjeta__campo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 6px;
  }
  .tarjeta__input {
    background-color: #fff;
    width: 150px;
    padding: 0;
    position: relative;
    z-index: 10;
    flex: 1;
    font-size: 13px;
  }
  .tarjeta__campo {
    display: flex;
    align-items: center;
  }
  
  .tarjeta__campo span {
    width: 95px;
    font-weight: bold;
    font-size: 13px;
  }
  .tarjeta__titulo h1 {
    margin: 0;
    text-align: center;
  }
  .tarjeta__mantencion {
    border: 2px solid green;
    display: flex;
}
.tarjeta__prox {
    border: 2px solid red;
    display: flex;
  }
  .tarjeta_campo {
    display: flex;
    flex-direction: column;
  }
  
  .tarjeta_input_campo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 6px;
  }
  .tarjeta_input_campo label {
    width: 100px;
    font-size: 14px;
    font-weight: bold;
  }
  .tarjeta_titulo {
    text-align: center;
  }