@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

/* This is all you. */
/* Container Fluid */
.container {
    @apply mx-auto px-4 xl:px-24 2xl:px-44 ;
}

@font-face {
    font-family: "gob-cl";
    src: url("../fonts/gob-cl/gob-cl.woff2") format("woff2"),
         url("../fonts/gob-cl/gob-cl.woff") format("woff"),
         url("../fonts/gob-cl/gob-cl.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

.cl-input-container{
    @apply flex border border-slate-500;
}
.cl-input{
    @apply flex-1 focus:outline-none font-medium text-secondary dark:text-darkText bg-white dark:bg-transparent  p-2 placeholder:text-secondary dark:bg-darkTertiary  dark:placeholder:text-darkText
}

.cl-select{
   @apply w-full focus:outline-none font-medium text-secondary  dark:text-darkText bg-white dark:bg-transparent p-2 placeholder:text-secondary dark:bg-darkTertiary  dark:placeholder:text-darkText
}


.cl{
    font-family:gob-cl!important;

    font-style:normal;
    font-weight:100;
    font-variant:normal;
    line-height:1;
    speak:none;
    text-transform:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.cl-contrast::before {
    content: ""; 
    display: inline-block;

}

.cl-decrease-text:before{
    content: "";
    display: inline-block;
}

.cl-increase-text:before{
    content:"";
    display: inline-block;
}

.cl-claveunica:before{
    content:"";
    display: inline-block;
}

.cl-sound:before{
    content:"";
    display: inline-block;
}


.fondo-gsl{
    background-image: url('/svg/fondo_gsl.svg');
}
/* SPLIDE JS */
.splide__arrow--next{
    right: -12px!important;
}

.splide__arrow--prev{
    left: -12px!important;
}

.splide__pagination {
    bottom: -16px!important;

}