:root {
    --color-blue: #00162E;
    --font-family: 'Poppins',sans-serif;
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

* {
    margin: 0;
    padding: 0
}

:disabled {
    background-color: #e6e6e6;
    color: #707070;
    cursor: not-allowed
}

body {
    font-family: var(--font-family);
    color: #353535;
    font-size: 16px
}

a {
    text-decoration: none
}

button:disabled {
    opacity: .5;
    cursor: not-allowed;
    color: gray;
    border: 1px solid gray
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 1rem;
    /* Positioning for the arrow */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><polygon points="0,0 10,0 5,5" fill="black"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
}

/* To ensure the select element works on smaller screens or if custom arrows are not desired in some cases */
select::-ms-expand {
    display: none;
}

.backdrop-blur-xl {
    backdrop-filter: blur(64px);
}
.bg-blue {
    background-color: var(--color-blue)
}
.bg-gray {
    background-color: #a1a1a1
}
.bg-gray-light {
    background-color: #dbdbdb
}
.bg-white {
    background-color: #fff;
}
.block {
    display: block
}
.border-b {
    border-bottom: 1px solid #d3d3d3
}
.container {
    max-width: 80rem;
    margin: 0 auto
}
.container2 {
    max-width: 90rem;
    margin: 5px auto
}
.flex {
    display: flex
}

.flex-col {
    flex-direction: column
}
.flex-row {
    flex-direction: row
}
.flex-wrap {
    flex-wrap: wrap
}

.font-semibold {
    font-weight: 500
}

.gap-2 {
    gap: .5rem
}

.gap-5 {
    gap: 2rem
}

.grid {
    box-sizing: border-box;
    display: grid
}
.grid-cols-2-busqueda {
    grid-template-columns: 1fr 20%;
    gap: 2rem
}
.grid-cols-2 {
    grid-template-columns: repeat(2,1fr)
}

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

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

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

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

.h-4 {
    height: 1rem
}

.h-6 {
    height: 1.5rem
}

.hidden {
    display: none
}

.items-center {
    align-items: center
}

.items-end {
    align-items: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-end {
    justify-content: flex-end
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-4 {
    margin-bottom: 1rem
}

.ml-2 {
    margin-left: .5rem
}

.mr-2 {
    margin-right: .5rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-10 {
    margin-top: 2.5rem
}
.my-1 {
    /* margin-top: .5rem;*/
    margin-bottom: 1rem
}
.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}
.my-11 {
    margin-top: 4rem;
    margin-bottom: 2.5rem
}

.min-h-screen {
    min-height: 100vh
}
.min-h-screen2 {
    min-height: 86vh
}
.min-h-screenP {
    min-height: 73vh
}
.opacity-0 {
    opacity: 0
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.pt-2 {
    padding-top: 0.5rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-6 {
    padding-top: 1.5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}
.padding-15 {
    padding:15px;
}
.relative {
    position: relative
}
.absolute {
    position: absolute
}

.text-center {
    text-align: center
}
.text-justify{
    text-align: justify 
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.text-s {
    font-size: .90rem;
    line-height: 1.75rem
}
.text-s2 {
    font-size: 1rem;
    line-height: 1.75rem
} 
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}
.text-1xl {
    font-size: 1.50rem;
    line-height: 1.75rem
}
.text-2xl {
    font-size: 1.5rem; /* 24px */
    line-height: 2rem; /* 32px */
}
.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}
.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-blue {
    color: var(--color-blue)
}

.text-gray {
    color: #686868
}

.text-red {
    color: #dc143c
}

.text-white {
    color: #fff
}
.fondo-white {
    background-color: #fff
}
.w-4 {
    width: 1rem
}

.w-6 {
    width: 1.5rem
}

.w-full {
    width: 100%
}
.linea {
    color: gray;
     font-size: 1.25rem; 
    border-bottom: 1px solid #d3d3d3;
     margin: 0 0 1rem ;
}
.linea-rb {
    color: #00162E;
    font-size: 1.25rem;
    border-bottom: 1px solid #00162E;
     margin: .5rem 0 .5rem; 
}
/* Estilo para cada ListItem individual */
.custom-radiobuttonlist input[type="radio"] {
    margin-right: 5px;
}

.custom-radiobuttonlist label { 
    margin-right: 10px;
}
.custom-radiobuttonlist2 input[type="radio"] {
    margin-right: 25px;
}

.custom-radiobuttonlist2 label {
    margin-left: 9px;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}