/* CSS - FORESAN HOME */


#Carusel-Cabecera {
    align-content: center;
    padding: 70px 60px;
    position: relative;
    max-height: 100vh;
}

#Carusel-Cabecera.light h1, #Carusel-Cabecera.light .DESK p {
    color: #1D452A !important;
}

#Carusel-Cabecera .background-cabecera {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

#Carusel-Cabecera .COL_Flex_40 {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    overflow: hidden;
}

#Carusel-Cabecera .COL_Flex_40 h1{
    margin-bottom: 40px;
    font-size: 4.5vw;
    line-height: 4.4vw;
}

.page-id-324 #Carusel-Cabecera .COL_Flex_40 h1{
    font-size: 4vw;
    line-height: 4.2vw;
}

#Carusel-Cabecera .COL_Flex_40 p{
    color: #fff;
    max-width: 80%;
    FONT-SIZE: 16PX;
    line-height: 24px;
}

#Carusel-Cabecera .BTN_ROW {
    margin-top: 40px;
}

#Carusel-Cabecera .COL_Flex_60 {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    overflow: hidden;
}

#Carusel-Cabecera .slick-slider-modulo-carrusel-home {
    width: 100%;
    height: calc(100vh - 155px);
}

#Carusel-Cabecera .slick-slider-modulo-carrusel-home .slick-list, #Carusel-Cabecera .slick-slider-modulo-carrusel-home .slick-track {
    height: 100%;
}

#Carusel-Cabecera .slick-slider-modulo-carrusel-home .IMG-Foresan{
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#Carusel-Cabecera .RRSS {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    padding: 20px 40px;
}

#Carusel-Cabecera .RRSS p {
    padding: 0;
    font-weight: 700;
    font-size: 20px;
    margin-right: 20px;
}

#Carusel-Cabecera .RRSS img {
    height: 40px;
    margin: 0 20px;
}


@media only screen and (max-width: 1340px){

    #Carusel-Cabecera {
    padding-top: 150px;
    }

    #Carusel-Cabecera .COL_Flex_40, #Carusel-Cabecera .COL_Flex_60 {
    flex-basis: 50%;
    }

    #Carusel-Cabecera .COL_Flex_40 {
    overflow: visible;
    }

}

@media only screen and (min-width: 1000px){
    #Carusel-Cabecera .MBL{
        display: none;
    }
}

@media only screen and (max-width: 999px){
    
    #Carusel-Cabecera {
        padding: 120px 20px;
        max-height: none;
    }

    #Carusel-Cabecera .DESK.BTN_ROW {
    display: none;
    }

    #Carusel-Cabecera .slick-slider-modulo-carrusel-home {
    height: auto;
    }

    #Carusel-Cabecera .COL_Flex_40, #Carusel-Cabecera .COL_Flex_60{
        flex-basis: 100%;
        text-align: center;
    }

    #Carusel-Cabecera .COL_Flex_40 .TXT-Card{
        margin: auto;
    }

    #Carusel-Cabecera .COL_Flex_40 h1 {
    font-size: 6.5vw;
    line-height: 7.4vw;
    }

    #Carusel-Cabecera .slick-slider-modulo-carrusel-home .IMG-Foresan {
    width: 80%;
    }

    #Carusel-Cabecera .DESK a{
        display: none;
    }

    #Carusel-Cabecera p{
        display: none;
    }

    #Carusel-Cabecera .COL_Flex_100 p{
        display: inherit;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        color: #1D452A;
        text-align: center;
    }

    #Carusel-Cabecera .BTN_ROW {
    text-align: center;
    }
}

@media only screen and (max-width: 700px){
    #Carusel-Cabecera .COL_Flex_40 h1, .page-id-324 #Carusel-Cabecera .COL_Flex_40 h1 {
    font-size: 8.5vw;
    line-height: 8.4vw;
    }

    #Carusel-Cabecera .slick-slider-modulo-carrusel-home .IMG-Foresan {
    width: 90%;
    }

}

@media only screen and (max-width: 500px){

    #Carusel-Cabecera .COL_Flex_100 p {
    font-size: 15px;
    line-height: 20px;
    }

    #Carusel-Cabecera .BTN_ROW {
    margin-top: 0px;
    }

    #Carusel-Cabecera .RRSS {
    padding: 20px 20px;
    }

    #Carusel-Cabecera .RRSS img {
    height: 35px;
    margin: 0 10px;
    }

    #Carusel-Cabecera .COL_Flex_40 h1, .page-id-324 #Carusel-Cabecera .COL_Flex_40 h1 {
    font-size: 40px;
    line-height: 42px;
    margin-bottom: 10px;
    }

}

#Ventajas {
    padding: 50px 60px;
}

#Ventajas .slick-track{
    display: flex;
}

#Ventajas .Card-Ventaja{
    padding: 40px 40px 10px;
    text-align: center;
    border-radius: 20px;
    margin: 10px;
    height: auto;
}

#Ventajas .Card-Ventaja img{
    max-width: 130px;
    margin: auto;
}

#Ventajas .Card-Ventaja p {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    margin-top: 28px;
    text-transform: uppercase;
    min-height:  4em;
}

#Ventajas .slick-arrow {
    height: 40px;
    width: auto;
    z-index: 9;
}

#Ventajas .slick-next  {
    right: -12px;
}

#Ventajas .slick-prev {
    left: -12px;
}

@media only screen and (max-width: 999px){
    #Ventajas {
    padding: 50px 20px;
    }   
}

#Video {
    position: fixed;
    height: 100vh;
    width: 100vw;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    z-index: 9999;
    top: 0;
    left: 0;
    padding: 0 4%;
}

#Video #BTN_Close {
    position: absolute;
    top: 35px;
    right: 46px;
    width: 40px;
    height: 40px;
    cursor:  pointer;
}

#Video iframe, #Video iframe.iframe-embed {
    max-height: 80%;
    margin: auto;
}

#Como-Usarlos .COL1 {
    position: relative;
    overflow: hidden;
}

#Como-Usarlos .COL1 .bg-video{
    max-width: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 157% !important;
    height: 100% !important;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

#Como-Usarlos .VerVideo {
    position: absolute;
    bottom: 30px;
    left: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

#Como-Usarlos .VerVideo img {
    height: 30px;
}

#Como-Usarlos .VerVideo p {
    font-weight: 600;
    font-size: 21px;
    line-height: 26px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-bottom: 0;
    padding-left: 20px;
}

#Como-Usarlos .COL2 {
    background: #1c4529;
    padding: 100px 80px;
    text-align: center;
}

#Como-Usarlos .COL2 p{
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 24px;
}

#Como-Usarlos .Cabecera {
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 24px !important;
    text-transform: uppercase;
    margin-bottom: 30px;
    padding-bottom: 0px !important;
}

#Como-Usarlos .Titulo {
    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 49px !important;
    margin-bottom: 40px;
    padding-bottom: 0px !important;
}

#Como-Usarlos .BTN {
    display: none;
    margin-top: 50px;
}

@media only screen and (max-width: 1500px){
    #Como-Usarlos .COL1 .bg-video {
    width: 260% !important;
    }   
}

@media only screen and (max-width: 1100px){
    #Como-Usarlos {
    flex-flow: wrap-reverse;
    }
    #Como-Usarlos .COL1 {
    height: 50vh;
    }
    #Como-Usarlos .COL_Flex_50 {
    flex-basis: 100%;
    }
}

@media only screen and (max-width: 999px){
    #Como-Usarlos .COL2 {
    padding: 80px 20px;
    }

    #Como-Usarlos {
    padding-bottom: 50px;
    }
}

@media only screen and (max-width:  500px){
    #Como-Usarlos .VerVideo {
    background: #1b4429;
    padding: 12px 22px;
    border-radius: 25px;
    bottom: 25px;
    left: 20px;
    }

    #Como-Usarlos .COL2 p {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 20px;
    }

    #Como-Usarlos .VerVideo img {
    height: 18px;
    }

    #Como-Usarlos .VerVideo p {
    font-size: 15px;
    line-height: 21px;
    }

    #Video #BTN_Close {
    right: 20px;
    filter: invert(100%);
    background: #000;
    border-radius: 50%;
    }

}

#Descubrelos {
    padding: 50px 60px;
}


#Descubrelos .Cabecera {
    text-align: center;
    max-width: 804px;
    margin: auto;
    margin-bottom: 50px;
}

#Descubrelos .Cabecera h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 49px;
    margin-bottom: 40px;
}

#Descubrelos .Cabecera p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    max-width: 90%;
    margin: auto;
}

#Descubrelos .Card-Producto{
    padding: 50px 40px 26px;
    text-align: center;
    border-radius: 20px;
    margin: 10px;
    position: relative;
}

#Descubrelos .Card-Producto img{
    max-width: 130px;
    margin: auto;
}

#Descubrelos .NombreVert {
    position: absolute;
    top: 25px;
    left: 22px;
    width: 18px;
}

#Descubrelos .Card-Producto p {
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    text-align: right;
}

#Descubrelos .slick-arrow {
    height: 40px;
    width: auto;
    z-index: 9;
}

#Descubrelos .slick-next  {
    right: -12px;
}

#Descubrelos .slick-prev {
    left: -12px;
}

#Descubrelos .BTN {
    position: absolute;
    top: 11px;
    right: 14px;
}

@media only screen and (max-width: 999px){

    #Descubrelos {
        padding: 0px 20px 50px;
    }

    #Descubrelos .Cabecera {
    margin-bottom: 10px;
    }

    #Descubrelos .Cabecera p {
    font-size: 15px;
    line-height: 20px;
    }

    #Descubrelos .Cabecera h2 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 30px;
    }

}

#Grid-Productos .COL_Flex_50{
    overflow: hidden;
}

#Grid-Productos .ROW1 .COL1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 50px;
    text-align: center;
}

#Grid-Productos .ROW1 .COL1 .Nombre {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 49px;
    color: #1D452A;
    padding-bottom: 18px;
}

.FilaEstrellasMedia {
    margin-bottom: 40px;
}

.FilaEstrellasMedia img {
    margin: 4px;
}

#Grid-Productos .ROW1 .COL1 p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #1D452A;
    max-width: 80%;
    margin: auto;
}

#Grid-Productos .ROW1 .COL1 .BTN {
    display: none;
}

#Grid-Productos .CELL-Imagen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#Grid-Productos .ROW1 .COL2 {
    display: flex;
    align-items: center;
}

#Grid-Productos .ROW1 .COL1 .BTN {
    margin-top: 40px;
}

#Grid-Productos .COL2 {
    background: #f5f5f5;
}

#Grid-Productos .COL2 img{
    width: 100%;
}

#Grid-Productos .ROW2 .COL2 {
    padding: 50px;
}

#Grid-Productos #F_Tipo {
    border-bottom: 1px solid #1D452A;

}

#Grid-Productos .Filtro-Tipo{
    position: relative;
}

#Grid-Productos .Filtro-Tipo.composicion p{
    font-size: 16px;
    line-height: 24px;

}

#Grid-Productos .Filtro-Tipo.composicion {
    display: none;
}

#Grid-Productos summary {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
    color: #1D452A;
    /*border-bottom: 1px solid #1D452A;*/
    padding: 15px 0;
}

#Grid-Productos summary::after {
    content: ' >';
    position: absolute;
    right: 0px;
    background: #1D452A;
    color: #fff;
    border-radius: 50%;
    width: 22px;
    height: 30px;
    font-size: 22px;
    padding-left: 11px;
    padding-top: 3px;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s ease;
    top: 28px;
}

#Grid-Productos .Filtro-Tipo[open] summary::after {
  transform: translateY(-50%) rotate(90deg);
}

#Grid-Productos details>summary {
    list-style: none;
    position: relative;
    cursor: pointer;
}

#Grid-Productos .slick-slider-modulo-valoraciones {
    margin-top: 40px;
    margin-bottom: 40px;
}

#Grid-Productos .BOX_Valoracion {
    background: #fff;
    border-radius: 20px;
    margin: 10px;
    padding: 40px 30px;
}

#Grid-Productos .TXT_Nombre_Valoracion {
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

#Grid-Productos .BOX_Valoracion .TXT_Ciudad_Valoracion {
    display: none;
}

#Grid-Productos .BOX_Valoracion .Bloque_Estrellas {
    display: inline-flex;
}

#Grid-Productos .BOX_Valoracion .Bloque_Estrellas img{
    margin: 1px;
}

#Grid-Productos .TXT_Titulo_Valoracion {
    display: none;
}

#Grid-Productos .Cont_Numeico {
    display: none;
}

#Grid-Productos .TXT_Comentario_Valoracion {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    margin-top: 50px;
}

#Grid-Productos .BTN_OPINION {
    text-decoration: underline;
    text-align: right;
    cursor: pointer;
/*    margin-right: 50px;
    margin-top: -38px;*/
    z-index: 9;
    position: relative;
    position: absolute;
    top: 20px;
    right: 60px;
}

#Grid-Productos .COL2 .slick-arrow {
    height: 28px;
    width: auto;
    z-index: 9;
}

#Grid-Productos .COL2 .slick-next  {
    right: -12px;
}

#Grid-Productos .COL2 .slick-prev {
    left: -12px;
}

.ROW-FORM {
    position: fixed;
    background: rgba(248,245,242,0.9);
    z-index: 9999;
    padding: 80px;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
}

.ROW-FORM .acf-form {
    width: 80vw;
    background: #1c452a;
    padding: 40px 50px;
    border-radius: 37px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow-y: auto;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.ROW-FORM .acf-form .Titulo {
    color: #fff;
    font-weight: 600;
    font-size: 25px;
    flex-basis: 100%;
}

.ROW-FORM .acf-fields > .acf-field {
    position: relative;
    margin: 0;
    padding: 16px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #1c452a;
}

.acf-fields {
    display: flex;
    flex-wrap: wrap;
}

.acf-field-63c010968a6e0, .acf-field-63c010b58a6e1, .acf-field-63c0145c4ae25, .acf-field-63c010f78a6e3 {
    flex-basis: 50%;
}

.acf-field-63c010d08a6e2, .acf-field-63c086db27440 {
    flex-basis: 100%;
} 

.acf-field input[type=text], .acf-field input[type=password], .acf-field input[type=date], .acf-field input[type=datetime], .acf-field input[type=datetime-local], .acf-field input[type=email], .acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field textarea, .acf-field select {
    background: #fffffe;
    border-radius: 10px;
}

@media only screen and (max-width: 999px){
    .ROW-FORM .acf-form {
    padding: 30px 20px;
    border-radius: 20px;
    }

    .ROW-FORM .acf-form .Titulo {
    font-size: 20px;
    padding-bottom: 10px;
    }

    .ROW-FORM .acf-fields > .acf-field {
    padding: 16px 6px;
    }

    #Formulario-Valoración .acf-field .acf-label label {
    font-size: 15px;
    line-height: 19px;
    }

}

@media only screen and (max-width: 500px){

    .ROW-FORM .acf-form {
    width: calc(100vw - 20px) !important;
    height: 85vh;
    }

    .ROW-FORM .acf-fields > .acf-field {
    padding: 16px 6px 4px;
    flex-basis: 100%;
    }

    #Formulario-Valoración .acf-field .acf-label label {
    font-size: 15px;
    line-height: 19px;
    }

    #Formulario-Valoración  textarea {
        height: 6em;
    }

    #acf-field_63c010f78a6e3 {
    --starsize: 2rem !important;
    }

    .ROW-FORM .message {
    font-size: 10px;
    line-height: 12px;
    }

    #Formulario-Valoración .select2-container .select2-selection--single {
    height: 40px !important;
    padding: 5px !important;
    }

    #Formulario-Valoración .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px !important;
    }

}

/* Responsive */

@media only screen and (max-width: 1300px){
    #Grid-Productos .TXT_Comentario_Valoracion {
    margin-top: 14px;
    }
    #Grid-Productos .BOX_Valoracion {
    padding: 20px 30px 0px;
    }

    #Grid-Productos .slick-slider-modulo-valoraciones {
    margin-top: 20px;
    margin-bottom: 30px;
    }
}

@media only screen and (max-width: 1150px){
    #Grid-Productos .ROW2 .COL2 {
    padding: 18px 40px;
    }
    #Grid-Productos .BTN_OPINION {
    padding: 0px;
    }
}

@media only screen and (max-width: 999px){

    #Grid-Productos .ROW1 {
    flex-direction: column-reverse;
    }

    #Grid-Productos .ROW1 .COL_Flex_50, #Grid-Productos .ROW2 .COL_Flex_50{
    flex-basis: 100%;
    }

    #Grid-Productos .ROW1 .COL2 {
    display: block;
    }

    #Grid-Productos .ROW2 .COL2 {
    padding: 50px;
    }

    #Grid-Productos .ROW1 .COL2 img {
        width: 90%;
        margin: 0px 0px 0px 9vw;
    }

}

@media only screen and (max-width: 700px){
    #Grid-Productos .ROW1 .COL1 p {
    max-width: 100%;
    }
}

@media only screen and (max-width: 500px){
    #Grid-Productos .BTN_OPINION {
    margin-right: 12px;
    margin-top: 14px;
    }

    #Grid-Productos .ROW1 .COL2 img {
    width: 100%;
    margin: 0px 0px 20px 0vw;
    }

    #Grid-Productos .ROW1 .COL1 .Nombre {
    font-size: 35px;
    line-height: 44px;
    padding-bottom: 12x;
    }

    .FilaEstrellasMedia img {
    margin: 4px;
    width: 20px;
    }

    #Grid-Productos .ROW1 .COL1 p {
    font-size: 15px;
    line-height: 20px;
    }

    #Grid-Productos .slick-slide {
    height: 40vh;
    }

    #Grid-Productos .slick-slide img{
    width: 100%;
    }

    #Grid-Productos .ROW2 .COL2 {
    padding: 25px 20px;
    }

    #Grid-Productos .BTN_OPINION {
    top: 45px;
    left: 0px;
    right: unset;
    font-size: 14px;
    margin: 0;
    }

    #Grid-Productos .slick-slider-modulo-valoraciones {
    margin-top: 40px;
    margin-bottom: 30px;
    }

    #Grid-Productos .BOX_Valoracion {
    margin: 0px;
    }

    #Grid-Productos summary {
    font-size: 20px;
    line-height: 25px;
    padding: 14px 0;
    }

    #Grid-Productos summary::after {
    width: 20px;
    height: 28px;
    }

    #Grid-Productos .BOX_Valoracion {
    padding: 25px 20px 0px;
    }

    #Grid-Productos #F_Tipo p{
    font-size: 14px;
    line-height: 22px;
    }

}

#Formulario-Valoración .acf-field .acf-label label {
    font-weight: 400;
    font-size: 17px;
    line-height: 21px;
    text-transform: uppercase;
    color: #FFFFFF;
}

#Formulario-Valoración .select2-container--default .select2-results__option--highlighted[aria-selected], #Formulario-Valoración .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #1b4429;
    color: #fff;
}

#Formulario-Valoración .select2-container--default .select2-results__option--highlighted[aria-selected], #Formulario-Valoración .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #1b4429;
    color: #fff;
    border-radius: 10px !important;
}

#Formulario-Valoración .select2-container .select2-selection--single {
    height: 48px;
    padding: 10px;
}

.ROW-FORM .acf-input input, .ROW-FORM .acf-input textarea {
    font-family: 'Montserrat';
}

#Formulario-Valoración .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 12px;
    right: 4px;
    width: 20px;
}

.acf-form-submit {
    margin-top: 20px;
}

#Formulario-Valoración  input[type=submit], #Formulario-Valoración .BTN_Foresan_Oscuro{
    background-color: #fffffe;
    font-weight: 500;
    font-size: 14px;
    color: #1D452A;
    text-transform: uppercase;
    border-radius: 20px !important;
    padding: 10px 20px;
    font-family: 'Montserrat';
    font-weight: 500;
}

#Formulario-Valoración .BTN_Foresan_Oscuro{
    cursor:  pointer;
    margin-left: 20px;
}

#Formulario-Valoración .select2-container.-acf .select2-selection {
    /* border-color: #7e8993; */
    border-radius: 10px;
    background: #fffffe;
}

#Formulario-Valoración .select2-container--default .select2-results__option--highlighted[aria-selected], #Formulario-Valoración .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #1b4429;
    color: #fff;
}

#Formulario-Valoración .select2-container--default .select2-results>.select2-results__options {
    font-family: 'Montserrat';
}

.ROW-FORM .message{
    color: #fff;
}

.ROW-FORM .message a{
    color: rgba(236, 240, 237, 0.5);
}

/*Estrellas */

#acf-field_63c010f78a6e3 {
  --dir: right;
  --fill: #fff;
  --fillbg: rgba(236, 240, 237, 0.15);
  --heart: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 21.328l-1.453-1.313q-2.484-2.25-3.609-3.328t-2.508-2.672-1.898-2.883-0.516-2.648q0-2.297 1.57-3.891t3.914-1.594q2.719 0 4.5 2.109 1.781-2.109 4.5-2.109 2.344 0 3.914 1.594t1.57 3.891q0 1.828-1.219 3.797t-2.648 3.422-4.664 4.359z"/></svg>');
  --star: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17.25l-6.188 3.75 1.641-7.031-5.438-4.734 7.172-0.609 2.813-6.609 2.813 6.609 7.172 0.609-5.438 4.734 1.641 7.031z"/></svg>');
  --stars: 5;
  --starsize: 3rem;
  --symbol: var(--star);
  --value: 1;
  --w: calc(var(--stars) * var(--starsize));
  --x: calc(100% * (var(--value) / var(--stars)));
  block-size: var(--starsize);
  inline-size: var(--w);
  position: relative;
  touch-action: manipulation;
  -webkit-appearance: none;
    cursor: pointer;
}

[dir="rtl"] #acf-field_63c010f78a6e3 {
  --dir: left;
}
#acf-field_63c010f78a6e3::-moz-range-track {
  background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
  block-size: 100%;
  mask: repeat left center/var(--starsize) var(--symbol);
}
#acf-field_63c010f78a6e3::-webkit-slider-runnable-track {
  background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
  block-size: 100%;
  mask: repeat left center/var(--starsize) var(--symbol);
  -webkit-mask: repeat left center/var(--starsize) var(--symbol);
}
#acf-field_63c010f78a6e3::-moz-range-thumb {
  height: var(--starsize);
  opacity: 0;
  width: var(--starsize);
}
#acf-field_63c010f78a6e3::-webkit-slider-thumb {
  height: var(--starsize);
  opacity: 0;
  width: var(--starsize);
  -webkit-appearance: none;
}
#acf-field_63c010f78a6e3 {
  display: block;
  font-family: ui-sans-serif, system-ui, sans-serif;
  background: transparent;
}


/* NO JS */
#acf-field_63c010f78a6e3--nojs::-moz-range-track {
  background: var(--fillbg);
}
#acf-field_63c010f78a6e3--nojs::-moz-range-progress {
  background: var(--fill);
  block-size: 100%;
  mask: repeat left center/var(--starsize) var(--star);
}
#acf-field_63c010f78a6e3--nojs::-webkit-slider-runnable-track {
  background: var(--fillbg);
}
#acf-field_63c010f78a6e3--nojs::-webkit-slider-thumb {
  background-color: var(--fill);
  box-shadow: calc(0rem - var(--w)) 0 0 var(--w) var(--fill);
  opacity: 1;
  width: 1px;
}
[dir="rtl"] #acf-field_63c010f78a6e3--nojs::-webkit-slider-thumb {
  box-shadow: var(--w) 0 0 var(--w) var(--fill);
}

/**/

#acf-field_63c010f78a6e3-alt {
    display: none;
}