/** Tipografías **/
@font-face {
    font-family: 'Moulpali';
    src: url("../../fonts/Moulpali/Moulpali-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: regular;
}
@font-face {
    font-family: 'BebasNeue';
    src: url("../../fonts/BebasNeue/BebasNeue-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: regular;
}
.tx-moulpali{
    font-family: 'Moulpali';
}
.tx-bebas{
    font-family: 'BebasNeue';
}

.nav-imss{
    height: 10em;
    width: 100%;
    position: relative;
    z-index: 1;
}
.nav-imss li{
    line-height: 0.5;
    padding-top: 3.3em;
}
.tx-logo-imss{
    font-size: 6em;
    font-weight: 700;
    color: #fff;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.75);
    font-family: 'Moulpali';
    text-decoration: none;
}
.tx-logo-imss:hover{
    color: #fff !important;
}
.hr-imss{
    border: 0.2em solid #1d685e;
    width: 100%;
    z-index: 3;
    top:-2em;
    position: relative;
}
.tx-logom-imss{
    font-size: 1.5em;
    font-weight: 600;
    color: #fff;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.75);
    font-family: 'Moulpali';
    text-decoration: none;
    width: 45vw;
}
/** Sombras **/
.shadow-1{
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.tx-shadow-msk{
    text-shadow: -1px 5px 4px rgba(27, 34, 28, 0.35);
}
/** botones **/
.btn-gold{
    background-color: #b49261;
    color: #fff;
    border-color: #d2ba9a;
}
.btn-gold:hover{
    background-color: #d2ba9a;
    color: #fff;
    border-color: #d2ba9a;
}
.btn-cafe{
    background-color: #b49261;
    color: #fff;
    border-color: #b49261;
    outline: orangered;
}
.li-u{
    list-style-type: none;
}
.li-t{
    list-style-type: none;
}
/** Efectos botones **/
.btn-verde-3:hover {
    transform: scale(0.98);
    box-shadow: 3px 2px 22px 1px rgba(223,237,214, 0.24);
    color: #28554b;
}

/** Fondos **/
.bg-gris-1{
    background-color: #f7f6f6;
}
.bg-gris-2{
    background-color: #c0c0c0;
}
.bg-verde-3{
    background-color: #dfedd6;
}
.bg-verde-4{
    background-color: #559083;
}
.bg-verde-5, .horizontal-menu .bottom-navbar{
    background-color: lch(40.7% 30.42 177.85);
}
.bg-azul-1{
    background-color: #d1dded;
}
.bg-azul-2{
    background-color: #0844a4;
}
.bg-cafe-1{
    background-color: #d2ba9a;
}
.bg-cafe-2{
    background-color: #7b4812;
}
.bg-crema-1{
    background-color: #fefce0;
}
.bg-white{ background-color: #fff; }
.bg-red{ background-color: #f44336;}
/** Colores **/
.tx-blanco-0{
    color: #fff;
}
.tx-verde-1{
    color: #849c96
}
.tx-verde-2{
    color: #559083;
}
.tx-verde-4{
    color: #086d5d;
}
.tx-verde-5{
    color: lch(40.7% 30.42 177.85);
}
.tx-gold-1{
    color: #d2ba9a;
}
.tx-gold-2{
    color: #b49261;
}
.tx-cafe-1{
    color: #d2ba9a;
}
.tx-cafe-2{
    color: #7b4812;
}
.tx-gray-100{ color: #f7fafc; }
.tx-gray-200{ color: #edf2f7; }
.tx-gray-300{ color: #e2e8f0; }
.tx-gray-400{ color: #cbd5e0; }
.tx-gray-500{ color: #a0aec0; }
.tx-gray-600{ color: #718096; }
.tx-gray-700{ color: #4a5568; }
.tx-gray-800{ color: #2d3748; }
.tx-gray-900{ color: #1a202c; }

/** Tamaños **/
.tx-7{
    font-size: 7px;
}
.tx-8{
    font-size: 8px;
}
.tx-9{
    font-size: 9px;
}
.tx-10{
    font-size: 10px;
}
.tx-11{
    font-size: 11px;
}
.tx-12{
    font-size: 12px;
}
.tx-13{
    font-size: 13px;
}
.tx-14{
    font-size: 14px;
}
.tx-15{
    font-size: 15px;
}
.tx-16{
    font-size: 16px;
}
.tx-17{
    font-size: 17px;
}
.tx-18{
    font-size: 18px;
}
.tx-19{
    font-size: 19px;
}
.tx-20{
    font-size: 20px;
}
.tx-21{
    font-size: 21px;
}
.tx-22{
    font-size: 22px;
}
.tx-23{
    font-size: 23px;
}
.tx-24{
    font-size: 24px;
}
.tx-26{
    font-size: 26px;
}
.tx-28{
    font-size: 28px;
}
.tx-30{
    font-size: 30px;
}
.tx-32{
    font-size: 32px;
}
.tx-34{
    font-size: 34px;
}
.tx-36{
    font-size: 36px;
}

.tx-100{ font-weight: 100; }
.tx-200{ font-weight: 200; }
.tx-300{ font-weight: 300; }
.tx-400{ font-weight: 400; }
.tx-500{ font-weight: 500; }
.tx-600{ font-weight: 600; }
.tx-700{ font-weight: 700; }
.tx-800{ font-weight: 800; }
.tx-900{ font-weight: 900; }


/** Botones **/
.btn-redondo{
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 0px;
    font-size: 20px;
    line-height: 1.42857143;
}
.btn-redondo-2{
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font-size:9px;
    line-height: 0.7;
    padding:4px 3px 2px 3px;
    margin-left: 5px;
}
.btn-verde-1{
    background-color: #559083;
    color: #d8e6e2;
    border-color: none;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}
.btn-verde-1:hover, .btn-verde-1.active{
    background-color: #28554b;
    color: #fff;
}
.btn-verde-2{
    background-color: #849c96;
    color: #fff;
    border-color: #d2ba9a;
}
.btn-verde-2:hover{
    background-color: #849c96;
    color: #559083;
    border-color: #d2ba9a;
}
.btn-verde-3{
    background-color: #dfedd6;
    color: #28554b;
    border-color: #dfedd6;
    box-shadow: 0px 2px 5px 0px rgba(39, 54, 45, 0.75);
}
.btn-verde-3:hover{
    background-color: #dfedd6;
    color: rgb(24, 51, 44);
    border-color: #dfedd6;
    box-shadow: 0px 2px 5px 0px rgba(39, 54, 45, 0.75);
}
/** Bordes **/
.bd{
    border: 1px solid;
}
.bd-2{
    border: 2px solid;
}
.bd-verde{
    border-color: #086d5d;
    border-width: 1px;
    border-style: solid;
}
.bd-azul{
    border-color: #0844a4;
    border-width: 1px;
    border-style: solid;
}
.bd-gris{
    border-color: #c0c0c0;
    border-width: 1px;
    border-style: solid;
}
/** Alturas **/
.ht-10{ height: 10px; }
.ht-20{ height: 20px; }
.ht-30{ height: 30px; }
.ht-40{ height: 40px; }
.ht-50{ height: 50px; }
.ht-60{ height: 60px; }
.ht-70{ height: 70px; }
.ht-80{ height: 80px; }
.ht-90{ height: 90px; }
.ht-100{ height: 100px; }
.ht-110{ height: 110px; }
.ht-120{ height: 120px; }
.ht-130{ height: 130px; }
.ht-140{ height: 140px; }
.ht-150{ height: 150px; }
.ht-160{ height: 160px; }
.ht-170{ height: 170px; }
.ht-180{ height: 180px; }
.ht-190{ height: 190px; }
.ht-200{ height: 200px; }
.ht-250{ height: 250px; }
.ht-300{ height: 300px; }
.ht-350{ height: 350px; }
.ht-400{ height: 400px; }
.ht-450{ height: 450px; }
.ht-500{ height: 500px; }
.ht-70vh{ height: 70vh; }
.ht-75vh{ height: 75vh; }
.ht-80vh{ height: 80vh; }

/** Anchos **/
.wd-10{ width: 10px; }
.wd-20{ width: 20px; }
.wd-30{ width: 30px; }
.wd-40{ width: 40px; }
.wd-50{ width: 50px; }
.wd-60{ width: 60px; }
.wd-70{ width: 70px; }
.wd-80{ width: 80px; }
.wd-90{ width: 90px; }
.wd-100{ width: 100px; }
.wd-110{ width: 110px; }
.wd-120{ width: 120px; }
.wd-130{ width: 130px; }
.wd-140{ width: 140px; }
.wd-150{ width: 150px; }
.wd-160{ width: 160px; }
.wd-170{ width: 170px; }
.wd-180{ width: 180px; }
.wd-190{ width: 190px; }
.wd-200{ width: 200px; }
.wd-250{ width: 250px; }
.wd-300{ width: 300px; }
.wd-350{ width: 350px; }
.wd-400{ width: 400px; }
.wd-450{ width: 450px; }
.wd-500{ width: 500px; }
.wd-550{ width: 550px; }
.wd-600{ width: 600px; }
.wd-650{ width: 650px; }
.wd-700{ width: 700px; }
.wd-750{ width: 750px; }
.wd-800{ width: 800px; }
.wd-850{ width: 850px; }
.wd-900{ width: 900px; }
.wd-950{ width: 950px; }
.wd-1000{ width: 1000px; }

.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.w-100 { width: 100%; }
/** Badge **/
.badge-verde-1{
    font-family: "Moulpali";
    background-color: lch(95.17% 6.66 129.55);
    color: #28554b;
    border-color: #c0c0c0;
    font-weight: 400;
}
/** fx liu**/
.fx-logo{
    position: relative;
    bottom: 3rem;
    right: 1rem;
}

.fx-op{
    font-family: "Moulpali";
    font-size: 1.25rem !important;
    color: #086d5d !important;
    text-align: center;
    border: none !important;
}
.fx-op:active{
    background-color: #f7f6f6;
}
.fx-op-cbx{
    font-family: "Moulpali" !important;
    font-size: 1.25rem !important;
    color: #086d5d !important;
    text-align: center;
}
.fd-ed{
    padding-top: 2rem !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    border: #1d685e93 2px solid !important;
    border-radius: 5px;
    height: 20rem !important;
}
.ml-0-25{
    margin-left: .25em !important;
}
.ml-0-5{
    margin-left: .5em !important;
}
.ml-1{
    margin-left: 1em !important;
}
.ml-2{
    margin-left: 2em !important;
}
.ml-3{
    margin-left: 3em !important;
}
.mr-1{
    margin-right: 1em !important;
}
.mr-2{
    margin-right: 2em !important;
}
.mr-3{
    margin-right: 3em !important;
}

/** Sombreado **/


/** Tablas **/
.table tbody td{
    font-family: 'Helvetica';
    font-size: 0.8em;
    color:#555;
    border:1px solid #d2ba9a;
    background: #fff;
}
.table thead th{
    font-family: 'BebasNeue';
    font-size:1em;
    text-align: center;
    border:1px solid #d2ba9a;
}
.table > :not(:last-child) > :last-child > *{
    border-bottom-color: #d2ba9a;
}
.table thead tr th.th-verde-1, .table tbody tr td.th-verde-1{ background-color: #559083; }
.table thead tr th.th-verde-2, .table tbody tr td.th-verde-2{ background-color: #849c96; }
.table thead tr th.th-verde-3, .table tbody tr td.th-verde-3{ background-color: #dfedd6; }
.table thead tr th.th-gris-1, .table tbody tr td.th-gris-1{ background-color: #f7f6f6; }
.table thead tr th.th-gris-2, .table tbody tr td.th-gris-2{ background-color: #c0c0c0; }
.table thead tr th.th-azul-1, .table tbody tr td.th-azul-1{ background-color: #d1dded; }
.table thead tr th.th-azul-2, .table tbody tr td.th-azul-2{ background-color: #0844a4; }
.table thead tr th.th-cafe-1, .table tbody tr td.th-cafe-1{ background-color: #d2ba9a; }
.table thead tr th.th-cafe-2, .table tbody tr td.th-cafe-2{ background-color: #7b4812; }
.table thead tr th.th-crema-1, .table tbody tr td.th-crema-1{ background-color: #fefce0; }
.table thead tr th.th-white, .table tbody tr td.th-white{ background-color: #fff; }
.table thead th.th-space, .table tbody td.td-space{
    border:none;
    background: transparent;
}
.table tr.tr-bd-1 td{
    border-style: solid;
    border-width: 1px;
}
.table td i {
    color: #086d5d;
}
.table-med th, .table-med td {
    white-space: normal;
} 
.tbl-bd-azul tbody tr td, .tbl-bd-azul thead tr th { 
    border-color: #0844a4;
    border-width: 1px;
    border-style: solid;
}
.tbl-bd-azul > :not(:last-child) > :last-child > *{
    border-bottom-color: #0844a4;
}
.tbl-bd-azul tbody tr:hover td{
    background: #c0c9d522;
}
/** Bordes **/
.bd-1{
    border: 1px solid;
}
.bd-2{
    border: 2px solid;
}
.bd-gold-1{
    border-color: #d2ba9a;
}
.bd-gold-2{
    border-color: #b49261;
}

.pagination .page-item.active .page-link {
    background-color: #d2ba9a;
    border-color: #d2ba9a;
}
/** GAP **/
.gap-0{ grid-gap: 0;gap: 0}
.gap-1{grid-gap: .25rem;gap: .25rem}
.gap-2{grid-gap: .5rem;gap: .5rem}
.gap-3{grid-gap: .75rem;gap: .75rem}
.gap-4{grid-gap: 1rem;gap: 1rem}
.gap-5{grid-gap: 1.25rem;gap: 1.25rem}
.gap-6{grid-gap: 1.5rem;gap: 1.5rem}
.gap-8{grid-gap: 2rem;gap: 2rem}
.gap-10{grid-gap: 2.5rem;gap: 2.5rem}
.gap-12{grid-gap: 3rem;gap: 3rem}
.gap-16{grid-gap: 4rem;gap: 4rem}
.gap-20{grid-gap: 5rem;gap: 5rem}
.gap-24{grid-gap: 6rem;gap: 6rem}
.gap-32{grid-gap: 8rem;gap: 8rem}
.gap-40{grid-gap: 10rem;gap: 10rem}
.gap-48{grid-gap: 12rem;gap: 12rem}
.gap-56{grid-gap: 14rem;gap: 14rem}
.gap-64{grid-gap: 16rem;gap: 16rem}
.gap-px{grid-gap: 1px;gap: 1px}
.col-gap-0{grid-column-gap: 0;column-gap: 0}
.col-gap-1{grid-column-gap: .25rem;column-gap: .25rem}
.col-gap-2{grid-column-gap: .5rem;column-gap: .5rem}
.col-gap-3{grid-column-gap: .75rem;column-gap: .75rem}
.col-gap-4{grid-column-gap: 1rem;column-gap: 1rem}
.col-gap-5{grid-column-gap: 1.25rem;column-gap: 1.25rem}
.col-gap-6{grid-column-gap: 1.5rem;column-gap: 1.5rem}
.col-gap-8{grid-column-gap: 2rem;column-gap: 2rem}
.col-gap-10{grid-column-gap: 2.5rem;column-gap: 2.5rem}
.col-gap-12{grid-column-gap: 3rem;column-gap: 3rem}
.col-gap-16{grid-column-gap: 4rem;column-gap: 4rem}
.col-gap-20{grid-column-gap: 5rem;column-gap: 5rem}
.col-gap-24{grid-column-gap: 6rem;column-gap: 6rem}
.col-gap-32{grid-column-gap: 8rem;column-gap: 8rem}
.col-gap-40{grid-column-gap: 10rem;column-gap: 10rem}
.col-gap-48{grid-column-gap: 12rem;column-gap: 12rem}
.col-gap-56{grid-column-gap: 14rem;column-gap: 14rem}
.col-gap-64{grid-column-gap: 16rem;column-gap: 16rem}
.col-gap-px{grid-column-gap: 1px;column-gap: 1px}
.gap-x-0{grid-column-gap: 0;column-gap: 0}
.gap-x-1{grid-column-gap: .25rem;column-gap: .25rem}
.gap-x-2{grid-column-gap: .5rem;column-gap: .5rem}
.gap-x-3{grid-column-gap: .75rem;column-gap: .75rem}
.gap-x-4{grid-column-gap: 1rem;column-gap: 1rem}
.gap-x-5{grid-column-gap: 1.25rem;column-gap: 1.25rem}
.gap-x-6{grid-column-gap: 1.5rem;column-gap: 1.5rem}
.gap-x-8{grid-column-gap: 2rem;column-gap: 2rem}
.gap-x-10{grid-column-gap: 2.5rem;column-gap: 2.5rem}
.gap-x-12{grid-column-gap: 3rem;column-gap: 3rem}
.gap-x-16{grid-column-gap: 4rem;column-gap: 4rem}
.gap-x-20{grid-column-gap: 5rem;column-gap: 5rem}
.gap-x-24{grid-column-gap: 6rem;column-gap: 6rem}
.gap-x-32{grid-column-gap: 8rem;column-gap: 8rem}
.gap-x-40{grid-column-gap: 10rem;column-gap: 10rem}
.gap-x-48{grid-column-gap: 12rem;column-gap: 12rem}
.gap-x-56{grid-column-gap: 14rem;column-gap: 14rem}
.gap-x-64{grid-column-gap: 16rem;column-gap: 16rem}
.gap-x-px{grid-column-gap: 1px;column-gap: 1px}
.row-gap-0{grid-row-gap: 0;row-gap: 0}
.row-gap-1{grid-row-gap: .25rem;row-gap: .25rem}
.row-gap-2{grid-row-gap: .5rem;row-gap: .5rem}
.row-gap-3{grid-row-gap: .75rem;row-gap: .75rem}
.row-gap-4{grid-row-gap: 1rem;row-gap: 1rem}
.row-gap-5{grid-row-gap: 1.25rem;row-gap: 1.25rem}
.row-gap-6{grid-row-gap: 1.5rem;row-gap: 1.5rem}
.row-gap-8{grid-row-gap: 2rem;row-gap: 2rem}
.row-gap-10{grid-row-gap: 2.5rem;row-gap: 2.5rem}
.row-gap-12{grid-row-gap: 3rem;row-gap: 3rem}
.row-gap-16{grid-row-gap: 4rem;row-gap: 4rem}
.row-gap-20{grid-row-gap: 5rem;row-gap: 5rem}
.row-gap-24{grid-row-gap: 6rem;row-gap: 6rem}
.row-gap-32{grid-row-gap: 8rem;row-gap: 8rem}
.row-gap-40{grid-row-gap: 10rem;row-gap: 10rem}
.row-gap-48{grid-row-gap: 12rem;row-gap: 12rem}
.row-gap-56{grid-row-gap: 14rem;row-gap: 14rem}
.row-gap-64{grid-row-gap: 16rem;row-gap: 16rem}
.row-gap-px{grid-row-gap: 1px;row-gap: 1px}
.gap-y-0{grid-row-gap: 0;row-gap: 0}
.gap-y-1{grid-row-gap: .25rem;row-gap: .25rem}
.gap-y-2{grid-row-gap: .5rem;row-gap: .5rem}
.gap-y-3{grid-row-gap: .75rem;row-gap: .75rem}
.gap-y-4{grid-row-gap: 1rem;row-gap: 1rem}
.gap-y-5{grid-row-gap: 1.25rem;row-gap: 1.25rem}
.gap-y-6{grid-row-gap: 1.5rem;row-gap: 1.5rem}
.gap-y-8{grid-row-gap: 2rem;row-gap: 2rem}
.gap-y-10{grid-row-gap: 2.5rem;row-gap: 2.5rem}
.gap-y-12{grid-row-gap: 3rem;row-gap: 3rem}
.gap-y-16{grid-row-gap: 4rem;row-gap: 4rem}
.gap-y-20{grid-row-gap: 5rem;row-gap: 5rem}
.gap-y-24{grid-row-gap: 6rem;row-gap: 6rem}
.gap-y-32{grid-row-gap: 8rem;row-gap: 8rem}
.gap-y-40{grid-row-gap: 10rem;row-gap: 10rem}
.gap-y-48{grid-row-gap: 12rem;row-gap: 12rem}
.gap-y-56{grid-row-gap: 14rem;row-gap: 14rem}
.gap-y-64{grid-row-gap: 16rem;row-gap: 16rem}
.gap-y-px{grid-row-gap: 1px;row-gap: 1px}

/** GRID **/
.grid {
display: grid
}

.grid-flow-row {
grid-auto-flow: row
}

.grid-flow-col {
grid-auto-flow: column
}

.grid-flow-row-dense {
grid-auto-flow: row dense
}

.grid-flow-col-dense {
grid-auto-flow: column dense
}

.grid-cols-1 {
grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-2 {
grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-3 {
grid-template-columns: repeat(3,minmax(0,1fr))
}

.grid-cols-4 {
grid-template-columns: repeat(4,minmax(0,1fr))
}

.grid-cols-5 {
grid-template-columns: repeat(5,minmax(0,1fr))
}

.grid-cols-6 {
grid-template-columns: repeat(6,minmax(0,1fr))
}

.grid-cols-7 {
grid-template-columns: repeat(7,minmax(0,1fr))
}

.grid-cols-8 {
grid-template-columns: repeat(8,minmax(0,1fr))
}

.grid-cols-9 {
grid-template-columns: repeat(9,minmax(0,1fr))
}

.grid-cols-10 {
grid-template-columns: repeat(10,minmax(0,1fr))
}

.grid-cols-11 {
grid-template-columns: repeat(11,minmax(0,1fr))
}

.grid-cols-12 {
grid-template-columns: repeat(12,minmax(0,1fr))
}

.grid-cols-none {
grid-template-columns: none
}

.auto-cols-auto {
grid-auto-columns: auto
}

.auto-cols-min {
grid-auto-columns: -webkit-min-content;
grid-auto-columns: min-content
}

.auto-cols-max {
grid-auto-columns: -webkit-max-content;
grid-auto-columns: max-content
}

.auto-cols-fr {
grid-auto-columns: minmax(0,1fr)
}

.col-auto {
grid-column: auto
}

.col-span-1 {
grid-column: span 1/span 1
}

.col-span-2 {
grid-column: span 2/span 2
}

.col-span-3 {
grid-column: span 3/span 3
}

.col-span-4 {
grid-column: span 4/span 4
}

.col-span-5 {
grid-column: span 5/span 5
}

.col-span-6 {
grid-column: span 6/span 6
}

.col-span-7 {
grid-column: span 7/span 7
}

.col-span-8 {
grid-column: span 8/span 8
}

.col-span-9 {
grid-column: span 9/span 9
}

.col-span-10 {
grid-column: span 10/span 10
}

.col-span-11 {
grid-column: span 11/span 11
}

.col-span-12 {
grid-column: span 12/span 12
}

.col-span-full {
grid-column: 1/-1
}

.col-start-1 {
grid-column-start: 1
}

.col-start-2 {
grid-column-start: 2
}

.col-start-3 {
grid-column-start: 3
}

.col-start-4 {
grid-column-start: 4
}

.col-start-5 {
grid-column-start: 5
}

.col-start-6 {
grid-column-start: 6
}

.col-start-7 {
grid-column-start: 7
}

.col-start-8 {
grid-column-start: 8
}

.col-start-9 {
grid-column-start: 9
}

.col-start-10 {
grid-column-start: 10
}

.col-start-11 {
grid-column-start: 11
}

.col-start-12 {
grid-column-start: 12
}

.col-start-13 {
grid-column-start: 13
}

.col-start-auto {
grid-column-start: auto
}

.col-end-1 {
grid-column-end: 1
}

.col-end-2 {
grid-column-end: 2
}

.col-end-3 {
grid-column-end: 3
}

.col-end-4 {
grid-column-end: 4
}

.col-end-5 {
grid-column-end: 5
}

.col-end-6 {
grid-column-end: 6
}

.col-end-7 {
grid-column-end: 7
}

.col-end-8 {
grid-column-end: 8
}

.col-end-9 {
grid-column-end: 9
}

.col-end-10 {
grid-column-end: 10
}

.col-end-11 {
grid-column-end: 11
}

.col-end-12 {
grid-column-end: 12
}

.col-end-13 {  grid-column-end: 13 }
.col-end-auto {  grid-column-end: auto }
.grid-rows-1 { grid-template-rows: repeat(1,minmax(0,1fr)) }
.grid-rows-2 {  grid-template-rows: repeat(2,minmax(0,1fr)) }
.grid-rows-3 {  grid-template-rows: repeat(3,minmax(0,1fr)) }
.grid-rows-4 {  grid-template-rows: repeat(4,minmax(0,1fr)) }
.grid-rows-5 {  grid-template-rows: repeat(5,minmax(0,1fr)) }
.grid-rows-6 {  grid-template-rows: repeat(6,minmax(0,1fr)) }
.grid-rows-none { grid-template-rows: none }


@media (width < 600px) and ( width > 320px) {
.sm-w-5 { width: 5%;  }
.sm-w-10 { width: 10%;  }
.sm-w-15 { width: 15%;  }
.sm-w-20 { width: 20%;  }
.sm-w-25 { width: 25%;  }
.sm-w-30 { width: 30%;  }
.sm-w-35 { width: 35%;  }
.sm-w-40 { width: 40%;  }
.sm-w-45 { width: 45%;  }
.sm-w-50 { width: 50%;  }
.sm-w-55 { width: 55%;  }
.sm-w-60 { width: 60%;  }
.sm-w-65 { width: 65%;  }
.sm-w-70 { width: 70%;  }
.sm-w-75 { width: 75%;  }
.sm-w-80 { width: 80%;  }
.sm-w-85 { width: 85%;  }
.sm-w-90 { width: 90%;  }
.sm-w-95 { width: 95%;  }
.sm-w-100 { width: 100%;  }

.sm-w-1\/3 { width: 33.333333%;  }
.sm-w-1\/2 { width: 50%;  }
.sm-w-2\/3 { width: 66.666667%; }
.sm-w-1\/4 { width: 25%;  }
.sm-w-3\/4 { width: 75%;  }
.sm-w-1\/5 { width: 20%;  }
.sm-w-2\/5 { width: 40%;  }
.sm-w-3\/5 { width: 60%;  }
.sm-w-4\/5 { width: 80%;  }
.sm-w-1\/6 { width: 16.666667%;  }
.sm-w-5\/6 { width: 83.333333%;  }
.sm-w-1\/12 { width: 8.333333%;  }
.sm-w-100 { width: 100%;  }
/* Ajuste de Grid */
.sm-grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) }
.sm-grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) }
.sm-grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) }
.sm-grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) }
.sm-grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) }
.sm-grid-cols-6 { grid-template-columns: repeat(6,minmax(0,1fr)) }
.sm-grid-cols-7 { grid-template-columns: repeat(7,minmax(0,1fr)) }
.sm-grid-cols-8 { grid-template-columns: repeat(8,minmax(0,1fr)) }
.sm-grid-cols-9 { grid-template-columns: repeat(9,minmax(0,1fr)) }
.sm-grid-cols-10 { grid-template-columns: repeat(10,minmax(0,1fr)) }
.sm-grid-cols-11 { grid-template-columns: repeat(11,minmax(0,1fr)) }
.sm-grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) }
.sm-col-span-1 { grid-column: span 1/span 1  }
.sm-col-span-2 { grid-column: span 2/span 2  }
.sm-col-span-3 { grid-column: span 3/span 3  }
.sm-col-span-4 { grid-column: span 4/span 4  }
.sm-col-span-5 { grid-column: span 5/span 5  }
.sm-col-span-6 { grid-column: span 6/span 6  }
.sm-col-span-7 { grid-column: span 7/span 7  }
.sm-col-span-8 { grid-column: span 8/span 8  }
.sm-col-span-9 { grid-column: span 9/span 9  }
.sm-col-span-10 { grid-column: span 10/span 10  }
.sm-col-span-11 { grid-column: span 11/span 11  }
.sm-col-span-12 { grid-column: span 12/span 12  }
.sm-col-span-full { grid-column: 1/-1  }
.sm-col-start-1 { grid-column-start: 1  }
.sm-col-start-2 { grid-column-start: 2  }
.sm-col-start-3 { grid-column-start: 3  }
.sm-col-start-4 { grid-column-start: 4  }
.sm-col-start-5 { grid-column-start: 5  }
.sm-col-start-6 { grid-column-start: 6  }
.sm-col-start-7 { grid-column-start: 7  }
.sm-col-start-8 { grid-column-start: 8  }
.sm-col-start-9 { grid-column-start: 9  }
.sm-col-start-10 { grid-column-start: 10  }
.sm-col-start-11 { grid-column-start: 11  }
.sm-col-start-12 { grid-column-start: 12  }
.sm-col-start-auto { grid-column-start: auto  }
}
@media (width > 600px)  { ▼
.md-w-5 { width: 5%;  }
.md-w-10 { width: 10%;  }
.md-w-15 { width: 15%;  }
.md-w-20 { width: 20%;  }
.md-w-25 { width: 25%;  }
.md-w-30 { width: 30%;  }
.md-w-35 { width: 35%;  }
.md-w-40 { width: 40%;  }
.md-w-45 { width: 45%;  }
.md-w-50 { width: 50%;  }
.md-w-55 { width: 55%;  }
.md-w-60 { width: 60%;  }
.md-w-65 { width: 65%;  }
.md-w-70 { width: 70%;  }
.md-w-75 { width: 75%;  }
.md-w-80 { width: 80%;  }
.md-w-85 { width: 85%;  }
.md-w-90 { width: 90%;  }
.md-w-95 { width: 95%;  }
.md-w-100 { width: 100%;  }
.md-w-1\/3 { width: 33.333333%;  }
.md-w-1\/2 { width: 50%;  }
.md-w-2\/3 { width: 66.666667%; }
.md-w-1\/4 { width: 25%;  }
.md-w-3\/4 { width: 75%;  }
.md-w-1\/5 { width: 20%;  }
.md-w-2\/5 { width: 40%;  }
.md-w-3\/5 { width: 60%;  }
.md-w-4\/5 { width: 80%;  }
.md-w-1\/6 { width: 16.666667%;  }
.md-w-5\/6 { width: 83.333333%;  }
.md-w-1\/12 { width: 8.333333%;  }
.md-w-100 { width: 100%;  }
/** Ajuste de Grid */
.md-grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) }
.md-grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) }
.md-grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) }
.md-grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) }
.md-grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) }
.md-grid-cols-6 { grid-template-columns: repeat(6,minmax(0,1fr)) }
.md-grid-cols-7 { grid-template-columns: repeat(7,minmax(0,1fr)) }
.md-grid-cols-8 { grid-template-columns: repeat(8,minmax(0,1fr)) }
.md-grid-cols-9 { grid-template-columns: repeat(9,minmax(0,1fr)) }
.md-grid-cols-10 { grid-template-columns: repeat(10,minmax(0,1fr)) }
.md-grid-cols-11 { grid-template-columns: repeat(11,minmax(0,1fr)) }
.md-grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) }
.md-grid-cols-20 { grid-template-columns: repeat(20,minmax(0,1fr)) }
.md-col-span-1 { grid-column: span 1/span 1  }
.md-col-span-2 { grid-column: span 2/span 2  }
.md-col-span-3 { grid-column: span 3/span 3  }
.md-col-span-4 { grid-column: span 4/span 4  }
.md-col-span-5 { grid-column: span 5/span 5  }
.md-col-span-6 { grid-column: span 6/span 6  }
.md-col-span-7 { grid-column: span 7/span 7  }
.md-col-span-8 { grid-column: span 8/span 8  }
.md-col-span-9 { grid-column: span 9/span 9  }
.md-col-span-10 { grid-column: span 10/span 10  }
.md-col-span-11 { grid-column: span 11/span 11  }
.md-col-span-12 { grid-column: span 12/span 12  }
.md-col-span-full { grid-column: 1/-1  }
.md-col-start-1 { grid-column-start: 1  }
.md-col-start-2 { grid-column-start: 2  }
.md-col-start-3 { grid-column-start: 3  }
.md-col-start-4 { grid-column-start: 4  }
.md-col-start-5 { grid-column-start: 5  }
.md-col-start-6 { grid-column-start: 6  }
.md-col-start-7 { grid-column-start: 7  }
.md-col-start-8 { grid-column-start: 8  }
.md-col-start-9 { grid-column-start: 9  }
.md-col-start-10 { grid-column-start: 10  }
.md-col-start-11 { grid-column-start: 11  }
.md-col-start-12 { grid-column-start: 12  }
.md-col-start-auto { grid-column-start: auto  }
}
/** lg-grid **/
@media (width > 1024px)  { ▼
    .lg-w-5 { width: 5%;  }
    .lg-w-10 { width: 10%;  }
    .lg-w-15 { width: 15%;  }
    .lg-w-20 { width: 20%;  }
    .lg-w-25 { width: 25%;  }
    .lg-w-30 { width: 30%;  }
    .lg-w-35 { width: 35%;  }
    .lg-w-40 { width: 40%;  }
    .lg-w-45 { width: 45%;  }
    .lg-w-50 { width: 50%;  }
    .lg-w-55 { width: 55%;  }
    .lg-w-60 { width: 60%;  }
    .lg-w-65 { width: 65%;  }
    .lg-w-70 { width: 70%;  }
    .lg-w-75 { width: 75%;  }
    .lg-w-80 { width: 80%;  }
    .lg-w-85 { width: 85%;  }
    .lg-w-90 { width: 90%;  }
    .lg-w-95 { width: 95%;  }
    .lg-w-100 { width: 100%;  }

    .lg-w-1\/3 { width: 33.333333%;  }
    .lg-w-1\/2 { width: 50%;  }
    .lg-w-2\/3 { width: 66.666667%; }
    .lg-w-1\/4 { width: 25%;  }
    .lg-w-3\/4 { width: 75%;  }
    .lg-w-1\/5 { width: 20%;  }
    .lg-w-2\/5 { width: 40%;  }
    .lg-w-3\/5 { width: 60%;  }
    .lg-w-4\/5 { width: 80%;  }
    .lg-w-1\/6 { width: 16.666667%;  }
    .lg-w-5\/6 { width: 83.333333%;  }
    .lg-w-1\/12 { width: 8.333333%;  }
    .lg-w-100 { width: 100%;  }
    /** Ajuste de Grid */
    .lg-grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) }
    .lg-grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) }
    .lg-grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) }
    .lg-grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) }
    .lg-grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) }
    .lg-grid-cols-6 { grid-template-columns: repeat(6,minmax(0,1fr)) }
    .lg-grid-cols-7 { grid-template-columns: repeat(7,minmax(0,1fr)) }
    .lg-grid-cols-8 { grid-template-columns: repeat(8,minmax(0,1fr)) }
    .lg-grid-cols-9 { grid-template-columns: repeat(9,minmax(0,1fr)) }
    .lg-grid-cols-10 { grid-template-columns: repeat(10,minmax(0,1fr)) }
    .lg-grid-cols-11 { grid-template-columns: repeat(11,minmax(0,1fr)) }
    .lg-grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) }
    .lg-grid-cols-20 { grid-template-columns: repeat(20,minmax(0,1fr)) }
    .lg-col-span-1 { grid-column: span 1/span 1  }
    .lg-col-span-2 { grid-column: span 2/span 2  }
    .lg-col-span-3 { grid-column: span 3/span 3  }
    .lg-col-span-4 { grid-column: span 4/span 4  }
    .lg-col-span-5 { grid-column: span 5/span 5  }
    .lg-col-span-6 { grid-column: span 6/span 6  }
    .lg-col-span-7 { grid-column: span 7/span 7  }
    .lg-col-span-8 { grid-column: span 8/span 8  }
    .lg-col-span-9 { grid-column: span 9/span 9  }
    .lg-col-span-10 { grid-column: span 10/span 10  }
    .lg-col-span-11 { grid-column: span 11/span 11  }
    .lg-col-span-12 { grid-column: span 12/span 12  }
    .lg-col-span-full { grid-column: 1/-1  }
    .lg-col-start-1 { grid-column-start: 1  }
    .lg-col-start-2 { grid-column-start: 2  }
    .lg-col-start-3 { grid-column-start: 3  }
    .lg-col-start-4 { grid-column-start: 4  }
    .lg-col-start-5 { grid-column-start: 5  }
    .lg-col-start-6 { grid-column-start: 6  }
    .lg-col-start-7 { grid-column-start: 7  }
    .lg-col-start-8 { grid-column-start: 8  }
    .lg-col-start-9 { grid-column-start: 9  }
    .lg-col-start-10 { grid-column-start: 10  }
    .lg-col-start-11 { grid-column-start: 11  }
    .lg-col-start-12 { grid-column-start: 12  }
    .lg-col-start-auto { grid-column-start: auto  }
}
/** Estilos de input **/
.fx-bsq1{
    border-radius: 20px 0px 0px 20px !important;
}
.fx-bsq2{
    border-radius: 0px 20px 20px 0px !important;
}
.input-imss {
    border-radius: 4px 4px 4px 4px !important;
    border: solid #7b481293 1px !important;
    background-color: #fff !important;
    height: 28px !important;
    font-family: 'BebasNeue';

}
.fx-inp-imss{
    height: 35px !important;
    color: #585d68 !important;
    font-family: Arial, Helvetica, sans-serif;

}

.input-is {
    border-radius: 2px 2px 2px 2px !important;
    border: solid #7b481293 1px !important;
    background-color: #fff !important;
    height: 40px !important;
    weight: 100% !important;
    font-family: 'BebasNeue';
    font-size: 1em;

}
.fx-lg{
    border-radius: 5px 5px 0px 0px !important;
    border: solid #086d5c93 3px !important;
    background-color:  #fff !important;
    box-shadow: 5px 10px 5px 5px rgba(123,72,18,.25);
}

.bd-log{
    height: 100svh;
    background-image: url(../img/bd-log.svg);
    background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: cover;
}
/** Animaciones **/
@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slideInFromRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes growAndSlideInFromRight {
    0% {
        transform: scaleX(0) translateX(100%);
    }
    100% {
        transform: scaleX(1) translateX(0);
    }
}
@-webkit-keyframes spasmodic {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.btn-spasmodic:focus{
    -webkit-animation: spasmodic 0.5s both;
    animation: spasmodic 0.5s both;
}
.aparecer-desde-derecha {
    animation: slideInFromRight 2s ease;
}