@font-face {
        font-family: 'Avenir Black';
        src: url('../fonts/Avenir-Black.woff2') format('woff2'),
            url('../fonts/Avenir-Black.woff') format('woff'),
            url('../fonts/Avenir-Black.ttf') format('truetype');
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir';
        src: url('../fonts/Avenir-Light.woff2') format('woff2'),
            url('../fonts/Avenir-Light.woff') format('woff'),
            url('../fonts/Avenir-Light.ttf') format('truetype');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Heavy';
        src: url('../fonts/Avenir-Heavy.woff') format('woff');
        font-weight: bolder;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Avenir Heavy 2';
        src: url('../fonts/Avenir-Heavy.otf') format('otf');
        font-weight: bolder;
        font-style: normal;
        font-display: swap;
    }


    /* http://meyerweb.com/eric/tools/css/reset/ 
    v2.0 | 20110126
    License: none (public domain)
    */

    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 15px;
        font-family: 'Avenir', sans-serif;
        color: var(--text);
    }

    /* HTML5 display-role reset for older browsers */
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
        display: block;
    }

    *:after,
    *:before {
        outline: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    body {
        line-height: 1;
        overflow-x: hidden;
    }

    ol,
    ul {
        list-style: none;
        line-height: 1.5;
    }

    ol>li {
        counter-increment: num;
        position: relative;
    }

    ol.num li:before {
        position: absolute;
        content: counter(num) ".";
        left: 0;
        top: 0;
        color: #722783;
    }

    blockquote,
    q {
        quotes: none;
        line-height: 1.5;
    }

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }

    table {
        border-collapse: separate;
        border-spacing: 0;
        overflow: hidden; 
    }

    html {
        scroll-behavior: smooth;
    }

    small {
        display: block;
        padding: 18px 0;
        line-height: 1.5;
        font-size: 0.85em;
    }

    small>span,
    small>strong {
        padding: 18px 0;
        line-height: 1.5;
        font-size: inherit;
    }

    small.center {
        text-align: center;
    }

    /* --- styles base Kath --- */

    :root {
        --mainColor: #ff692d;
        --secdColor: #702f8a;
        --thirdColor: #178080;
        --text: #646363;
        --secdText: #ffffff;
    }

    .container {
        max-width: 1080px;
        margin: 0 auto;
    }

    .bgColor1 {
        background-color: #c1acc64d;
    }

    .bgColor2 {
        background-color: #f9f3ee;
    }


    .colorO {
        color: var(--mainColor) !important;
    }

    .colorM {
        color: var(--secdColor) !important;
    }

    .colorW {
        color: var(--secdText) !important;
    }

    .grid {
        display: grid;
        align-items: center;
        gap: 18px;
        margin-bottom: 28px;
        justify-items: center;
    }

    .col2 {
        grid-template-columns: repeat(2, 1fr);
    }

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

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

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

    .align {
        align-items: center;
    }

    .alignT {
        align-items: baseline;
    }

    .alignB {
        align-items: end;
    }

    /* @media only screen and (max-width:) {
    
} */


    a {
        color: var(--text);
        font-family: 'Avenir', sans-serif;
        text-decoration: none;
        cursor: pointer;
    }

    a:hover {
        color: #702f8a;
    }

    a>i {
        color: #722783;
    }

    p {
        padding-bottom: 20px;
        line-height: 1.4;
    }

    p.quote {
        padding: 10px 35px 30px 35px;
    }

    p.oblique {
        font-style: oblique;
    }

    .line {
        text-decoration: underline;
    }

    h2 {
        font-size: 1.5em;
        /* color: ; */
        padding: 22px 0;
        font-family: 'Avenir Heavy';
        text-transform: uppercase;
        text-decoration: underline;
    }

    .bannerInt h2 {
        font-size: 2.4em;
        color: #fff;
        padding-right: 132px;
        padding-bottom: 12px;
        font-family: 'Avenir Heavy';
        text-transform: uppercase;
        text-decoration: none;
    }

    h3 {
        color: var(--mainColor);
        font-size: 1.4em;
        text-transform: uppercase;
        font-family: 'Avenir Heavy';
        margin-bottom: 20px;
    }

    h4 {
        font-family: 'Avenir Black';
        padding-bottom: 25px;
        line-height: 1.5;
        font-size: 1.2em;
    }

    h4.upper {
        text-transform: uppercase;
    }

    h5 {
        text-decoration: underline;
        padding-bottom: 12px;
    }

    ul,
    ol {
        margin-bottom: 25px;
    }

    ul li,
    ol li {
        list-style: none;
        position: relative;
        padding-left: 26px;
        line-height: 1.5;
    }

    ul li>p {
        padding-bottom: 6px;
    }

    ul li:before {
        content: "";
        position: absolute;
        left: 4px;
        top: 7px;
        width: 8px;
        height: 8px;
        border: 1px solid #722783;
        border-radius: 50%;
    }

    ol.letter li {
        list-style-type: lower-latin;
        padding-left: 16px;
    }

    menu>div>ul li:before {
        content: none;
    }

    @media only screen and (max-width: 1200px) {
        .container {
            width: 87%;
        }

        h2.top {
            font-size: 2em;
        }
    }

    @media only screen and (max-width: 800px) {
        h2 {
            font-size: 1.3em;
        }

        h2.top {
            font-size: 2em;
        }

        h3 {
            font-size: 1.1em;
        }

        h4 {
            font-family: 'Avenir Black';
            font-weight: 900;
            padding-bottom: 25px;
        }

        .col3 {
            grid-template-columns: repeat(2, 1fr);
        }

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

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

    @media only screen and (max-width: 600px) {
        .col4 {
            grid-template-columns: repeat(2, 1fr);
        }

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

    @media only screen and (max-width: 480px) {
        .col2 {
            grid-template-columns: repeat(2, 1fr);
        }

        .col2.v2 {
            grid-template-columns: 1fr;
        }

        .col3 {
            grid-template-columns: 1fr;
        }

        .col4 {
            grid-template-columns: 1fr
        }

        .col5 {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    * {
        font-family: 'Avenir Light', Arial, Helvetica, sans-serif;
        color: #646363;
        font-size: 16px;
    }

    header {
        display: grid;
        grid-template-columns: repeat(3, auto);
        gap: 37px;
        justify-content: left;
        align-items: center;
        position: fixed;
        padding: 12px 0;
        top: 0px;
        z-index: 9000;
        width: 100%;
        transition: all .2s ease-in;
    }

    header .logo {
        display: block;
        width: 220px;
        position: relative;
        margin: 16px 51px 0 65px;
    }

    header .logo:before {
        content: " ";
        display: inline;
        position: absolute;
        top: 5px;
        right: -39px;
        width: 1px;
        height: 70px;
        background-color: #ffffff;
    }

    header.change {
        background-color: #fd733cf0;
        border-radius: 0 0 20px 20px;
        padding-bottom: 6px;
        top: 0px;
    }

    .btnDescargar,
    .btnMenu {
        background-color: #fff;
        border: none;
        color: #646363;
        /* color: rgba(255, 255, 255, 0); */
        padding: 10px 18px 12px 18px;
        font-size: 0;
        font-weight: bold;
        display: inline-block;
        border-radius: 30px;
    }

    .btnDescargar {
        font-size: 1.6em;
    }

    .btnMenu svg {
        display: block;
        width: 18px;
        height: auto;
    }

    .btnDescargar svg {
        width: 20px;
        margin-right: 6px;
    }

    header .btnMenu {
        text-align: center;
        padding: 12px;
    }

    .btnDescargar:hover span {
        color: #fff;
    }

    .btnDescargar:hover,
    .btnMenu:hover {
        color: #fff;
        background-color: #702f8a;
    }

    .btnDescargar:hover svg .st3,
    .btnMenu:hover svg .st2 {
        fill: #fff !important;
    }

    .banner {
        width: 100%;
        /* height: 100vh;
        height: 900px; */
        border-radius: 0 0 85px 85px;
        position: relative;
        background-size: 100%;
        padding-bottom: 50%;
    }

    h1 {
        position: absolute;
        right: 50px;
        bottom: 0;
        text-shadow: 11px 1px 12px #0000008a;
    }

    h1,
    h1 span {
        color: #ffffff;
        font-size: 4.5em;
    }

    h1 span {
        font-family: 'Avenir Black', Helvetica, sans-serif;
        display: block;
        font-size: 3.2em;
    }

    /* section {
        padding: 40px 80px ;
    } */
    @media only screen and (max-width: 1400px) {

        h1,
        h1 span {
            font-size: 3.5em;
        }
    }

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

        h1,
        h1 span {
            font-size: 3em;
        }
    }

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

        h1,
        h1 span {
            font-size: 3em;
        }
    }


    footer {
        position: relative;
        border: 2px solid #ff8200;
        padding: 50px 20px 35px 20px;
        border-radius: 39px 45px 0 0;
    }

    footer .grid {
        margin-bottom: inherit;
    }

    footer a,
    footer p,
    footer i {
        color: var(--mainColor);
    }

    footer .rrss {
        padding: 26px 8px 0px 8px;
        margin: 0 auto;
        text-align: center;
    }

    footer .bgMain p.tels {
        padding-bottom: 0;
    }

    footer .rrss a img {
        width: 24px;
    }

    footer .rrss p,
    footer .rrss a {
        display: inline-block;
        color: var(--mainColor);
        margin-right: 10px;
        font-size: 1.2em;
    }

    footer .rrss img,
    footer .rrss i {
        position: relative;
        top: 4px;
    }

    footer .rrss a i {
        font-size: 1.4em;
        color: var(--mainColor);
    }

    @media only screen and (max-width: 800px) {
        footer .bgMain {
            border-radius: 0;
        }
    }

    @media only screen and (max-width: 800px) {
        footer .bgMain {
            width: 100%;
        }
    }


    .options {
        margin: 45px 0;
    }

    .options a {
        text-align: center !important;
        width: 200px;
        transition: all .3s ease;
    }

    .options a.centrON {
        justify-self: end;
        position: relative;
        right: -106px;
    }

    .options a span {
        display: block;
        margin: 0 auto;
        border-radius: 50%;
        width: 100px;
        top: 12px;
        position: relative;
        box-shadow: 1px -9px 12px -6px #702f8a5b;
        transition: all .3s ease;
    }

    .options a span img {
        position: relative;
        /* bottom: -15px; */
    }

    /* .options a:hover span img {
    } */
    .options a:nth-child(1):hover span img {
        content: url(../imgs/icons/icon-misionVision-hover.png);
    }

    .options a:nth-child(2):hover span img {
        content: url(../imgs/icons/icon-nuestrosValores-hover.png);
    }

    .options a:nth-child(3):hover span img {
        content: url(../imgs/icons/icon-constitucionJuridica-hover.png);
    }

    .options a:nth-child(4):hover span img {
        content: url(../imgs/icons/icon-sectorActividad-hover.png);
    }

    .options a:nth-child(5):hover span img {
        content: url(../imgs/icons/icon-tamanoOrganizacion-hover.png);
    }

    .options a:nth-child(6):hover span img {
        content: url(../imgs/icons/icon-informe-presidencia-hover.png);
    }

    .options a:nth-child(7):hover span img {
        content: url(../imgs/icons/icon-informe-gerencia-hover.png);
    }

    .options a:nth-child(8):hover span img {
        content: url(../imgs/icons/icon-informe-tesoreria-hover.png);
    }

    .options a:nth-child(9):hover span img {
        content: url(../imgs/icons/icon-informe-fiscal-hover.png);
    }

    .options a:nth-child(10):hover span img {
        content: url(../imgs/icons/icon-nuestra-empresa-hover.png);
    }

    .options a:nth-child(11):hover span img {
        content: url(../imgs/icons/icon-productos-y-servicios-hover.png);
    }

    .options a:nth-child(12):hover span img {
        content: url(../imgs/icons/icon-gestion-numeros-hover.png);
    }

    .options a:nth-child(13):hover span img {
        content: url(../imgs/icons/icon-sostenibilidad-hover.png);
    }

    .options a:nth-child(14):hover span img {
        content: url(../imgs/icons/icon-estados-financieros-hover.png);
    }

    .options a p {
        border-radius: 15px;
        display: inline-block;
        padding: 9px 13px;
        /* border: 1px solid #702f8a; */
        box-shadow: 1px 6px 10px -6px #702f8a5b;
        position: relative;
        z-index: 1;
        text-align: center !important;
        transition: all .3s ease;
    }

    .options a:hover span {
        box-shadow: 1px -18px 20px -4px #702f8a5b;
    }

    .options a:hover p {
        box-shadow: 3px 12px 10px -6px #702f8a5b;
    }


    .container {
        position: relative;
    }

    .container>p {
        text-align: justify !important;
    }


    .bannerInt {
        padding-top: 280px;
        background-position: center;
        background-size: cover;
        border-radius: 0 0 80px 80px;
        position: relative;
    }

    .bannerInt:before {
        content: "";
        position: absolute;
        bottom: 0;
        background: rgb(0, 0, 0);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.61) 0%, rgba(0, 0, 0, 0) 100%);
        border-radius: 0 0 80px 80px;
        height: 100px;
        width: 100%;
    }

    .bannerInt i {
        position: absolute;
        right: 21px;
        /* top: -21px; */
        bottom: -29px;
        border-radius: 50%;
        background-color: #fff;
        box-shadow: 3px 7px 6px -1px #702f8a5b;
    }

    .bannerInt i img {
        width: 95px;
        height: 95px;
    }


    .content {
        margin-top: 65px;
        margin-bottom: 95px;
        position: relative;
    }
    .content > p, 
    .content > ul > li {
        text-align: justify;
    }

    /* ORGANIGRAMA  */
    .organigrama {
        max-width: 100%;
        margin: 40px auto;
        overflow: auto;
    }

    .organigrama svg {
        overflow: auto;
        font-size: 11px !important;
    }

    .organigrama img {

        width: 100%;
        height: fit-content;
        display: block;
    }

    /* JUNTA DIRECTIVA */

    .dataBox p {
        font-size: 1.2em;
        text-align: center;
        padding-bottom: 8px;
    }

    .dataBox p.cargo {
        font-family: 'Avenir Black';
    }



    .sign {
        width: 90%;
        margin: 10px auto;
        padding: 30px 0;
        text-align: center;
        line-height: 1.2;
    }

    .sign img {
        width: 200px;
        /* height: 120px; */
        position: relative;
    }

    .sign p {
        text-align: center;
        padding-bottom: 8px;
    }


    /* ------------------- TABLAS ------------------- */



    #tablaGeneral {
        position: relative;
        margin-bottom: 45px;
        border-radius: 8px;
    }

    #tablaGeneral table {
        display: table;
        width: 100%;
        border: 1px solid #ff692d;
        border-radius: 8px 8px 8px 8px;
    }

    #tablaGeneral table td {
        /* border: 1px solid #ff692d; */
        border-left: 1px solid #ff692d;
        border-bottom: 1px solid #ff692d;
    }
    #tablaGeneral table td:last-child { border-right: 1px solid #ff692d;}

    #tablaGeneral table th {
        text-align: center;
    }
    /* #tablaGeneral table  th:first-child { border-radius: 8px 0 0 0;}
    #tablaGeneral table  th:last-child { border-radius: 0 8px 0 0;} */

        /* #tablaGeneral table  tr:last-child td:first-child {
        border-bottom-left-radius: 8px;
    }
        #tablaGeneral table tr:last-child td:last-child {
        border-bottom-right-radius: 8px;
    } */

    #tablaGeneral.v2 table tr:nth-child(odd) td {
        background-color: #f7f7f7;
    }

    #tablaGeneral h4,
    #tablaGeneral caption h4 {
        text-align: center !important;
        padding-bottom: 0px;
        color: #646363;
        font-size: 1.2em;
        text-transform: inherit;
        font-family: 'Avenir Heavy';
        margin-bottom: 3px;
    }

    table thead {
        background-color: #ff692d;
        padding: 8px 16px;
    }

    /* table tr {
        border-bottom: 1px solid #ff692d;
    } */

    table tr:last-child {
        border-radius: 0 0 8px 8px;
    }

    table td,
    table th {
        padding: 10px 18px;
        line-height: 1.2;
        /* border-bottom: 1px solid #ff692d; */
    }


    /* table tbody tr{ border: 1px solid #ffffff; } */
    table th {
        color: var(--secdText);
        display: table-cell;
        vertical-align: middle;
        padding: 10px 8px;
    }

    strong {
        font-family: 'Avenir Black' !important;
    }

    #tablaGeneral.v1 table tr th {
        background-color: #ff692d;
        border: 1px solid #ff692d;
    }

    #tablaGeneral td.bgColor1 {
        background-color: #fcfcfc;
        text-align: center;
    }

    #tablaGeneral.overF {
        max-width: 1100px;
        overflow-y: scroll;
    }

    /* #tablaGeneral.overF:hover {
        cursor: all-scroll;
    } */

    #tablaGeneral.box th {
        font-size: 1.2em;
        padding: 18px 24px;
        font-family: 'Avenir Black';
        text-align: center;
        border: 1px solid #fff;
    }

    #tablaGeneral.box td {
        width: 50%;
        padding: 20px;
        text-align: center;
        /* background-color: #fff; */
    }

    #tablaGeneral.box td h4 {
        font-family: 'Avenir Black';
        font-size: 1.2em;
    }

    #tablaGeneral.box.v2 td {
        padding: 20px 32px;
    }

    #tablaGeneral.box td span {
        padding: 6px 12px;
        background-color: #722783;
        color: #fff;
        font-family: 'Avenir Black';
        border-radius: 50%;
        margin-right: 25px;
    }

    #tablaGeneral td.red i,
    #tablaGeneral td.red strong,
    #tablaGeneral td.red {
        color: #ed3535;
    }

    #tablaGeneral td.green i {
        color: #36ea69;
    }

    table td.left,
    table th.left,
    table td.left strong,
    table th.left strong {
        text-align: left !important;
    }

    table td.center,
    table th.center,
    table td.center p,
    table td.center strong,
    table th.center strong {
        text-align: center !important;
    }

    table td.right,
    table th.right,
    table td.right strong,
    table th.right strong {
        text-align: right !important;
    }

    @media only screen and (max-width: 1200px) {
        #tablaGeneral {
            max-width: 100%;
            overflow: scroll;
        }
    }



    /* ------------ SERVICIOS ------------ */


    .user {
        padding: 12px 12px;
        background-color: #fff;
        border-radius: 8px;
        text-align: center;
        box-shadow: 0px 9px 10px -10px #702f8a5b;
        border-radius: 16px;
    }

    .user i,
    .user p,
    .user p strong {
        display: block;
        text-align: center;
        padding-bottom: 0;
    }

    .user i,
    .user svg {
        color: #722783;
        font-size: 24px;
        /* padding-left: 12px; */
        position: relative;
        top: 2px;
        padding-bottom: 12px;
    }

    .user p>.fa-facebook {
        color: #1877f2;
    }

    .user p>.fa-telegram {
        color: #2b9fd9;
    }

    .user p>.fa-whatsapp {
        color: #25d366;
    }

    .user p>.fa-instagram {
        color: #ee2a7b;
    }

    .user p>.fa-twitter {
        color: #1d9bf0;
    }

    .user p>.fa-linkedin {
        color: #0a66c2;
    }

    .user p>.fa-youtube {
        color: #ff0000;
    }

    .user p>.fa-facebook-messenger {
        color: rgba(63, 94, 251, 1);
    }

    .user.break {
        grid-column: 3 / span 2;
    }

    .logos {
        justify-items: center;
        margin-bottom: 100px;
    }

    .logos figure {
        width: 100%;
    }

    .logos figure,
    .logos figure>img {
        height: 200px !important;
        display: block;
        margin: 12px auto;
    }

    .logos figure figcaption {
        display: block;
        line-height: 1.5;
        padding: 12px 16px;
        text-align: center;
    }

    .minSubtitle {
        display: block;
        text-transform: lowercase;
        color: #fff;
    }


    /* -------- CHART ----------- */

    /* .dataChart { 
        position: relative;
        width: 100%;
    } */
    /*solo para impresion a PDF */

    .dataChart {
        text-align: center;
        display: block;
        margin: 20px auto 35px auto;
    }

    .dataChart>canvas {
        /* max-width: 465px !important; */
        background-color: #fff !important;
    }

    .dataChart p {
        text-align: center;
        font-family: "Avenir Heavy";
        padding-bottom: 5px;
    }

    .minusLegendTrick {
        overflow: hidden;
        height: 375px;
    }
    .minusLegendTrick canvas {
        margin-top: -25px;
    }

    .custom-bar {
        height: 150% !important; /* Ajustar al porcentaje deseado */
    }


    /* ----------------
    ERROR
    ----------------- */

    p.error {
        color: red !important;
    }

    .sign {
        width: 90%;
        margin: 10px auto;
        padding: 30px 0;
        text-align: center;
        line-height: 1.2;
    }

    .sign img {
        width: 200px;
        /* height: 120px; */
        position: relative;
    }

    .sign p {
        text-align: center !important;
        padding-bottom: 8px;
    }

    .quote {
        padding: 10px 35px 30px 35px;
        text-align: justify;
    }

    .oblique {
        font-style: oblique;
    }



    div.boxDiseno {
        display: block;
        /* background-color: rgb(138, 138, 138); */
        text-align: center;
        color: #444343;
        position: relative;

        font-size: 3.2em;
        color: #702f8a;
        /* color: rgb(112, 47, 138); */
        margin-bottom: 35px;
    }

    div.boxDiseno img {
        display: block;
        width: 100%;

    }

    #chart9 {
        width: 100%;
    }

        /* -------- EMPIEZA MENU ----------- */

        .menuprincipal {
            display: none;
            background-color: #fff;
            width: 90%;
            font-size: inherit;
            color: #36ea69;
            padding: 5%;
            position: absolute;
            top:125px;
            box-shadow: 0px 0px 25px 0px #836193;
        }
        .menuprincipal > ul {
            columns: 3;
        }
        .menuprincipal > ul >li,
        .menuprincipal > ul >li >ul >li{
            margin-top: 8px;
            margin-bottom: 8px;
            box-shadow: 0px 0px 25px 0px 12px #b231edc7;
            /* border-bottom: 0px solid #00000000 ; */
            list-style: none;
        }
        .menuprincipal > ul >li:before,
        .menuprincipal > ul >li >ul >li:before {
            content: "";
            background-color: #fff;
        }
        .menuprincipal ul li:hover a strong,
        .menuprincipal ul li:hover {
            /* box-shadow: 0px 0px 25px 0px #702f8a; */
            color: #702f8a;
        }

        a.close {
            position: absolute;
            top: -78px;
            font-size: 1.2em;
            background: #fff;
            padding: 12px 16px;
            border-radius: 50px;
            left: 372px;
        }

        /* -------- TERMINA MENU ----------- */

        .efStyles > div > img {
            width: 100%;
        }


        .botonOculto {
            position: absolute;
            /* transform: translateX(); */
            right: 40px;
        }