/* link-button-styles */
@import url("../vendors/ui-kit/button-link/button-link.css");
/* Centered Video Component */
@import url("./model_page/CenteredVideo.css");
/* SecuritySwiper Component */
@import url("./model_page/SecuritySwiper.css");
/* showcase_model Component */
/* @import url("./model_page/showcase_model.css"); */
/* Tecnologia de vehiculos Component */
@import url("./model_page/TecnologiaDeVehiculos.css");
/* Feedback o calificacion */
/*@import url("./model_page/calificacion.css");*/
/* Otros modelos */
@import url("./model_page/OtrosModels.css");
/* Galeria triple */
@import url("./model_page/galeriaTriplePDP.css");
/* Galeria Multiple */
@import url("./model_page/galeriaMultiplePDP.css");
/* ShowCase PDP */
@import url("./PDP/showcasePDP.css");
/* Calificación PDP o Feedback */
@import url("./model_page/calificacionPDP.css");
/* Diseño Interior PDP*/
@import url("./model_page/disenoInteriorPDP.css");
/* showcase_model Component */
/* Banner Whit CTA */
@import url("./model_page/BannerCTA.css");
/* Editable View */

/* editableView Component */
/*@import url("./[blocklist]_components/editableView.css");*/
@import url("./[blocklist]_components/afterSales.css");

/**
* TODO: Change the fonts it's a temporarily solution.
*/


@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@400;600;700&family=Titillium+Web:wght@400;600;700&display=swap');



/* CSS HOME PAGE */
/* Import Swiper Noticias */

/* Import Showcase Modelos Home Imagen*/
@import url("./[blocklist]_components/HomeModelos/showcase_home_modelos_image.css");

/* Import Showcase Modelos Home Cards*/
@import url("./[blocklist]_components/HomeModelos/showcase_home_modelos_cards.css"); 

/* Import Showcase Modelos Home */
@import url("./[blocklist]_components/HomeModelos/showcase_home_modelos_comerciales.css"); 

/* Import Principal Banner Home */
@import url("./[blocklist]_components/HomeModelos/bannerHome.css");

/* Import Swiper Noticias Home */
@import url("./[blocklist]_components/HomeModelos/noticiasHOME.css");

@import url("./[blocklist]_components/editableView.css");

/* Import Hero Banner Home */
@import url("./[blocklist]_components/HomeModelos/heroBannerHOME.css");

/* Import Servicios Home */
@import url("./[blocklist]_components/HomeModelos/serviciosHOME.css");

/* Import Cards informative Home */
@import url("./[blocklist]_components/HomeModelos/PorQueElegirDercocenterHome.css");

/* Import Box Concesionarios Home */
@import url("./[blocklist]_components/HomeModelos/concesionarioHome.css");

/* FONTS */
    @font-face {
        font-family: 'Montserrat';
        src: url('../fonts/Montserrat-Regular.ttf');
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'Source Sans Pro';
        src: url('../fonts/sourcesanspro-regular-webfont.ttf');
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'Source Sans Pro Semibold';
        src: url('../fonts/sourcesanspro-semibold-webfont.ttf');
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'Avenir Next LT Pro';
        src: url('../fonts/AvenirNextLTPro-Regular.ttf');
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'Avenir Next LT Pro Bold';
        src: url('../fonts/AvenirNextLTPro-Bold.ttf');
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'Encode Sans';
        src: url('../fonts/EncodeSans-Regular.ttf');
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'Encode Sans Bold';
        src: url('../fonts/EncodeSans-Bold.ttf');
        font-style: normal;
        font-display: swap;
    }
     @font-face {
        font-family: 'Nouvel R';
        src: url('../fonts/NouvelRRegular.ttf');
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'Nouvel R Bold';
        src: url('../fonts/NouvelRBold.ttf');
        font-style: normal;
        font-display: swap;
    }

    /* boostrap SVG */
    @font-face {
        font-family: Bootstrap-icons ;
        src: url(../vendors/bootstrap-icons/fonts/bootstrap-icons.woff2);
    }

:root {
    /*Colors*/
    /*Primary*/
    --brand: #000000;
    /* --brand-dark: #9E1510; */
    --brand-light: #888888;
    --brand-white: #FFFFFF;
    --brand-black: #000000;
    --brand-disabled: #C7CCCE;
    /* --brand-DarkMode: #E33D38;
    --brand-dark-dark: #222222;
    --brand-red: #DC241F; */
    /*--brand-black-light: #A0A0A0;*/
    /*Secondary*/
    --brand-secondary: #D70C19;
    /*--brand-secondary-medium: #00368F;
    --brand-secondary-dark: #001151;
    --brand-secondary-light: #0098D9;*/
    /*Border Show case*/
    /*--brand-secondary-border: #176DB7;*/
    /*Gray*/

    --gray-dark-11: #414141;
    --gray-dark-10: #595758;
    --gray-dark-9: #F1F1F1;
    --gray-dark-8: #E5E5E5;
    --gray-dark-7: #CCCCCC;
    --gray-dark-6: #4D4D4D;
    --gray-dark-5: #F7F7F7;
    --gray-dark-4: #E1E1E1;
    --gray-dark-3: #C3C3C3;
    --gray-dark-2: #878687;
    --gray-dark-1: #373637;
    /* --gray-light-1: #FFFFFF;
    --gray-light-2: #F2F2F2;
    --gray-light-4: #F1F1F1; */
    /* Was Duplicated */
    --gray: #9A9A9A;
    --gray-light-1: #6C6C6C;
    /*--gray-light-1: #B3B3B3;
    --gray-light-2: #CCCCCC;
    --gray-light-3: #E5E5E5;
    --gray-light-4: #F1F1F1;
    --gray-light-5: #999;*/
    /* No Colors */
    /*    --black: black;*/
    --white: white;
    /* Blue */
    /*--blue: blue;
    --blue-dark-1: #014E98;
    --blue-blogHome: #039;
    --error: rgb(227, 25, 25);*/
    /* Notification */
    --notification-default: #236377;
    --notification-light: #E7F1FA;
    /*Alerts*/
    --alert-error-main: #BB0A0A;
    /* --alert-error-light: #E9CAC7; */
    --alert-success-email: #28811F;
    /* --alert-success-email-light: #BDD6C5; */
    --alert-main: #E4601C;
    /* --alert-main-light: #FCE1B5; */
    --alert-information-main: #002C5E;
    /* --alert-information-light: #D3E5EA; */
    /*Opacity*/
    --opacity-black-80: #000000, rgba(0, 0, 0, 0.80);
    --opacity-black-60: #000000, rgba(0, 0, 0, 0.60);
    --opacity-black-40: rgba(0, 0, 0, 0.40);
    --opacity-black-20: #000000, rgba(0, 0, 0, 0.20);
    --opacity-white-80: #FFFFFF, rgba(0, 0, 0, 0.80);
    --opacity-white-60: #FFFFFF, rgba(0, 0, 0, 0.60);
    --opacity-white-40: #FFFFFF, rgba(0, 0, 0, 0.40);
    --opacity-white-20: #FFFFFF, rgba(0, 0, 0, 0.20);
    /* Fonts */
    --font-family-1: 'Montserrat';
    /* --font-family-1: 'Source Sans Pro'; */
    --font-family-1-2: 'Source Sans Pro';
    --font-family-2-1: 'Avenir Next LT Pro';
    --font-family-2-2: 'Avenir Next LT Pro Bold';
    --font-family-3-1: 'Encode Sans';
    --font-family-3-2: 'Encode Sans Bold';
    --font-family-4-1: 'Nouvel R';
    --font-family-4-2: 'Nouvel R Bold';
    /* Font sizes*/
    --title-1: 3.125rem;
    --title-2: 2.5rem;
    --title-3: 2rem;
    --title-4: 1.75rem;
    --title-5: 1.5rem;
    --title-6: 1.25rem;
    --title-7: 3.125rem;
    --title-8: 2.5rem;
    --title-9: 1.75rem;
    --title-10: 2rem;
    --title-11: 1.75rem;
    --title-12: 1.75rem;
    /* 50-34 */
    --title-13: 3.125rem;
    --paragraph-1: 1.125rem;
    --paragraph-2: 1rem;
    --paragraph-3: 0.875rem;
    --paragraph-4: 0.75rem;
    --paragraph-5: 1.125rem;
    --paragraph-6: 1.25rem;
    --paragraph-7: 2rem;
    --paragraph-8: 1.25rem;
    --paragraph-9: 2rem;
    /* 32-22 */
    --paragraph-10: 2rem;
    /* 18-16 */
    --paragraph-11: 1.125rem;
    --cta-1: 1.125rem;
    --cta-2: 1.125rem;
    --cta-3: 1.25rem;
    /* --cta-3: 1rem;
    --cta-4: 0.875rem; */
    /* Font weights*/
    --weight-extra-bold: 800;
    --weight-bolder: 700;
    --weight-bold: 600;
    --weight-semibold: 500;
    --weight-normal: 400;
    --weight-semilight: 300;
    --weight-light: 200;
    --weight-lighter: 100;
    /* Line Heights */
    --paragraph-1-line-height: normal;
    /* Borders */
    --border-xlg: 12px solid;
    --border-lg: 6px solid;
    --border-md: 4px solid;
    --border-sm: 2px solid;
    --border-xs: 1px solid;
    /* Layers */
    --header-layers: 99;
    --aside-model-layer: 9;
    /* Spacing */
    /* <<<<<<< HEAD */
    /* >>>>>>> IntegrationsTest */
    /* Colors: styles - figma */
    /*CAUTION: Colors: styles - figma are not find into the figma*/
    /* --primary: #1F3750;
    --white: #fff;
    --white-20: #ffffff50;
    --gray: #666666;
    --gray2: #969696;
    --gray3: #D2D1D1;
    --grayLight: #F4F4F4;
    --darkGray: #414141; 
    --footer: #414141;
    --footer-copyright: #212529;
    --black: #000;
    --gray-pagination: #B2B2B2; */
    /*END CAUTION*/
    /* Font sizes: styles - figma */ /*CAUTION: Font sizes: styles - figma: --text_p is not found into figma*/
    --text_p: 18px;
    /**
* Global Layers (z-index)
*/
    --layer-header: 99;
}



/*FONT FAMILIES*/
.title-1 {
    font-size: var(--title-1);
    font-weight: 700;
    text-transform: uppercase;
}

.title-2 {
    font-size: var(--title-2);
    font-weight: 700;
    text-transform: uppercase;
}

.title-3 {
    font-size: var(--title-3);
    font-weight: 700;
    text-transform: uppercase;
}

.title-4 {
    font-size: var(--title-4);
    font-weight: 700;
    text-transform: uppercase;
}

.title-5 {
    font-size: var(--title-5);
    font-weight: 700;
    text-transform: uppercase;
}

.title-6 {
    font-size: var(--title-6);
    font-weight: 700;
    text-transform: capitalize;
}

.btn_primary{
    color: var(--brand-white) !important;
    background-color: var(--brand) !important;
    border: 1px solid var(--brand);
}

.btn_secondary_normal{
    color: var(--brand-white) !important;
    background-color: transparent !important;
    border: 1px solid var(--brand-white) !important;
}

.btn_tertiary_normal{
    color: var(--brand) !important;
    background-color: transparent !important;
    border: 1px solid var(--brand) !important;
}

.btn_primary:hover, .btn_primary:focus, .btn_secondary_normal:hover, .btn_secondary_normal:focus, .btn_tertiary_normal:hover, .btn_tertiary_normal:focus{
    background-color: var(--brand-light) !important;
    border: 1px solid var(--brand-light) !important;
    color: var(--brand-white) !important;
}
.btn_primary:disabled, .btn_primary[disabled], .btn_secondary_normal:disabled, .btn_secondary_normal[disabled]{
    background-color: var(--brand-disabled) !important;
}

.link-btn{
    color: var(--brand:);
    text-decoration: underline;
}
.link-btn:hover, .link-btn:active{
    color: var(--brand-light);
}
.link-btn:disabled, .link-btn[disabled]{
    color: var(--brand-disabled);
}

.ta-r {
    text-align: right;
}

/*BODY(Reset) & MAIN STYLES*/
body{
    margin: 0;
    padding: 0;
    border: 0;
}

/*Wrapper the text (Truncated in 3 lines)*/
.truncated-text-3l {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    line-height: X;
    /* fallback */
    max-height: X * 3;
    /* fallback */
}

/* HEADER */
/* FOOTER */
footer {
    background-color: var(--footer);
    /*padding-top: var(--title-2);*/
    padding-bottom: 0rem;
    margin-top: 0rem;
    border-top: var(--border-xs) var(--gray-dark-8, #E5E5E5);
}

.social-media {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.social-media>a {
    margin: 0 0.5rem;
}

.footer-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
    /* background-color: #414141; */

    padding: 3rem 2rem;
    
    /* margin-left: 2rem; */
}


.footer-content .footer-content_herramientas .acordeon-cuerpo .acordeon .contenedorF .etiqueta > h5 {
    font-family: var(--font-family-1-2);
    color: var(--brand);
    font-size: var(--paragraph-2);
    font-style: normal;
    font-weight: 700;
    line-height: 1.44444rem; /* 144.444% */
    letter-spacing: 0.04rem;
    
}



@media (max-width:768px) {
    .footer-content {
        flex-wrap: nowrap;
        flex-direction: column;
        padding: 0 1.5rem;
        gap: 0;
    }
    .btn_secondary_normal{
        color: var(--brand) !important;
        background-color: var(--brand-white) !important;
    }
}

.footer-content_herramientas{
    flex: 1 auto;
    /* max-width: 12rem; */
    margin-top: 1rem;
    /* border-radius: 50%; */
}
.tuclase{
    border-radius: 50%;
}

@media (max-width:768px) {
    .footer-content_herramientas{
        flex: 1 auto;
        max-width: 100%;
        margin-top: 0rem;

    }
}

@media(max-width:360px) {
    :root{
        --paragraph-6: 0.75rem !important;
        --title-11: 1.375rem !important;
        --title-12: 1.625rem !important;
    }
    .iconText {
        justify-content: start;
        margin-left: -80px;
    }

    .footer-copyright {
        padding: 95px 50px 10px 50px;
        align-items: center;
        flex-direction: column-reverse;
        margin-bottom: 0rem;
        margin-top: .5rem;
    }
}

.footer-content_dealer {
    flex: 1 auto;
    max-width: 18.5rem;
    margin-left: 10px;
}

.footer-content_social {
    flex: 1 auto;
    max-width: 22.5rem;
    margin-left: 10px;
}

.footer-content_dealer > h5,
.footer-content_social > h5 {
    color: var(--brand-black);
    font-family: var(--font-family-1-2);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.44444rem;
    letter-spacing: 0.04rem;
    padding-top: 1rem;
}


.footer-content_modelos > ul,
.footer-content_herramientas > ul,
.footer-content_ayuda > ul,
.footer-content_servicios > ul,
.footer-content_dealer > ul,
.footer-content_social > ul {
    list-style: none;
    padding: 0 0 1rem 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .footer-content_modelos > ul > li > a,
    .footer-content_herramientas > ul > li > a,
    .footer-content_ayuda > ul > li > a,
    .footer-content_servicios > ul > li > a,
    .footer-content_dealer > ul > li > a,
    .footer-content_social > ul > li > a {
        text-decoration: none;
        color: var(--gray-dark-2);
        font-family: var(--font-family-1-2);
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.22222rem;
        letter-spacing: 0.03556rem;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }

.footer-content_dealer > ul > li,
.footer-content_social > ul > li {
    display: flex;
}

.footer-copyright {
    /*border-top: 1px solid var(--gray3);*/
    padding: 2rem 2rem 1rem 4rem;
    color: var(--gray-dark-8);
    background-color: var(--brand);
    display: flex;
    /* gap: 15rem; */
    justify-content: space-between;
    font-family: var(--font-family-1-2);
    font-size: var(--paragraph-4);
    font-style: normal;
    font-weight: var(--weight-bold);
    line-height: 1rem; /* 133.333% */
    letter-spacing: 0.025rem;
    align-items: center;
    justify-content: space-between;
}

.footer_logo_copy {
    height: 2rem;
}

@media (max-width:768px){
    .footer-copyright {
        padding: 1rem;
        align-items: center;
        gap: 2rem;
        gap: 0;
        flex-direction: column-reverse;
        margin-bottom: 0rem;
    }

    .footer-copyright > img{
        margin-top: -60px;
    }
    .testDriveBtn a{
        width:100%;
        min-width:0 !important;
    }
}


/* .footer-copyright p {
        padding-left: 6.5rem;
        padding-top: .5rem;
    } */

@media (max-width:768px) {
    .footer-copyright p {
        padding-left: 0rem;
        padding-top: .5rem;
        margin-bottom: -1rem;
    }
}

@media (max-width:768px) {
    .footer-copyright .copyright {
        margin-top: 1rem;
        margin-bottom: 3rem;
        text-align: center;
        padding: 0 2rem 2rem;
    }
    .footer-content_dealer > ul > li > a,
    .footer-content_social > ul > li > a {
        gap: 0;
    }
    .footer-content_dealer > ul,
    .footer-content_social > ul {
        gap: 1rem;
    }
}
@media (min-width:769px) {
    .footer-copyright .copyright {
        margin-bottom: 0;
    }
}



/* Customizing the vertical scrollbar */
body * ::-webkit-scrollbar {
    display:none;
}
body * {
    scrollbar-width: none;
}

::-webkit-scrollbar-thumb {
    background-color: #8888888a;
    /* Scroll thumb color */
    border-radius: 5px;
    /* Rounded corners of the thumb */
}

::-webkit-scrollbar-track {
    background-color: #f2f2f2;
    /* Background color of the scrollbar track */
}

/* Customizing the horizontal scrollbar */
::-webkit-scrollbar-horizontal {
    height: 5px;
    /* Scrollbar height for horizontal scrollbar */
}

::-webkit-scrollbar-thumb:horizontal {
    background-color: #888;
    /* Color of the horizontal scroll thumb */
    border-radius: 5px;
    /* Rounded corners of the horizontal thumb */
}

::-webkit-scrollbar-track:horizontal {
    background-color: #f2f2f2;
    /* Background color of the horizontal scrollbar track */
}

@media (max-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    :root {
        /* Font sizes*/
        --title-1: 2.5rem;
        --title-2: 2.125rem;
        --title-3: 1.875rem;
        --title-4: 1.625rem;
        --title-5: 1.375rem;
        --title-6: 1.125rem;
        --title-7: 2rem;
        --title-8: 1.875rem;
        --title-9: 1.25rem;
        --title-10: 1.625rem;
        --title-11: 1.5rem;
        --title-12: 0.75rem;
        /* 50-34 */
        --title-13: 2.125rem;
        --paragraph-1: 1rem;
        --paragraph-2: 0.875rem;
        --paragraph-3: 0.75rem;
        --paragraph-5: 0.875rem;
        --paragraph-6: 0.875rem;
        --paragraph-7: 1.75rem;
        --paragraph-8: 0.75rem;
        --paragraph-9: 1.25rem;
        /* 32-22 */
        --paragraph-10: 1.375rem;
        /* 18-16 */
        --paragraph-11: 1rem;
        /* --paragraph-4: 0.65rem;CAUTION:--paragraph-4 is not found in branding figma */
        --cta-1: 0.75rem;
        --cta-2: 0.75rem;
        --cta-3: 0.75rem;
        /* --cta-3: 0.875rem;
        --cta-4: 0.75rem; CAUTION: --cta-4 is not found in branding figma */
    }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {}

/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1400px) {}

.title {
    color: var(--black);
    font-family: var(--font-family-1);
    font-size: var(--title-3);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.title-white {
    color: var(--brand-white);
    font-family: var(--font-family-1);
    font-size: var(--title-3);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;

}

/* ACORDEON Desktop 0*/

.footer-content .footer-content_herramientas .acordeon-cuerpo .acordeon .contenedorF .contenido>ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-left: 0;
    padding-right: 1rem;

}
    .footer-content .footer-content_herramientas .acordeon-cuerpo .acordeon .contenedorF .contenido > ul > li > a {
        text-decoration: none;
        color: var(--gray-dark-2);
        font-family: var(--font-family-1-2);
        font-size: var(--paragraph-2);
        font-style: var(--paragraph-1-line-height);
        font-weight: var(--weight-normal);
        line-height: 1.375rem;
    }
.max-w{
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
}



/* ACORDEON @medias */
/* @media (max-width: 1200px) {
    .footer-content .footer-content_herramientas .acordeon-cuerpo .acordeon .contenedorF{
            
    }
    
} */

@media (max-width: 768px) {
    footer {
        padding-top: .5rem;
    }
    .footer-content_herramientas {
        width: 100%;
    }


    .footer-content .footer-content_herramientas .acordeon-cuerpo .acordeon .contenedorF.activa .contenido>ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .footer-content .footer-content_herramientas .acordeon-cuerpo .acordeon .contenedorF.activa .contenido>ul>li>a {
        text-decoration: none;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;

    }

    .acordeon {
        width: 100%;
        /* margin: 90px auto; */
        color: gray;
        background-color: var(--footer);
        padding: 0;
    }

    /**************/
    .acordeon .contenedorF {
        position: relative;
        margin: 10px 10px;
    }

    /* Posiciona las etiquetas en relación con el contenedor. Añade relleno en la parte superior e inferior 
  y aumenta el tamaño de la fuente. También hace que su cursor sea un puntero */

    .acordeon .etiqueta {
        position: relative;
        padding: 10px 0;
        font-size: 30px;
        color: var(--gray-light-1);
        cursor: pointer;
        border-bottom: 1px solid var(--gray-dark-7, #CCC);
    }


    /* H5 modificado por margin´s implicitos desde Bootstrap */
    .acordeon .etiqueta h5 {
        margin-bottom: 0rem;

    }



    /**************/
    /* Posiciona el signo más a 5px de la derecha. Lo centra utilizando la propiedad transform. */

    .acordeon .etiqueta::before {
        content: url("data:image/svg+xml;charset=UTF-8, <svg width='40' height='40' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='darkgray' class='bi bi-plus'><path d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/></svg>");
        /* color: gray; */
        position: absolute;
        top: 50%;
        right: 0;
        font-size: 30px;
        transform: translateY(-50%);
    }


    /* Oculta el contenido (altura: 0), disminuye el tamaño de la fuente, justifica el texto y añade la transición */

    .acordeon .contenido {
        position: relative;
        /* background: var(--gray-dark-7); */
        height: 0;
        font-size: 20px;
        text-align: justify;
        width: 100%;
        overflow: hidden;
        transition: 0.5s;
    }

    /* Añade una línea horizontal entre los contenidos */

    .acordeon hr {
        width: 100;
        margin-left: 0;
        border: 1px solid grey;
    }

    /* Muestra la parte de contenido cuando está activa. Establece la altura */

    .acordeon .contenedorF.activa .contenido {
        height: auto;
    }

    /* Cambia de signo positivo a negativo una vez activado */

    .acordeon .contenedorF.activa .etiqueta::before {
        content: url("data:image/svg+xml;charset=UTF-8, <svg height='40' width='40' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='darkgray' xml:space='preserve'><path d='M40 23.99H10a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2z'/></svg>");
        font-size: 30px;
    }

}

.embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #00A0DC;
    font-family: "--font-family-1", sans-serif;

}
.embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline: 1px solid #00A0DC;

}
@media (max-width: 760px) {
.embeddedServiceHelpButton .helpButton {
    margin-bottom:50px;
    }
 }
.embeddedServiceHelpButton a:link {
    text-decoration: none;
    color:white;

}
.embeddedServiceHelpButton a:visited {
    text-decoration: none;
    color:white;

}
.embeddedServiceHelpButton a:hover {
    text-decoration: none;
    color:white;

}
.embeddedServiceHelpButton a:active {
    text-decoration: none;
    color:white;

}
@media only screen and (max-width: 600px) {
    .helpButton{
        display:none;
    }
}

.grecaptcha-badge{
    z-index:99;
    bottom: 60px !important; 
}