@font-face {
        font-family: 'Gotham Rounded';
        src: url('../fonts/gothamrnd-book-webfont.woff2') format('woff2');
        font-weight: 400; 
        font-display: swap; 
    }
    @font-face {
        font-family: 'Gotham Rounded';
        src: url('../fonts/gothamrnd-light-webfont.woff2') format('woff2');
        font-weight: 200; 
        font-display: swap; 
    }
    @font-face {
        font-family: 'Gotham Rounded';
        src: url('../fonts/gothamrnd-medium-webfont.woff2') format('woff2');
        font-weight: 600; 
        font-display: swap; 
    }

    a{
        text-decoration: none;
        transition: all 0.3s ease 0s;
    }

h1{
    font-size: 34px;
    font-weight: 600;
    text-align: center;
    line-height: 1em;
    color: #ffffff;
}
h1::after{
    content: '';
    width:40px;
    display: block;
    border-bottom: 2px solid #FFB10D;
    margin: 12px auto 5px;
}
h1.sinlinea::after{
    display: none;
}
h1 span{
    color:#FFB10D;
}
h2{
    font-size: 18px;
    font-weight: bold;
}
html {
    height: 100%;
}
body {
    font-family: 'Gotham Rounded', sans-serif;
    font-size: 15px;
    height: 100%;
}
p{
    line-height: 1.2em;
}
.superior {
    padding-top: 10px;
    padding-bottom: 10px;
}
.contenedor {
    max-width: 390px;
    height: 100%;
}
.principal{
    min-height: calc(100% - 70px);
    height: auto;
    padding-top: 15px;
}
.mt-n3{
    margin-top: -15px;
}

/* TEXTOS */

.text-naranja{
    color: #FF5600;
}
.text-verde{
    color:#008432;
}
.text-blanco{
    color:#ffffff;
}
.text-13{
    font-size: 13px;
}

/* BOTONES */

.btn-video a{
    border-radius: 5px;
    border-right: 5px solid #FF5600;
    margin: 0 auto;
    background-color: #E6E6E6;
    color: #606060;
    background-image:url(../images/ico-video-naranja.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
    display: flex;
    height: 45px;
    padding-right: 45px;
    padding-left: 15px;
    align-items: center;
    width: 180px;
}
.btn-video a:hover{
    background-color: #FF5600;
    color: #ffffff;
}

/* ACORDEONES */

.accordion{
    margin-bottom: 90px;
}
.accordion-item{
    border-radius: 5px;
    border-color: #1D1D1B;
    background-color:#E6E6E6;
}
.accordion-button {
    background-color:#E6E6E6;
    color: #44713F;
    font-size: 11px;
    border-radius: 5px;
    padding:8px 8px 8px 15px;
}
.accordion-button::after {
    background-image: url(../images/ico-flecha-abajo-verde.png);
    background-size: contain;
}
.accordion-button:not(.collapsed)::after{
    background-image: url(../images/ico-flecha-abajo-verde.png);
}
.accordion-button:not(.collapsed) {
  background-color:#E6E6E6;
  color:#000000;
}
.accordion-body{
    font-size: 12px;
}
.accordion-body ul{
    padding-left: 10px;
}
.accordion-body li::marker{
    color: #44713F;
}

/* CARDS */

.card-titulo{
    font-size: 13px;
    line-height: 1em;
    padding: 10px 5px 5px 10px;
}

/* MODAL */

.modal-video{
    margin:0 auto;
}

/* MENU */

.inferior {
    max-width: 390px;
        min-height: 84px;
        background-image: url(../images/fondo-inferior.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom center;
        padding-bottom:35px;
}
.menu-inferior {
        width: 58px;
        height: 58px;
        padding: 0;
}
.menu-inferior .dropdown-menu{
    background-image: url(../images/fondo-menu.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 304px;
    height: 567px;
    padding: 15px;
    background-color: transparent;
}
div.dropup>.dropdown-menu {    
    display: inherit;
    transform: translate(69px, 19px) scaleX(0);
    transition: all 0.8s cubic-bezier(0,-0.14,.27,1.55);
    transform-origin:left;
    left: 0;
}
.menu-inferior .dropdown-item{
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 15px 0;
}
.menu-inferior .dropdown-item:hover{
    background-color: #FF5600;
}

.menu-inferior .dropdown-header{
    background-color: #FF7A00;
    border-radius: 5px;
    border-right: 5px solid #FF6500;
    color: #ffffff;

}
.inferior .dropdown-toggle{
    padding: 0;
    border: 1px solid #fff;
  border-radius: 50%;
}
.inferior .dropdown-toggle::after{
    display: none;
}

/* MENÚ INTERNO */

.menu-interno li{
    padding-bottom: 7px;
    list-style: none;
}
.menu-interno a{
    border-radius: 5px;
    background-color: #E6E6E6;
    border-right: 5px solid #FF5600;
    color: #606060;
    background-image:url(../images/ico-video-naranja.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
    display: flex;
    font-size: 12px;
    line-height: 1.2em;
    height: 42px;
    padding-right: 42px;
    align-items: center;
}
.menu-interno a:hover{
    background-color: #FF5600;
    color: #ffffff;
}
.menu-interno-texto{
    width: 100%;
    padding: 2px 0;
}

/* LOGROS */

.principal-logros-individual,
.principal-logros{
    background-image: url(../images/fondo-logros.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    border-radius: 25px 25px 0 0;
    padding-bottom: 90px;
}
.contenido-logros-home{
    color: #ffffff;
     padding:0 10px;
}

.menu-logros .menu-logros-destacado a{
    background-image:url(../images/ico-video-amarillo.png);
    border-color: #FFB10D;
}

.card-logros{
    margin-bottom: 30px;
    border: none;
    background-color: transparent;
}
.card-logros .card-body{
    margin-top: -5px;
    background-color:#FF6500;
    color: #ffffff;
    border-radius: 5px;
    border-right: 5px solid #FFB10D;
}
.card-logros h2{
    font-weight: bold;
}
.accordion-logros .accordion-button div{
    width: 90%;
}
.principal-logros-individual .carousel-control-prev{
    left: -40px;
    background: none;
}
.principal-logros-individual .carousel-control-next{
    background: none;
    right: -40px;
}
.accordion-logros{
    margin-bottom: 90px;
}

/* PALABRAS */

.pg-palabras .principal-palabras{
    background-color: #EEEDED;
    border-radius: 25px;
    padding:20px 30px 90px;
}
.pg-palabras .principal-palabras > .col{
    background-image: url(../images/fondo-palabras.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 40px;
    padding-bottom: 30px;
}
.principal-palabras h1{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.1em;
    color: #6B767A;
}
.principal-palabras h1::after {
  border-bottom: 2px solid #FF5600;
  margin: 6px 0;
}
.principal-palabras h1 strong{
    color: #FF5600;
    font-size: 23px;
}
.contenido-palabras .card-titulo{
    margin-top: 170px;
    margin-bottom: 20px;
    width: 160px;
    border-radius: 5px;
    border-right: 5px solid #FF5600;
    background-color: #E6E6E6;
}
.palabras-txt{
    color: #ffffff;
}
.palabras-txt h2{
    font-size: 30px;
    line-height: 0.9em;
}
.palabras-txt h2 span{
    font-size: 21px;
    font-weight: normal;
    line-height: 0.9em;
}
.palabras-txt-fondo{
    background-color: #ffffff;
    color:#383838;
    border-radius: 5px;
    line-height: 1.2em;
}

/* DIGITAL */

.principal-digital{
    background-image: url(../images/fondo-digital.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    border-radius: 30px 30px 0 0;
}
.principal-digital h1{
    color: #ffffff;
}
.principal-digital h1::after{
    border-color: #FFB10D;
}
.principal-digital h1 span{
    color: #FFB10D;
}


/* CONECTADOS */

.principal-conectados h1{
    color: #ffffff;
}
.principal-conectados h1::after{
    border-color: #FFB10D;
}
.principal-conectados h1 span{
    color: #FFB10D;
}
.principal-conectados{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    border-radius: 30px 30px 0 0;
}
.pg-conectados-home .principal-conectados{
    background-image: url(../images/fondo-conectados.webp);
}
.pg-conectados-clientes .principal-conectados{
    background-image: url(../images/fondo-vo-lorena.webp);
}
.pg-conectados-comercial .principal-conectados{
    background-image: url(../images/fondo-vp-felipe.webp);
}
.pg-conectados-financiera .principal-conectados{
    background-image: url(../images/fondo-vp-juan.webp);
}
.pg-conectados-inversiones .principal-conectados{
    background-image: url(../images/fondo-vp-alonso.webp);
}
.pg-conectados-juridica .principal-conectados{
    background-image: url(../images/fondo-vp-silvia.webp);
}
.pg-conectados-riesgos .principal-conectados{
    background-image: url(../images/fondo-vp-roberto.webp);
}
.pg-conectados-transformacion .principal-conectados{
    background-image: url(../images/fondo-vp-erik.webp);
}
.contenido-conectados-individual .cita{
    color: #ffffff;
    margin-bottom: 20px;
}
.cita .card-titulo{
    padding: 0;
}
.cita .card-titulo::before{
    content: '';
    width:40px;
    display: block;
    border-top: 2px solid #FF5600;
    margin: 12px 0;
}
.contenido-conectados-individual .btn-video a{
    margin: 0 auto;
    background-image: url(../images/ico-video-amarillo.png);
}

/* BIENESTAR */

.principal-bienestar{
    background-image: url(../images/fondo-bienestar.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    border-radius: 30px 30px 0 0;
    padding-top: 40px;
    color: #ffffff;
}
.btn-video-bienestar a{
    width: 165px;
    font-size: 12px;
    padding-left: 10px;
}

/* EMBAJADORES */

.principal-embajadores {
    background-image: url(../images/fondo-embajadores.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    border-radius: 30px 30px 0 0;
    padding-top: 20px;
    padding-bottom: 90px;
    color: #ffffff;
}
.principal-embajadores h1 div{
    font-size: 18px;
    font-weight: normal;
    line-height: 1em;
}

/* RECUERDOS */

.principal-recuerdos{
    background-image: url(../images/fondo-recuerdos.webp);
    border-radius: 30px 30px 0 0;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
}
.pg-recuerdos .contenedor{
    height: auto;
}
.contenido-recuerdos-home{
    padding-bottom: 70px;
}
.menu-interno-grid {
    display: flex;
    justify-content:center;
    flex-wrap: wrap
}
.menu-interno-grid li{
    list-style: none;
    margin: 5px;
}
.menu-interno-grid li a{
    background-color:#FFB10D;
    border: 1px solid #ffffff;
    border-radius:10px;
    color: #ffffff;
    display: block;
    font-size: 12px;
    line-height: 1em;
    height: 75px;
    width: 100px;
    text-align: center;
    box-shadow: 5px 5px 8px 0 rgba(0,0,0,0.2);
}
.text-peq.menu-interno-texto{
    font-size: 11px;
}
.menu-interno-grid li a:hover{
    background-color: #FF5600;
    color: #ffffff;
}
.menu-interno-icono{
    background-color: #FF5600;
    border-radius: 10px 10px 0 0;
    padding: 6px;
}
.menu-interno-icono img{
    max-width:70px;
    max-height: 30px;
}
.pg-recuerdos-individual .principal-recuerdos{
    min-height:700px;
}
.pg-recuerdos-individual .contenedor{
    height: auto;
}
.contenido-recuerdos-individual{
    padding-bottom: 70px;
}
.contenido-recuerdos-individual .carousel{
    margin-bottom: 30px;
}
.contenido-recuerdos-individual .carousel-inner img{
    border-radius: 10px 10px 0 0;
}
.contenido-recuerdos-individual h5{
    background-color: #FF6500;
    color: #ffffff;
    text-align: left;
    font-size: 16px;
    padding: 10px 0 15px 15px;
    margin-bottom: 10px;
    border-right: 4px solid #FFB10D;
    border-bottom-right-radius: 5px;
    border-radius: 5px;
    z-index: 2;
  position: relative;
}
.contenido-recuerdos-individual .carousel-caption p{
    margin: 0 30px;
}
.contenido-recuerdos-individual .carousel-control-prev{
    border-radius: 10px 0 0 10px;
}
.contenido-recuerdos-individual .carousel-control-next{
    border-radius:0 10px 10px 0;
}
.carousel-control-prev{
    opacity: 1;
    background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
}
.carousel-control-next{
    opacity: 1;
    background: linear-gradient(to left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
}
.carousel-control-prev-icon {
  background-image: url(../images/ico-flecha-izq.png);
  background-size: 80%;
}
.carousel-control-next-icon {
  background-image: url(../images/ico-flecha-der.png);
  background-size: 80%;
}

/* TRANSFORMACION */

.principal-transformacion h1::after{
    border-color: #FF6500;
}
.principal-transformacion h1 span{
    color: #FF6500;
}
.pg-transformacion{
    height: auto;
}
.principal-transformacion{
    background-image:url(../images/fondo-transformacion-largo.webp);
    background-color: #EDECEC;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    border-radius: 30px 30px 0 0;
    padding-bottom: 90px;
}
.principal-transformacion .antetitulo{
    font-size: 18px;
}
.principal-transformacion .card-fecha{
    background-color: #FF5600;
    color: #ffffff;
    font-weight: 800;
    text-align: center;
  width: 80px;
  margin: -30px auto 10px;
}
.principal-transformacion .card-fecha-verde{
    background-color: #008432;
}
.principal-transformacion .card{
    border: 1px solid #008432;
    padding:20px 10px;
    box-shadow: 5px 5px 8px 0 rgba(0,0,0,0.2);
}
.principal-transformacion .card-body{
    background-color: #ffffff;
    color: #1D1D1B;
}
.principal-transformacion .card-title{
    color: #FF0000;
    font-size: 14px;
    font-weight: bold;
}
.principal-transformacion .card img{
    border-radius: 15px;
}
.principal-transformacion .vr {
    margin: 0 auto;
}

/* HOME */

.pg-inicio .contenedor{
    background-image:linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3)), url(../images/foto-home.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
h1.home-bienvenidos{
    font-size: 36px;
    color: #FF6500;
}
.card-home {
    border-radius: 20px;
    background-color:rgba(255, 255, 255, 0.8);
    margin-top:180px;
    border: none;
}
.card-home .vr{
    width: 4px;
    background-color: #CEC700;
    opacity: 1;
}