@font-face {
    font-family: 'Roboto BCn';
    src: url('../fonts/Roboto-BoldCondensed.ttf'),
        url('roboto-boldcondensed-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Roboto Cn';
    src: url('../fonts/Roboto-Condensed.ttf'),
        url('roboto-condensed-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Roboto CnIt';
    src: url('../fonts/Roboto-CondensedItalic.ttf'),
        url('roboto-bolditalic-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Roboto BCnIt';
    src: url('../fonts/Roboto-BoldCondensedItalic_0.ttf'),
        url('roboto-boldcondenseditalic_0-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.ttf'),
        url('roboto-regular-webfont.woff') format('woff');
}

:root {
    --green: #00893F;
    --yellow: #FCD96F;
    --white: #fff;
    --black: #000;
}

body {
    font-family: 'Roboto BCn';
    font-size: 12px;
    overflow-x: hidden;
}

iframe {
    width: 100%;
}

.text-hidden {
    height: 0;
    overflow: hidden;
    width: 0;
}

/*MODIFICADORES*/
/*Colores fondo*/
.colorblanco {
    background-color: var(--white) !important;
}

.grisclaro {
    background-color: #F4F2EE !important;
}

/*------------*/

/*Tipografía*/
.tit-negro {
    font-family: 'Roboto BCn';
    font-size: 32px;
    color: var(--black);
}

.subtit-peq {
    font-size: 20px !important;
}

.parrafo {
    font-size: 16px;
    font-family: 'Roboto Cn';
}

.txt-mini {
    font-size: 11px !important;
}

blockquote {
    padding: 0;
    margin: 0;
}

.quote {
    font-family: 'Roboto BCn';
    margin: 2em 0;
    border-left: 2px solid var(--yellow);
    padding-left: 2em;
}

.txt-verde {
    color: var(--green) !important;
}

.txt-gris {
    color: #686868 !important;
}

.txt-negro {
    color: var(--black);
}

.txt-centrar {
    text-align: center !important;
}

.txt-derecha {
    text-align: right !important;
}

.txt-left {
    text-align: left !important;
}

.txt-enlinea {
    display: inline-block !important;
}

.txt-subrayado {
    text-decoration: underline !important;
}

/*------------*/

/*Elementos*/
.linea-baja {
    display: block;
    height: 2px;
    width: 100%;
    max-width: 160px;
    margin: 10px auto 0;
    background: var(--yellow);
}

.estrellas p {
    font-size: 20px;
    color: var(--yellow);
}

.estrellas span {
    color: #cccccc;
}

/*Botones*/
.btn-lateral ul li {
    padding: 1em 2em;
    width: 100%;
    display: block;
    border-bottom: 1px solid #cccccc;
    font-size: 14px;
    font-family: 'Roboto Cn';
}

.btn-lateral ul li a {
    color: var(--black);
}

.link-random ul {
    margin: 30px 0 0;
    padding-left: 0;
}

.link-random ul a {
    color: var(--green);
    font-size: 16px;
    margin-right: 10px;
    text-transform: lowercase;
}

.link-random ul a::after {
    content: '|';
    color: var(--green);
    margin-left: 10px;
}

.link-random ul a:last-child::after {
    display: none;
}

.en-linea {
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
}

.en-linea img {
    width: 100%;
}

.ref-post {
    display: block;
}

.ref-post a {
    text-align: left;
}

.ref-post p {
    margin-bottom: 0;
}

.esp-left {
    margin-left: 0;
}

/*------------*/

/*Ancho alto decoración cajas*/
.deco-contorno {
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2);
    border: 1px solid lightgrey;
}

.cero-padd {
    padding: 0 !important;
}

.dos-padd {
    padding: 2em;
}

.ancho-completo {
    width: 100% !important;
}

.un-alto {
    margin-top: 1em !important;
}

.dos-alto {
    margin-top: 3em !important;
}

.dos-bajo {
    margin-bottom: 3em !important;
}

.sep-resp-arriba {
    margin-top: 2rem;
}

.padd-doscuartos {
    padding: 0 25% !important;
}

.marg-top-bott-dos {
    margin: 2em 0;
}

.al-centro {
    margin: 0 auto;
}

.historia-full-width img {
    width: 100%;
}

/*------------*/

/*----buscador nav desktop---*/
#box-search {
    position: absolute;
    width: 300px;
    background: #2B2B2B;
    z-index: 102;
    overflow: hidden;
    display: none;
    margin-top: 36px;
}

.lista-buscar {
    margin: 20px auto;
    width: 95%;
    background-color: var(--white);
}

.lista-buscar ul {
    padding: 0;
    margin: 0;
}

.lista-buscar h5 {
    color: var(--black);
    padding: 20px 20px;
    font-size: 12px;
    text-align: left;
}

.lista-buscar p {
    padding: 0;
    color: var(--black);
    font-size: 12px;
    text-align: left;
}

.lista-buscar h6 {
    color: var(--green);
    margin: 0;
    padding: 0;
}

#box-search li {
    padding: 0;
    margin-top: 0.5em;
    background-color: #fafafa;
}

#box-search li a {
    display: block;
    color: #777777;
    padding: 12px 20px;
    text-align: left;
}

#box-search li a:hover {
    background: #f3f3f3;
}

/*------------*/

/*----buscador nav mobile---*/

#box-searchc {
    position: absolute;
    width: 100%;
    height: 350px;
    background: #2B2B2B;
    z-index: 102;
    overflow: scroll;
    display: none;
    margin-top: 20px;
}

.lista-buscarc {
    margin: 0 auto;
    width: 95%;
    background-color: var(--white);
}

.lista-buscarc ul {
    padding: 0;
    margin: 0;
}

.lista-buscarc h5 {
    color: var(--black);
    padding: 20px 20px;
    font-size: 12px;
    text-align: left;
}

.lista-buscarc p {
    padding: 0;
    color: var(--black);
    font-size: 12px;
    text-align: left;
}

.lista-buscarc h6 {
    color: var(--green);
    margin: 0;
    padding: 0;
}

#box-searchc li {
    padding: 0;
    margin-top: 0.5em;
    background-color: #fafafa;
}

#box-searchc li a {
    display: block;
    color: #777777;
    padding: 12px 20px;
    text-align: left;
}

#box-searchc li a:hover {
    background: #f3f3f3;
}

.btn-mas-resul {
    padding: 2rem 1rem;
    max-width: none;
    text-decoration: underline;
}

.btn-mas-resul::after {
    content: '❯';
    margin-left: 10px;
    text-decoration: none !important;
}

/*------------*/

/*---Slider home---*/

.slider-main {
    position: relative;
    max-height: 495px;
    margin-top: 154px;
}

.slider-main img {
    position: absolute;
    top: 0;
}

.slider-main .content-lead {
    display: block;
    position: relative;
    margin-top: 100px;
}

.slider-main .content-lead .desc {
    font-family: 'Roboto Cn';
    color: var(--white);
    font-size: 1.5em;
    max-width: 377px;
}

.slider-main .button.primary.outline.yellow {
    margin: 1em auto;
}

/*----------*/

.inl {
    display: inline-flex;
}

.yellow {
    color: var(--yellow);
}

.yellow:hover {
    color: var(--yellow);
}

.banner-simple {
    position: relative;
}


.lead-banner-principal {
    margin-left: 0;
}

.container.contacto {
    position: relative;
}

.lead-banner-principal {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
}

.content-lead .text-lead p {
    color: #fff;
    filter: drop-shadow(2px 0 10px rgba(0, 0, 0, .65));
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.3;
}

.slider-main .content-lead .text-lead {
    background-color: rgba(0, 0, 0, .6);
    max-width: 480px;
    position: relative;
    padding: 2rem;
    margin: 0 auto;
}

.slider-main .slick-slide {
    margin: 0;
}

.slider-main .slick-prev::before {
    content: url(../img/home/prev.png);
}

.slider-main .slick-next::before {
    content: url(../img/home/next.png);
}

.slider-main .slick-dots {
    bottom: 25px;
}

.slider-main .slick-dots li.slick-active button::before {
    opacity: .75;
    color: var(--white);
}

.slider-main .slick-dots li button::before {
    font-size: 15px !important;
}

.slider-main .slick-dots li button::before {
    color: var(--yellow);
    opacity: 1;
}

.customer-logos .slick-prev {
    left: -15px;
    z-index: 1;
}

.customer-logos .slick-next {
    right: 0;
    z-index: 1;
}

a,
a.button:hover,
button,
button.button:hover {
    text-decoration: none;
    display: block;
    text-align: center;
    max-width: max-content;
}

.button {
    font-family: 'Roboto BCn';
    font-size: 1em;
    padding: .75rem 1.9rem;
    border: none;
    cursor: pointer;
    line-height: 1;
    outline: none;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25);
    text-transform: uppercase;
    transition: .3s ease;
}

.button.secondary {
    background: var(--yellow);
    color: var(--green);
    min-width: 140px;
}

.button.secondary:hover {
    background: var(--yellow);
    transition: all .2s ease;
    text-decoration: none;
}

.button.round {
    border-radius: 2.1rem;
}

.button.primary.outline {
    background: transparent;
    color: var(--green);
    border: 1px solid var(--green);
    box-shadow: none;
    margin: 0 auto;
    max-width: max-content;
    outline: none;
}

.fullwd.button.primary.outline {
    display: block;
    margin: 20px auto 0;
}

.button.primary.outline:active:hover,
.button.primary.outline:hover {
    background: var(--yellow);
    transition: all .2s ease;
    text-decoration: none;
    color: var(--green);
    border: none;
}

.button.primary.outline.yellow {
    color: var(--yellow);
    border: 1px solid var(--yellow);
}

.button.primary.outline.yellow:hover {
    background: var(--yellow);
    transition: all .2s ease;
    text-decoration: none;
    color: var(--green);
    border: none;
}

/* Cajones */
.servicios {
    color: #333;
    width: 100%;
    text-align: center;
    background-color: #fafafa;
    transition: .3s ease;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2);
    flex-grow: 1;
    flex-basis: 18%;
    margin: 0 auto 12px;
    max-width: 400px;
    position: relative;
}

.alianzas .servicios {
    max-width: 270px;
    height: max-content;
}

.alianzas .servicios p {
    text-align: left;
    font-size: 14px;
    line-height: 1.5;
    margin: auto;
    max-width: 209px;
    padding-top: 15px;
}

.alianzas .servicios picture {
    height: 50px;
    display: block;
    padding-bottom: 30px;
}

.servicios .imgProduct {
    align-self: center;
    max-width: 85px;
    width: 100%;
}

.alianzas .servicios .imgProduct {
    max-width: 120px;
}

.aliados-link {
    margin: 30px 0;
}

.aliados-link a {
    display: block;
    margin: 0 auto;
}

.servicios img {
    width: 100%;
    max-width: 64px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.servicios .link-mobile {
    display: flex;
    align-items: center;
    gap: 4px;
}

.servicios .link-mobile img {
    height: 16px;
    margin: 0;
    max-width: initial;
    width: auto;
}

.servicios .cards {
    align-items: center;
    cursor: pointer;
    display: block;
    height: 100%;
    padding: 14px;
    transition: all .8s;
}

.alianzas .cards .adicional {
    font-family: 'Roboto Cn';
    text-align: left;
    margin-left: 20px;
    font-size: 14px;
    line-height: 1.5;
    display: none;
}

.alianzas .sub-tit {
    font-family: 'Roboto BCn';
    color: var(--green);
}

.alianzas .adicional ul {
    padding-left: 10px;
    margin-bottom: 0;
}

.alianzas .adicional ul li {
    padding-bottom: 10px;
}

.alianzas .adicional p {
    margin-top: 0;
    margin-left: 0;
}

.alianzas .adicional p a {
    display: inline-flex;
    text-decoration: underline;
    font-weight: bold;
}

.servicios.left {
    margin: 0 0 0 auto;
}

.serv .right {
    margin-top: 3em;
}

.servicios .txt h3 {
    font-size: 26px;
    color: var(--green);
}

.servicios .txt {
    color: #2B2B2B;
    max-width: 309px;
    margin: 20px auto;
    font-size: 1.33em;
}

.servicios .button {
    display: block;
    margin: 0 auto;
}

.titulo {
    margin-top: 24px;
}

.titulo h2 {
    text-align: center;
    color: var(--green);
    font-size: 35px;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 24px;
}

.cards p {
    font-family: 'Roboto Cn';
    min-height: 100px;
}

.servicios .cards:hover {
    box-shadow: 2px 4px 15px 0 rgba(0, 0, 0, .2);
    text-decoration: none;
    transition: all .8s;
}

/* sección Blog del home */
section.blog {
    margin-top: 2em;
    padding: 15px 0 60px;
    width: 100%;
    background: #f4f2ee;
}

.card-blog {
    background: var(--white);
    min-height: 470px;
    max-width: 300px;
    display: block;
    margin: 0 auto;
    height: 100%;
}

.card-blog.left {
    margin: 0 0 0 auto;
}

.card-blog.right {
    margin: 0 auto 0 0;
}

.card-blog .img-blog {
    height: 173px;
    width: 100%;
}

.img-blog img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.card-blog .tit-categoria {
    font-size: 1em;
    color: #686868;
    display: block;
    text-align: left;
    text-transform: uppercase;
}

.card-blog .txt-blog {
    overflow: hidden;
    padding: 15px 20px 8px;
}

.card-blog .txt-blog h3 {
    font-size: 1.5em;
    display: block;
    text-align: left;
    color: var(--green);
    margin: 0.6em 0;
}

.card-blog .txt-blog p {
    display: -webkit-box;
    font-family: 'Roboto Cn';
    color: #2B2B2B;
    text-align: start;
    font-size: 1.16em;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.card-blog .link {
    display: flex;
    justify-content: flex-end;
    margin: auto 0 0 0;
    padding: 10px 20px 30px;
    width: 100%;
}

.card-blog .link a {
    color: var(--green);
    font-size: 1.16em;
    width: 100%;
    float: right;
}

.card-blog .link a:hover {
    text-decoration: underline;
    color: #2B2B2B;
}

.blog .slick-dotted.slick-slider {
    margin-bottom: 60px;
}

.blog .slick-dots {
    bottom: -60px;
}

.blog .button.primary.outline {
    margin: 0;
}

.rmp-heading--title {
    color: var(--green);
    font-size: 20px !important;
    font-weight: bold !important;
    margin-bottom: 16px !important;
}

.rmp-heading--title::after {
    content: '';
    display: block;
    height: 4px;
    width: 100%;
    max-width: 96px;
    margin: 5px auto 0;
    background: var(--yellow);
}

.rmp-heading--subtitle,
.rmp-rating-widget__results {
    display: none;
}

.rmp-rating-widget__icons-list .rmp-rating-widget__icons-list__icon .rmp-icon--star {
    font-size: 16px;
}

/*página Creditos*/


.creditos .card-blog {
    display: flex;
    flex-direction: column;
    position: relative;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2);
    padding-bottom: 30px;
    max-width: 450px;
    min-height: 540px;
    width: 100%;
}

.creditos .card-blog .img-blog {
    height: 382px
}

.creditos .card-blog .fullwd.button.primary.outline {
    margin: auto auto 0;
}

.creditos .card-blog .txt-blog p {
    color: #686868;
    font-size: 16px;
}

.creditos .card-blog .txt-blog h3 {
    font-size: 24px;
}

.creditos .card-blog .txt-blog h3 span {
    color: var(--yellow);
    margin-right: 10px;
}

.fnd-pop {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
    display: none;
    justify-content: center;
    align-items: center;
}

.modal-box {
    display: flex;
    flex-direction: column;
    font-family: 'Roboto Cn';
    padding: 2em;
}

.btn-cerrar {
    border: none;
    margin-left: auto;
    background-color: transparent;
    color: white;
    margin-bottom: 10px;
    padding: 0;
    font-size: 25px;
    line-height: 13px;
}

.btn-cerrar:hover {
    color: var(--green);
    cursor: pointer;
}

.btn-cerrar::after {
    content: 'CERRAR';
    display: block;
    font-size: 8px;
}

.caja-mensaje-pop {
    width: 100%;
    padding: 3rem;
    background-color: white;
}

.caja-mensaje-pop h6 {
    font-size: 15px;
    color: var(--green);
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
}

.caja-mensaje-pop p {
    font-size: 15px;
    color: gray;
    text-align: center;
    margin: 0;
}

.modal-box img {
    width: 100%;
}

/*--página Blog--*/
section.grisclaro .dos-padd {
    display: block;
    text-align: center;
}

section.grisclaro .dos-padd .esp-left {
    margin: 0 auto;
}

section.grisclaro h3,
section.grisclaro .navigation,
section.grisclaro .commentlist {
    display: none;
}

section.grisclaro .comment-respond .comment-form .logged-in-as {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

section.grisclaro .comment-respond .comment-form .logged-in-as a {
    color: var(--green);
    font-size: 14px;
}

section.grisclaro .comment-respond .comment-form .comment-form-comment label {
    font-size: 14px;
}

section.grisclaro .comment-respond .comment-form .comment-form-comment textarea {
    outline: none;
    padding: 5px 10px;
}

section.grisclaro .post-categories {
    display: flex;
    justify-content: center;
}

section.grisclaro .post-categories a {
    text-transform: uppercase;
}

section.grisclaro .post-categories a:hover {
    color: var(--green);
}

section.grisclaro .interes .post-categories {
    justify-content: flex-start;
}

section.grisclaro .interes .post-categories li {
    margin-right: 10px;
}

section.grisclaro .interes .post-categories li:last-child {
    margin-right: 0;
}

/*---Slider blog---*/

.blog .slider-main {
    position: relative;
    max-height: 495px;
    max-width: 762px;
    margin: 0 auto 30px;
    height: fit-content;
}

.blog .slider-main img {
    position: relative;
    width: auto;
}

.blog .slider-main .slide-blog {
    position: relative;
    max-height: 390px;
}

.blog .slider-main .slide-blog .container {
    position: absolute;
    top: 100px;
}

.blog .slider-main .content-lead {
    display: block;
    position: relative;
}

.blog .slider-main .content-lead .desc {
    font-family: 'Roboto Cn';
    color: var(--white);
    font-size: 1.5em;
    max-width: 377px;
}

.blog .slider-main .button.primary.outline.yellow {
    margin: 1em auto;
}

.blog .lead-banner-principal {
    display: block;
    margin-left: 0;
    left: 50%;
    transform: translate(-50%, -280%);
}

.blog .text-lead {
    margin: 0 auto;
}

.blog .content-lead .text-lead p {
    text-align: center;
}

/*----------*/

.blog .card-blog {
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2);
    display: grid;
    max-width: 370px;
    width: 100%;
}

.blog .card-blog .txt-blog p {
    color: #686868;
    font-size: 16px;
    margin: 0;
    width: 100%;
}

.blog .card-blog .txt-blog h3 {
    font-size: 24px;
}

.blog .card-blog .txt-blog h3 span {
    color: var(--yellow);
}

.btns-flex {
    display: inline-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 8%;
}

.btns-flex .button {
    min-width: 135px;
    text-align: center;
}

.link-random {
    display: flex;
}

.link-random ul {
    display: flex;
    width: 100%;
}

/*-------*/
.aliados {
    padding: 20px 0;
}

.blog-slider .slick-dots li button::before {
    width: 40px;
    height: 3px;
    content: url(../img/home/rectangulo.png);
    color: var(--green);
}

.blog-slider .slick-dots li {
    margin: 0 10px;
}

/* slick */
.customer-logos {
    margin: 20px 0;
}

.customer-logos .slick-prev::before,
.customer-logos .slick-next::before {
    font-size: 35px;
}

.slick-slide {
    margin: 0px 20px;
}

.customer-logos .slick-slide img {
    width: 100%;
    max-width: 180px;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-dots {
    visibility: hidden;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-prev::before,
.slick-next::before {
    color: #c0c0c0;
}

.info {
    display: block;
    text-align: center;
    padding: 20px 0;
}

.info a {
    margin: 0 auto;
}

/* FAQ */
.preguntas {
    background: #F7F7F7;
}

.preguntas .titulo h2 {
    text-align: left;
}

.preguntas .accordion-header {
    margin-top: 0;
}

.preguntas .accordion-header:first-of-type {
    margin-top: 0em;
    margin-bottom: 0em;
}

.preguntas .accordion-header {
    margin-top: 0.3em;
}

.preguntas .accordion-collapse {
    border: none;
    margin-top: 0.5em;
}

.preguntas .accordion .accordion-collapse {
    border: none;
}

.accordion .accordion {
    min-height: auto;
}

.preguntas .accordion-button {
    font-family: 'Roboto BCn';
    padding: 0.5rem 0;
    min-width: 100%;
    color: #2B2B2B;
}

.preguntas.faq .accordion-button {
    padding: 1.5rem 0;
}

.preguntas .accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.preguntas .accordion-button:not(.collapsed) {
    color: var(--green);
    background-color: transparent;
    border-bottom: 1px solid var(--green);
}

.preguntas .accordion-button:not(.collapsed)::after {
    background-image: url(../img/home/flecha-verde.svg);
    background-size: 1.25rem;
}

.preguntas .accordion-button::after {
    background-image: url(../img/home/flecha-negra.svg);
}

#accordionFlush1 .accordion-button::after {
    display: none;
}

.preguntas .accordion-body {
    font-family: 'Roboto Cn';
    color: #686868;
    font-size: 1.33em;
    padding: 0.1rem 0rem;
}

.preguntas .accordion-body a {
    color: var(--green);
    text-decoration: underline;
    display: inline;
}

.preguntas .accordion-body .accordion-body {
    padding: 0;
    font-size: 1em;
    margin-bottom: 1em;
}

.faq.preguntas .accordion-body .accordion-body {
    padding: 0.7em 0;
    max-width: 665px;
}

.faq.preguntas small {
    display: block;
    font-size: 12px;
    margin-top: 1em;

}

#accordionFlush1 .accordion-button:not(.collapsed) {
    color: #2B2B2B;
}

.accordion-item .accordion-item .accordion-button {
    border: none;
}

#accordionFlush1 .accordion-button,
#accordionFlush2 .accordion-button,
#accordionFlush3 .accordion-button,
#accordionFlush4 .accordion-button {
    padding: 0;
    text-align: left;
}

.faq #accordionFlush1 .accordion-button,
.faq #accordionFlush2 .accordion-button,
.faq #accordionFlush3 .accordion-button,
.faq #accordionFlush4 .accordion-button {
    padding: 1em 0 0;
    margin-bottom: 1em;
}

#accordionFlush2 .accordion-button::after,
#accordionFlush3 .accordion-button::after,
#accordionFlush4 .accordion-button::after {
    background-image: none;
}

#accordionFlush2 .accordion-button:not(.collapsed),
#accordionFlush3 .accordion-button:not(.collapsed),
#accordionFlush4 .accordion-button:not(.collapsed) {
    color: #2B2B2B;
    border-bottom: 1px solid #2B2B2B;
}

#accordionFlush1 .accordion-button:hover,
#accordionFlush2 .accordion-button:hover,
#accordionFlush3 .accordion-button:hover,
#accordionFlush4 .accordion-button:hover {
    color: var(--green);
    background-color: transparent;
}

#accordionFlush2 .accordion-button::after,
#accordionFlush3 .accordion-button::after,
#accordionFlush4 .accordion-button::after {
    width: 1;
}

.alinear-abajo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Ayuda */
.ayuda {
    background: var(--green);
    padding: 20px 0;
    position: relative;
}

.mensaje-ayuda {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.mensaje-ayuda svg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.content-one {
    align-items: center;
    display: flex;
}

.mensaje-ayuda img {
    max-width: 52px;
    margin: 0 10px;
}

.mensaje-ayuda p {
    color: var(--white);
    font-size: 20px;
    line-height: 2;
    margin-bottom: 0;
}

.mensaje-ayuda a,
.mensaje-ayuda a:hover {
    display: block;
    margin: 0 15px;
    width: 100%;
}

.mensaje-ayuda span {
    font-size: 1.5em;
}

.mensaje-ayuda .button.primary.outline {
    border-color: var(--yellow);
    color: var(--yellow);
    font-size: 16px;
    margin-left: 15px;
    text-transform: none;
}

.mensaje-ayuda .button.primary.outline:hover {
    background: var(--yellow);
    border: 1px solid var(--yellow);
    color: var(--green);
}

/* footer */
footer {
    display: block;
    width: 100%;
    background: var(--green);
}

footer .title {
    color: var(--yellow);
}

.vigilado {
    margin-top: 20px;
    margin-right: 20px;
}

.uno {
    padding-bottom: 1.2em;
}

.uno h4 {
    font-size: 1.33em;
    padding: 1.2em 0;
    text-align: left;
}

.uno p {
    font-family: 'Roboto Cn';
    color: var(--white);
    margin: 0;
    font-size: 1.16em;
}

.uno p a {
    display: inline;
    color: var(--white);
}

.uno p a.yellow {
    font-weight: normal;
    color: var(--yellow);
    text-decoration: underline;
}

.dos {
    border-top: 1px solid var(--yellow);
    border-bottom: 1px solid var(--yellow);
    width: 100%;
    display: block;
    padding: 1em 0;
}

.dos ul {
    font-family: 'Roboto Cn';
    list-style: none;
    display: inline-flex;
    text-align: center;
    margin: 0 auto;
}

.dos li:first-of-type {
    border: none;
}

.dos li {
    color: var(--white);
    border-left: 1px solid var(--yellow);
    padding: 0 20px;
}

.dos li p {
    margin: 0;
}

.dos li a {
    color: var(--white);
    font-size: 14px;
}

.dos li a:hover,
.dos li a:focus,
.dos li a:active {
    color: var(--yellow);
    text-decoration: none;
}

.tres {
    width: 100%;
    display: block;
    text-align: center;
    padding: 1em 0;
}

.tres ul {
    font-family: 'Roboto Cn';
    list-style: none;
    display: inline-flex;
    text-align: center;
    margin: 0 auto;
}

.tres li:first-of-type {
    border: none;
}

.tres li {
    color: var(--white);
    border-left: 1px solid var(--white);
    padding: 0 10px;
}

/* Internas*/
.separador-nav {
    margin-top: 154px;
    margin-bottom: 0;
    display: block;
}

.separador-aux {
    margin-top: 40px;
    margin-bottom: 0;
    display: block;
}

.verde {
    color: var(--green) !important;
}

.black {
    color: #2B2B2B;
}

span.verde {
    font-family: 'Roboto BCnIt';
}

.titw-ico {
    font-family: 'Roboto BCn';
    font-size: 32px;
    padding: 20px 0 40px;
}

.titw-ico img {
    max-width: 85px;
    width: 100%;
}

.page-template-quienes-somos .titw-ico {
    padding: 20px 0 0;
}

section.blanco {
    margin-top: 3em;
    margin-bottom: 3em;
    background: var(--white);
}

section.blanco .button {
    color: var(--yellow);
}

.page-template-asociese section.blanco {
    margin-bottom: 0;
}

.page-template-asociese section.preguntas {
    margin-bottom: 3em;
}

section.blanco.beneficios {
    margin-bottom: 0em;
}

section.blanco p {
    font-family: 'Roboto Cn';
    color: #686868;
    font-size: 16px;
    margin-top: 38px;
    max-width: 465px;
}

section.blanco .offset-lg-1 p {
    margin-top: 0;
}

section.blanco p:last-child {
    margin-top: 0;
}

section.blanco.alianzas p {
    max-width: 565px;
}

section.blanco p.ancho {
    max-width: 565px;
}

section.blanco .center {
    margin: 3em 0 0
}

section.light-green {
    background: #F6F9F7;
    margin: 40px auto;
}

.container.light-green {
    background: #F6F9F7;
}

section.light-gray {
    background: #F4F2EE;
    margin-top: 3em;
}

section.empresas {
    padding: 50px 0 0;
}

.page-template-asociese section.empresas {
    padding: 0;
}

section.empresas .tit-verde .y-line {
    display: block;
    height: 2px;
    width: 100%;
    max-width: 160px;
    margin: 7px auto 0;
    background: var(--yellow);
}

section.empresas .container div.row:nth-child(2) .lista {
    height: auto;
    padding: 0 30px 20px;
}

section.empresas .container .separador {
    height: 0px;
}

section.empresas .container .titw-ico .row {
    align-items: center;
}

section.empresas .titw-ico .col-lg-6 {
    font-size: 24px;
    padding: 0;
}

section.blanco .titw-ico .row {
    align-items: center;
    flex-wrap: nowrap;
}

section.blanco .titw-ico .row>.verde {
    width: calc(100% - 80px);
}

section.blanco .titw-ico .row>* {
    width: auto;
}

section.empresas .titw-ico .row>* {
    width: auto;
}

section.blanco .titw-ico .col-lg-6 {
    font-size: 24px;
}

section.blanco .col-lg-6 {
    padding-bottom: 10px;
}

#wab_cont {
    position: static !important;
}

#whatsAppButton {
    background: var(--green) !important;
    border-radius: 10px 10px 0 0;
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 93%);
    position: fixed !important;
    bottom: 0;
    right: 20px;
}

#whatsAppButton span {
    font-size: 16px;
}

#whatsAppButton .questions {
    color: var(--yellow);
}

@media (min-width: 992px) {
    .breadcrumb {
        max-width: 960px;
        padding-right: var(--bs-gutter-x, 0.75rem);
        padding-left: var(--bs-gutter-x, 0.75rem);
    }

    section.blanco .col-lg-6 {
        width: 50%;
    }

    section.grisclaro .dos-padd {
        align-items: center;
        display: flex;
    }

    section.grisclaro .dos-padd .subtit-peq {
        margin-bottom: 0;
        width: 50%;
    }

    .alianzas {
        margin-bottom: 30px;
    }

    .alianzas .servicios {
        height: 100%;
    }

    .alianzas .no-gutters {
        justify-content: center;
    }

    .alianzas .no-gutters .offset-lg-2 {
        margin: 0;
    }

    section.empresas .container .row-par {
        flex-direction: row-reverse;
    }

    section.empresas .container .row .offset-lg-1 {
        padding: 0;
    }

}

.info-box {
    background: var(--white);
    width: 100%;
    max-width: 465px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2);
    margin: 50px auto;
    min-height: 330px;
}

.info-box img {
    max-width: 60px;
    display: block;
    margin: 0px auto 20px;
    padding-top: 30px;
}

.info-box .titulo {
    font-family: 'Roboto BCn';
    font-size: 22px;
    display: block;
    text-align: center;
    color: var(--green);
}

.info-box p {
    font-family: 'Roboto Cn';
    text-align: center;
    color: #2B2B2B;
    font-size: 16px;
    max-width: 394px;
    margin: 0 auto;
}

ul.lista {
    height: auto;
    list-style: none;
}

ul.lista li {
    font-family: 'Roboto Cn';
    color: #686868;
    font-size: 16px;
    margin-left: 15px;
    padding: 0 0 15px;
    position: relative;
}

.empresas ul.lista li {
    padding: 0;
}

.empresas img {
    width: 100%;
}

ul.lista li::before {
    content: "\2022";
    color: var(--green);
    font-weight: bold;
    left: -15px;
    position: absolute;
    top: 0;
    width: 1em;
}

section.light-green p {
    font-family: 'Roboto Cn';
    color: #686868;
    font-size: 16px;
    max-width: 465px;
    padding: 40px 0;
}

section.light-green .offset-lg-1 p {
    padding-bottom: 0;
}

.plus-margin {
    margin-top: 3.5em;
}

.banner-auxiliar {
    position: relative;
    display: grid;
    place-content: center;
    padding: 20px;
}

.banner-auxiliar img {
    object-fit: cover;
    padding: 0;
    height: 100% !important;
    width: 100%;
    z-index: 1;

    position: absolute;
    top: 0;
    left: 0;
}

.banner-auxiliar .row {
    margin: 0;
}

.filtro-verde {
    left: 0;
    position: absolute;
    top: 0;
    background: rgba(1, 109, 56, .8);
    height: 100%;
    z-index: 2;
}

.texto-interno {
    text-align: center;
    z-index: 3;
}

.texto-interno .big-text {
    color: var(--white);
    font-size: 20px;
    text-decoration: underline;
}

.texto-interno .big-text-hd {
    color: var(--white);
    font-size: 32px;
}

.texto-interno .big-text-hd.asc-1 {
    text-transform: uppercase;
    font-size: 28px;
}

.texto-interno .y-line {
    display: block;
    height: 2px;
    width: 100%;
    max-width: 225px;
    margin: 0 auto;
    background: var(--yellow);
}

.texto-interno p {
    font-family: 'Roboto Cn';
    color: var(--white);
    font-size: 16px;
    text-align: center;
    max-width: 610px;
    margin: 10px auto;
}

.texto-interno .button {
    margin: 15px auto;
}

.opt-text {
    font-family: 'Roboto Cn';
    color: var(--white);
    font-size: 18px;
}

.opt-text a {
    display: inline-flex;
    color: var(--yellow);
    text-decoration: underline;
}

.add-doc-round {
    padding: 2em;
    gap: 24px 0;
}

.menor-percent {
    width: 100%;
}

.add-doc {
    background: #F7F7F7;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2);
    margin: 1rem auto 0;
    display: flex;
    align-items: center;
    border: 1px solid #eaeaea;
}

.add-doc a {
    max-width: none;
    text-align: initial;
    text-decoration: underline;
    color: var(--green);
}

.add-doc .button {
    text-align: center;
    width: fit-content;
}

.add-doc a {
    height: initial;
}

.add-doc-ico {
    width: 70px;
    padding: 0 0 0 1rem;
    min-width: 70px;
}

.add-doc-cont {
    display: grid;
    gap: 4px;
    padding: 2rem 0.8rem;
    text-align: left !important;
}

.add-doc-cont h3 {
    font-size: 20px;
    margin: 0;
    padding: 0;
    margin-bottom: 0.5rem;
    color: var(--black);
    text-decoration: none;
}

.add-doc-cont p {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.add-doc-cont a {
    text-decoration: none;
}

.add-doc-flecha {
    padding-right: 1rem;
}

span.mensaje {
    font-family: 'Roboto CnIt';
    font-size: 20px;
    display: block;
    text-align: center;
    padding: 10px 0 20px;
}

.tit-verde {
    position: relative;
    color: var(--green);
    display: block;
    text-align: center;
    font-size: 32px;
    padding: 30px 0;
}

.tit-verde.left {
    text-align: left;
}

.tit-verde p {
    font-family: 'Roboto Cn';
    font-size: 16px;
    color: #686868;
    margin-top: 20px;
}

/*busqueda*/
.miga {
    font-family: 'Roboto Cn';
    display: inline-flex;
    margin: 15px 0 15px;
    font-size: 12px;
}

.miga span {
    color: #686868;
}

.miga .home:first-of-type {
    margin-right: 5px;
    margin-left: 0;
    color: #686868;
}

.miga .home {
    margin-left: 5px;
    margin-right: 5px;
    color: #686868;
}

.miga .actual {
    color: var(--green);
    margin-left: 5px;
}

.resultado {
    width: 100%;
    display: block;
    background: #F4F2EE;
}

.resultado .titulo {
    font-family: 'Roboto BCn';
    display: block;
    text-align: center;
    font-size: 36px;
    padding: 50px 0;
}

.form-search .form-group {
    max-width: 565px;
    margin: 50px auto 0px;
    border-bottom: 1px solid var(--green);
}

.form-search .form-group input {
    background: transparent;
    border: none;
    color: #686868;
}

.form-search .form-group .send {
    border-left: 2px solid var(--green);
    color: var(--green);
    font-size: 18px;
    padding-left: 15px;
}

.form-search .form-group button {
    color: var(--green);
    background: transparent;
    border-left: 1px solid var(--green);
    border-right: none;
    border-top: none;
    border-bottom: none;
    font-size: 18px;
    padding: 0px 15px;
}

.form-search small {
    display: block;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
    padding-bottom: 50px;
    text-align: center;
}

.respuestas {
    margin-bottom: 50px;
    margin-top: 30px;
}

.encontrado {
    margin-top: 20px;
    color: #686868;
    margin-bottom: 50px;
}

.encontrado .info {
    font-size: 16px;
}

.ans h3 {
    font-size: 18px;
}

.ans p {
    max-width: 367px;
}

.ans .separador {
    width: 100%;
    height: 1px;
    background: #686868;
    margin: 30px 0;
}

.separador {
    height: 100px;
    display: block;
}

.blog .separador {
    background: #F4F2EE;
}

.separador-mini {
    height: 30px;
    display: block;
}

.ahorro .card {
    height: 100%;
    width: 100%;
}

.ahorro .card.left {
    margin: 0 0 40px auto;
}

.ahorro .card .bajo .center {
    margin: 20px 0;
}

.benef-card .row {
    justify-content: center;
}

.benef-card .bajo {
    height: 220px !important;
}

.ahorro .card.right {
    margin: 2rem auto 0 0;
}

.funerario {
    margin: 2rem auto 0 0;
}

.ahorro .card-title {
    font-family: 'Roboto BCn';
    font-size: 24px;
    color: var(--green);
    padding-top: 20px;
}

.ahorro .card p {
    font-family: 'Roboto Cn';
    padding-left: 25px;
    font-size: 16px;
    color: #686868;
    max-width: 400px;
    width: 90%;
}

.ahorro .card p.verde {
    font-family: 'Roboto BCn';
    margin-bottom: 0;
}

.ahorro .card-title span {
    color: var(--yellow);
    padding-left: 25px;
}

.ahorro .card img {
    height: 260px;
    margin: 0 auto;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.ahorro .card ul {
    font-family: 'Roboto Cn';
    color: #686868;
    font-size: 16px;
    list-style: none;
    padding: 0 40px;
    width: 100%;
}

.ahorro .card ul li {
    margin-left: 15px;
    position: relative;
}

.ahorro .card ul li::before {
    color: var(--green);
    content: "\2022";
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    margin-left: -15px;
    position: absolute;
    top: 0;
    width: 1em;
}

.ahorro .card a {
    display: block;
    margin: auto auto 20px;
}

.ahorro .card .descri1,
.ahorro .card .descri0 {
    display: grid;
    height: calc(100% - 64px);
    gap: 16px;
}

.ahorro .card .descri1 ul+p,
.ahorro .card .descri0 ul+p {
    margin: auto auto 0;
    padding: 0;
}

.ahorro .card .bajo .center button {
    outline: none;
}

.texto-centro {
    align-items: center;
    display: flex;
    margin: 50px 0;
}

.texto-centro.exequial {
    margin: 50px 0 0;
}

.texto-centro p {
    font-family: 'Roboto Cn';
    padding-left: 25px;
    font-size: 16px;
    color: #686868;
    width: 100%;
}

.texto-centro span {
    color: var(--yellow);
    padding-left: 25px;
}

.mini-titulo {
    font-family: 'Roboto BCn';
    font-size: 24px;
    color: var(--green);
    padding-bottom: 20px;
}

.centrado-v {
    margin: 0;
}

section.exequial {
    display: none;
}

.centrado {
    text-align: center;
}

.aviso {
    font-family: 'Roboto Cn';
    color: #686868;
    font-size: 16px;
    padding: 30px 0;
    max-width: 565px;
    margin: auto;
}

.aviso a {
    display: inline-flex;
    text-decoration: underline;
}

/* post blog*/

.blog .post-box {
    padding: 0 2em;
    margin-bottom: 20em;
}

.post-box {
    width: 100%;
    margin: 0 auto 4em;
    padding: 4em 2em;
}

.formcom {
    width: 100% !important;
}

.formlat {
    margin: 1rem 0 0 1rem;
}

/*----------*/

/*Página busqueda*/

.bck-form-busqueda {
    padding: 0 5%;
    font-size: 1rem;
}

.bck-form-busqueda a {
    padding: 1rem;
    display: inline-block;
    flex-wrap: nowrap;
    text-align: left;
    width: 100%;
}

.btn-busqueda::before {
    content: '|';
    margin-right: 20px;
}

.deco-busqueda {
    border: none;
    border-bottom: 1px solid var(--green);
    background-color: transparent;
    padding: 1rem;
}

.lado {
    display: inline-flex;
}

.resultado-busq {
    padding: 0 5%;
    min-height: 300px;
}

/*-----función buscador-----*/

#box-searchb {
    width: 100%;
    display: none;
}

.lista-buscarb {
    margin: 20px auto;
    width: 100%;
    background-color: var(--white);
}

.lista-buscarb ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.lista-buscarb h5 {
    color: var(--black);
    padding: 20px 20px;
    font-size: 12px;
    text-align: left;
}

.lista-buscarb p {
    padding: 0;
    color: var(--black);
    font-size: 12px;
    text-align: left;
}

.lista-buscarb h6 {
    color: var(--green);
    margin: 0;
    padding: 1rem 0;
}

#box-searchb li {
    padding: 0;
    margin-top: 0.5em;
    border-bottom: 1px solid var(--green);
}

#box-searchb li a {
    display: block;
    color: #777777;
    padding: 12px 20px;
    text-align: left;
}

/*----------*/

/*Página Estructura organizacional*/

.espacio-vacio {
    padding: 0 5%;
    min-height: 800px;
    background-color: #F4F2EE;
}

.blk-doc {
    padding: 2rem 5rem;
}

.btn-doc {
    border: solid 1px #e6e1d7;
    background: #F7F7F7;
    -webkit-box-shadow: 3px 2px 4px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 2px 4px 1px rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    padding: 3rem 2rem;
    min-height: 300px;
}

.btn-doc.transparent-bg {
    max-width: 268px;
    background: none;
    box-shadow: none;
    height: 240px;
    margin: 0 auto;
}

.btn-doc.left {
    margin: 0 0 0 auto;
}

.btn-doc.right {
    margin: 0 auto 0 0;
}

.btn-doc a {
    text-align: center;
    margin: 0 auto;
}

.btn-doc img {
    width: 70px;
    max-width: 70px;
    display: block;
    margin: 0px auto 20px;
}

.btn-doc.transparent-bg img {
    max-width: 46px;
}

.btn-doc .nombre {
    color: #2B2B2B;
    font-size: 20px;
    display: block;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
}

.btn-doc .curvo {
    font-family: 'Roboto CnIt';
    font-size: 20px;
    display: block;
    text-align: center;
}

.btn-doc .size-file {
    font-family: 'Roboto Cn';
    font-size: 18px;
    display: block;
    text-align: center;
}

/*----------*/

.ubica-slider-principal {
    object-fit: cover !important;
    object-position: 0% 0% !important;
}


#main {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    height: 60px;
    transition: margin-left .5s;
    padding: 10px;
}

#main span {
    width: 20%;
}

.buscar a {
    width: 100%;
    display: flex;
    align-items: center;
}

.buscar img {
    max-height: 19px;
}

.buscar p {
    margin-bottom: 0 !important;
    font-size: 9px;
    color: var(--yellow);
    margin-left: 3px;
}

.afiliados a {
    display: inline-flex;
    width: 100%;
    flex-wrap: nowrap;
}

.afiliados img {
    flex: auto;
    fill: var(--yellow);
    max-height: 19px;
}

.afiliados p {
    margin-bottom: 0 !important;
    width: max-content;
    font-size: 9px;
    color: var(--yellow);
    line-height: 11px;
    text-align: center;
    flex: auto;
    margin-left: 3px;
}

.menu img {
    height: 18px;
    width: 100%;
}

.menu p {
    font-size: 9px;
    text-align: center;
    margin-bottom: 0 !important;
    margin-top: 2px;
}

.fecha-post {
    text-align: center;
}

@media (min-width:465px) {
    .esp-left {
        margin-left: 3em;
    }

    .formlat {
        margin: 0;
    }
}

@media (min-width:576px) {
    #main span {
        width: 10%;
    }

    .blog .slider-main .slide-blog .container {
        top: 0;
    }

}

@media (min-width:768px) {
    .quote {
        margin: 2em 0 2em 8em;
    }

    .blog .post-box {
        padding: 0 2em;
    }

    .post-box {
        padding: 4em;
    }

    .ref-post {
        flex: 0 1 33%;
        padding: .5em;
    }

    .bck-form-busqueda {
        padding: 0 15%;
    }

    .resultado-busq {
        padding: 0 15%;
    }

    .btn-doc {
        width: 80%;
    }

    .blk-doc {
        padding: 2rem 8rem;
    }

    /* .cut{
        max-height: 330px;
        width: 100%;
        object-fit: cover;
    } */
    .ubica-img-asociese {
        object-position: 50% 100% !important;
    }

    .ubica-img-quuienes {
        object-position: 50% 30% !important;
    }

    .ubica-img-creditos {
        object-position: 50% 80% !important;
    }

    .ubica-img-contacto {
        object-position: 50% 70% !important;
    }

    .ubica-img-faq {
        object-position: 50% 25% !important;
    }

    .ubica-img-aliados {
        object-position: 50% 20% !important;
    }

    .ubica-img-ahorros {
        object-position: 50% 20% !important;
    }

    .blog .slider-main .slide-blog .container {
        top: 0;
    }

    .dos {
        display: flex;
        justify-content: center;
        list-style: none;
    }

    .dos .container {
        max-width: none;
        width: auto;
    }
}

@media (min-width:991px) {

    .blog .lead-banner-principal {
        margin-left: 0;
    }

    .blog .slider-main .content-lead .text-lead {
        margin: 0 auto;
    }

    .lead-banner-principal {
        justify-content: flex-start;
        left: 8%;
    }

    .no-left {
        left: 0 !important;
    }
}

@media (max-width:992px) {
    .ahorro .container .row .col-lg-5:nth-child(2) .card .bajo .descri1 {
        height: 100% !important;
    }

    .ahorro .container .row .col-lg-5:nth-child(2) .card .bajo .descri1 a {
        font-size: 12px;
    }

    .ahorro .container .row .col-lg-5:nth-child(2) .card .bajo .center {
        display: none;
    }
}

@media (min-width:992px) {
    .d-lg-block {
        margin: 0;
    }

    .tit-verde .y-line {
        display: block;
        height: 2px;
        width: 100%;
        max-width: 160px;
        margin: 10px auto 0;
        background: var(--yellow);
    }

    fieldset {
        padding: 0 40px;
    }

    .serv .right {
        margin-top: 0 !important;
    }

    .sep-resp-arriba {
        margin-top: 0;
    }

    .bck-form-busqueda {
        padding: 0 25%;
    }

    .resultado-busq {
        padding: 0 25%;
    }

    .ahorro .card.left {
        margin: 0 0 0 auto;
    }

    .ahorro .container .row .card .bajo {
        height: 100%;
    }


    .ahorro .container .row .col-lg-5:nth-child(2) .card .bajo {
        display: flex;
        flex-wrap: wrap;
    }

    .ahorro .card.right {
        margin: 0 auto 0 0;
    }

    .ahorro .card .center {
        text-align: -webkit-center;
        width: 50%;
    }

    .ahorro .card .bajo .center .button {
        max-width: none;
    }

    .ahorro .card .bajo .center button.button {
        margin: 0 0 0 25%;
        min-width: 112px;
        white-space: nowrap;
    }

    .ahorro .card .bajo .center a.button {
        margin: 0 50% 0 0;
        width: 186px;
    }

    .texto-centro.exequial {
        margin: 0;
    }

    .exequial .centrado-v {
        top: 0;
        transform: none;
    }

    .menor-percent {
        width: 30% !important;
    }

    .espacio-medio {
        justify-content: space-evenly !important;
    }

    .servicios.left,
    .card-blog.left {
        margin: 0 auto 30px;
    }

    .servicios.right,
    .card-blog.right {
        margin: 0 auto 30px;
    }

    .fecha-post {
        text-align: end;
    }

    .quote {
        margin: 2em 0 2em 25%;
    }

    .add-doc-round {
        padding: 0;
    }

    .add-doc {
        flex-direction: column;
        height: 100%;
    }

    .add-doc-ico {
        width: 60px;
        padding: 0;
        padding-top: 2rem;
        flex: auto;
    }

    .add-doc-cont {
        text-align: center !important;
        padding: 2rem 3rem;
    }

    .add-doc h3 {
        text-transform: uppercase;
        margin-bottom: 2rem;
    }

    .add-doc a {
        text-align: center !important;
    }

    .add-doc-flecha {
        display: none;
    }

    .page-template-formatos-instructivos .dos-alto {
        margin-bottom: 135px;
        margin-top: 90px !important;
    }

    .page-template-formatos-instructivos .espacio-medio {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .page-template-formatos-instructivos .menor-percent {
        margin: auto;
        max-width: 268px;
        width: 100% !important;
    }

    .page-template-formatos-instructivos .add-doc {
        min-height: 350px;
    }

    .blog .slider-main .slide-blog .container {
        top: 100px;
    }

    .blog .lead-banner-principal {
        transform: translate(-50%, -210%);
    }
}

@media (min-width:1200px) {
    .header-container form {
        justify-content: flex-end;
        padding-right: calc(var(--bs-gutter-x) / 2);
        padding-left: calc(var(--bs-gutter-x) / 2);
    }

    .breadcrumb {
        max-width: 1140px;
    }

    .blog .post-box {
        margin-bottom: 6em;
    }

    .lead-banner-principal {
        margin-left: 20vw;
    }

    .slider-main .content-lead {
        margin-top: 100px;
    }

    .slider-main .content-lead .text-lead {
        margin: 0;
    }

    section.empresas .container .separador {
        height: 50px;
    }

    section.empresas .container .separador:last-child {
        height: 0;
    }

    .page-template-formatos-instructivos .espacio-medio {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }

    .page-template-formatos-instructivos .menor-percent {
        max-width: 225px;
        width: 100% !important;
    }
}

@media (min-width:1400px) {
    .breadcrumb {
        max-width: 1320px;
    }

    .lead-banner-principal {
        margin-left: 20%;
    }
}

@media (min-width:1600px) {
    .lead-banner-principal {
        margin-left: 8%;
    }

    .page-template-formatos-instructivos .menor-percent {
        max-width: 274px;
    }
}

@media (min-width: 1023px) {
    .nav-item {
        padding: 0 10px;
    }

    .slider-main .content-lead {
        margin-top: 100px;
    }
}

@media (max-width: 992px) {
    .slider-main {
        margin-top: 0;
    }

    .servicios.left,
    .card-blog.left {
        margin: 0 auto 30px;
    }

    .servicios.right,
    .card-blog.right {
        margin: 0 auto 30px;
    }

    .add-doc.left {
        margin: 0 auto 20px;
    }

    .add-doc.right {
        margin: 20px auto 0;
    }

    .uno p {
        font-size: 1.1em;
    }

    section.blog {
        padding: 15px 0 15px;
    }

    section.blog .blog-slider .col-lg-3 {
        width: 30%;
    }

    .preguntas .button.primary.outline {
        display: block;
        margin: -20px auto 20px;
    }

    .separador-nav {
        margin-top: 90px;
    }

    section.blanco p,
    section.light-green p {
        max-width: 100%;
    }

    section.blanco img {
        display: block;
        margin: 10px auto;
    }

    section.documentos {
        display: block;
        margin: 0 auto;
        max-width: 960px;
    }

    .ans {
        width: 85%;
        margin: 0 auto;
    }

    .creditos .card-blog {
        margin-bottom: 30px;
        min-height: 554px;
    }

    .creditos .card-blog .fullwd.button.primary.outline {
        white-space: nowrap;
    }

    .separador-mini {
        height: 0;
    }

    .sidenav a.activo {
        color: var(--green) !important;
        text-decoration: underline;
    }

    .blog .post-box {
        margin-bottom: 5em;
    }

    .dos-alto {
        margin-top: 1em !important;
    }

    .link-random ul {
        justify-content: center;
    }
}

@media screen and (max-width:991px) {
    .row.reverse {
        flex-direction: column-reverse;
    }

    .interes {
        height: 450px;
    }
}

@media (max-width: 800px) {
    .content-lead .text-lead p {
        font-size: 25px;
    }
}

@media (max-width: 768px) {

    .info-box {
        display: inline-flex;
        height: max-content;
        padding: 20px 0;
        margin: 20px auto;
    }

    .info-box img {
        max-height: 60px;
        height: 100%;
        margin-top: 50%;
    }

    .txt-box {
        width: 85%;
        margin: 0 auto;
    }

    .info-box .titulo {
        text-align: left;
        margin-top: 0;
    }

    .info-box p {
        text-align: left;
        max-width: 90%;
        margin-left: 0;
    }

    .info-box .img-box {
        margin-left: 20px;
        margin-right: 20px;
    }

    .banner-auxiliar img {
        width: 100%;
    }

    .page-template-quienes-somos .banner-auxiliar .row {
        height: 80%;
    }

    .page-template-quienes-somos .banner-auxiliar .row .y-line {
        margin-bottom: 50px;
    }

    .page-template-quienes-somos .banner-auxiliar .row .button.primary.outline.yellow {
        margin-top: 50px;
    }

    .page-template-historia .banner-auxiliar .row,
    .page-template-asociese .banner-auxiliar .row {
        height: 45%;
    }

    .texto-interno p {
        max-width: 90%;
        margin: 10px auto;
    }

    .home .accordion-button {
        font-size: 0.9rem;
    }

    .content-lead .text-lead p {
        font-size: 25px;
    }
}

@media (max-width:767px) {
    #whatsAppButton {
        right: 50%;
        transform: translateX(50%);
        width: 100%;
    }

    footer {
        padding-bottom: 68px;
    }

    footer .container {
        max-width: 767px;
    }

    .logos-footer {
        display: none;
    }

    .uno h4 {
        text-align: center;
    }

    .uno p {
        text-align: center;
    }

    .dos {
        border: none;
    }

    .dos .container {
        padding: 0;
    }

    .dos ul {
        display: block;
        padding: 0;
    }

    .dos li:first-of-type {
        border-top: 1px solid var(--green);
    }

    .dos li {
        border-left: none;
        border-right: none;
        border-top: 1px solid var(--green);
        width: 100%;
    }

    .dos li:last-of-type {
        border-bottom: 1px solid var(--green);
    }

    .dos li a {
        display: block;
        text-align: center;
        width: 100%;
        margin: 10px auto;
    }

    .content-lead .text-lead p {
        font-size: 20px;
    }
}

@media (max-width: 600px) {

    .slider-main .slick-next::before,
    .slider-main .slick-prev::before {
        display: none;
    }

    .slick-dots {
        display: flex;
        justify-content: center;
        visibility: visible;
    }

    .slick-dots li button:before {
        font-size: 15px;
    }

    .slick-dots li.slick-active button:before {
        color: var(--yellow);
        font-size: 17px;
        opacity: 1;
    }

    section.aliados .button.secondary {
        background: none;
        border: 1px solid var(--green);
    }

    section.aliados .button.secondary:hover {
        background: var(--yellow);
        border: none;
    }

    .alianzas .servicios .cards {
        display: block;
    }

    .servicios .cards {
        display: inline-flex;
        gap: 16px;
        margin-top: 15px;
        width: 100%;
    }

    .servicios .imgProduct {
        width: 40px;
    }

    .alianzas .servicios .imgProduct {
        width: 90%;
        margin-right: -10px;
    }

    .cards p {
        max-width: 240px;
        text-align: left;
        margin-left: 15px;
        font-size: 14px;
    }

    .servicios .txt h3 {
        text-align: left;
        margin-left: 15px;
        font-size: 18px;
    }

    .servicios .imgProduct {
        width: 40px;
        margin-right: -10px;
    }

    .servicios img {
        margin-top: 0;
    }

    .servicios {
        height: 160px;
    }

    .titulo h2 {
        font-size: 24px;
    }

    .preguntas .titulo h2 {
        font-size: 24px;
    }

    .accordion {
        min-height: auto;
    }

    .preguntas .button.primary.outline {
        display: block;
        margin: 30px auto 20px !important;
    }

    .customer-logos button {
        display: none;
    }

    .customer-logos .slick-prev::before,
    .customer-logos .slick-next::before {
        display: none;
    }

    .ayuda {
        padding: 20px;
    }

    .mensaje-ayuda {
        flex-wrap: wrap;
    }

    .content-one {
        align-items: center;
        display: flex;
        justify-content: flex-start;
        width: 100%;
    }

    .mensaje-ayuda .content-two .button.primary.outline {
        border: none;
        /* background-image: url(../img/home/right.png);
        background-repeat: no-repeat;
        background-position: right; */
        font-size: 14px;
        margin-right: 0;
        text-decoration: underline;
    }

    .blog .slider-main img {
        width: 100%;
    }

    .blog .slider-main {
        height: fit-content;
    }

    .slider-main .content-lead {
        display: block;
        position: relative;
        margin-top: 100px;
    }

    .slider-main .content-lead .text-lead {
        padding: 1rem;
    }
}

@media (max-width: 576px) {
    .slider-main .content-lead {
        margin-top: 0;
    }

    .banner-auxiliar .container {
        padding: 0;
    }

    .separador {
        height: 20px;
    }

    .benef-card .bajo {
        height: auto !important;
    }
}

@media (max-width: 480px) {
    body {
        font-size: 12px;
    }

    .button {
        font-size: 1em;
    }

    .login {
        margin: 15px auto;
    }

    .login a {
        max-width: 150px;
        display: block;
        margin: 0 auto;
        width: 100%;
        float: none;
    }

    .login span {
        display: block;
        width: 100%;
        text-align: center;
        float: none;
        margin: 0;
    }

    .resultado .titulo {
        font-size: 25px;
    }

    .form-search .form-group {
        width: 90%;
        margin: 0 auto;
    }

    .encontrado .info {
        text-align: left;
        padding: 5px 0;
        margin-left: 15px;
    }

    .ans {
        width: 90%;
        margin: 0 auto 0 15px;
        background: #F4F2EE;
        box-shadow: 0 1px 0px 0 rgba(0, 0, 0, .1);
    }

    .ans h3 {
        margin: 0 0 0px 25px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .ans p {
        margin: 0 0 10px 25px;
        width: 85%;
        font-size: 14px;
        background: url(../img/home/right.png);
        background-repeat: no-repeat;
        background-position: center right;
        padding-right: 10px;
    }

    .ans .separador {
        width: 100%;
        height: 1px;
        background: transparent;
        margin: 30px 0;
    }

    .slider-main .content-lead {
        display: block;
        position: relative;
        margin-top: -15px;
    }

    .blog .slider-main img {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 410px) {
    .content-lead .text-lead p {
        font-size: 18px;
    }
}

@media (max-width: 340px) {
    section.blanco .titw-ico .row {
        flex-wrap: wrap;
    }
}

/* Menú mobile*/
.sidenav {
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 110;
    top: 79px;
    right: 0;
    overflow-x: hidden;
    transition: 0.5s;
}

.sidecontent {
    background-color: #f4f2ee;
    float: right;
    height: 100%;
    max-width: 250px;
}

.sidenav a {
    padding: 8px 8px 8px 20px;
    text-decoration: none;
    font-size: 16px;
    color: #686868;
    display: block;
    transition: 0.3s;
    max-width: none;
    width: 100%;
    border-bottom: 1px solid #ddd;
    text-align: left;
}


.sidenav a:hover {
    color: var(--green) !important;
}

.sidenav a:active {
    color: var(--green) !important;
}

a.closebtn {
    background: var(--white);
    display: block;
    margin-top: 0;
    max-width: 100%;
    padding: 12px 8px 10px 66%;
    text-align: center;
    width: 250px;
}

.sidenav ul {
    padding: 0;
    list-style: none;
}

a.dropdown-btn {
    display: block;
    width: 100%;
    position: relative;
    min-width: 250px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

a.dropdown-btn:last-of-type {
    border-bottom: 1px solid #ddd !important;
}

a.dropdown-btn.active {
    color: var(--green);
}

.dropdown-btn::after {
    display: inline;
    content: url(../img/home/right-bl.png);
    border: none;
    position: absolute;
    right: 37px;
    top: 12px;
}

.flecha {
    position: relative;
}

.flecha::after {
    display: inline;
    content: url(../img/home/right-bl.png);
    border: none;
    position: absolute;
    right: 37px;
    top: 12px;
}

.dropdown-btn.active::after {
    content: url(../img/home/open-menu.png);
}

.dropdown-container a {
    font-family: 'Roboto Cn' !important;
    border: none;

}

.sidenav .nav-item {
    padding: 0 20px 0 0;
}

.sidenav .dropdown-menu li ul {
    display: block;
}

.sidenav .dropdown-menu li ul li {
    display: inline-flex;
    padding: 0 25px;
    margin-left: 20px;
}

.sidenav li ul li a {
    font-family: 'Roboto BCn';
    padding: 8px 8px 8px 5px;
}

.dropdown-container {
    display: none;
    background-color: var(--white);
    padding-left: 8px;
}

.dropdown-container a:active,
.dropdown-container a:focus {
    color: var(--green);
    text-decoration: underline;
}

.dropdown-container a::before {
    content: "\2022";
    color: #ccc;
    display: inline-flex;
    margin-right: 5px;
}

.dropdown-container a:active::before,
.dropdown-container a:focus::before {
    color: var(--green);
}

.sidenav .bot-menu-mob a {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.sidenav .bot-menu-mob a::after {
    content: url(../img/home/right-bl.png);
    margin-right: 29px;
}

#sidenav-layer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(17, 17, 17, 0.7);
    display: none;
    transition: 0.8s;
}

#search-mobile {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 102;
    background-color: rgba(17, 17, 17, 0.9);
    display: none;
    transition: 0.8s;
}

#search-mobile input {
    font-family: 'Roboto CnIt';
    display: block;
    width: 90%;
    margin: 80px auto 30px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #c0c0c0;
    border-right: none;
    background: transparent;
    color: #c0c0c0;
    font-size: 16px;
}

#search-mobile input::placeholder {
    color: #c0c0c0;
}

#search-mobile input:focus,
#search-mobile input:focus-visible {
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #c0c0c0;
    border-right: none;
    box-shadow: none;
}

#search-mobile button {
    display: block;
    margin: 0 auto;
}

#search-mobile a.closebtn {
    background: transparent;
    color: #fff;
    font-size: 12px;
    margin-top: 45px;
    max-width: 100%;
    padding-left: 80%;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

#search-mobile a.closebtn img {
    display: block;
    margin: 0 auto;
    width: 15px;
}

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    object-fit: fill;
    height: 200px;
}

/*SLIDER*/
img.imgslider {
    object-fit: fill;
    height: 400px;
    width: 100% !important;
}

/*404*/
#primary {
    text-align-last: center;
}

#primary #content img {
    margin: 100px 0 20px;
    width: 150px;
}

#primary #content .page-title {
    color: var(--green);
    font-size: 50px;
}

#primary #content h2 {
    color: var(--green);
    text-transform: uppercase;
}

#primary #content h3 {
    color: #686868;
    margin: 50px 0 40px;
    font-size: 16px;
}

#button404 {
    margin: auto;
}

/***Modal***/

h3#MSTitle {
    color: #016c38;
    font-size: 16px;
    margin: auto;
}

div#MSBody {
    font-size: 14px;
    color: grey;
}

.modal-header {
    border-bottom: 0px solid #dee2e6;
}

.modal-footer {
    border-top: 0px solid #dee2e6;
}

.modal-content {
    margin: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 56%;
}

button.close {

    padding: 0px;
    margin: 0px;
    position: absolute;
    background: #ffffff00;
    right: 0%;
    top: -28%;
    color: var(--white);
    font-size: 13px;
    width: 12%;
    border: 0px solid #999999;

}

.modal-dialog {
    max-width: 500px;
    margin: 2.75rem auto;
}

/****************************************Estilos fase 2*****************************************/
/*Call to action formatos e instructivos*/
.page-template-formatos-instructivos .documentos .add-doc-round .menor-percent .add-doc .add-doc-cont a h3 {
    color: var(--green);
    margin: 0;
    text-transform: none;
}

/*Call to action asociese*/
.page-template-asociese .blanco a.button {
    font-family: 'Roboto Cn';
    font-size: 12px;
    margin: 0;
    white-space: nowrap;
}

/*Call to action beneficios*/
.page-template-beneficios .ahorro.becas .benef-card .card.right .bajo a.button {
    font-family: 'Roboto Cn';
    font-size: 12px;
    margin: 0;
}

/*Call to action crédito*/
.button-content {
    padding: 42px 0;
}

.button-form {
    align-items: center;
    background: #F7F7F7;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    display: flex;
    margin: 0 auto 16px;
    min-height: 115px;
    padding: 6px 15px;
    width: 100%;
}

.button-form .buttton-img {
    height: 35px;
    width: 42px;
}

.buttton-img img {
    height: auto;
    object-fit: cover;
    width: 100%;
}

.button-form .button-text {
    padding: 0 20px;
    width: 80%;
}

.button-form .button-text h3 {
    color: var(--green);
    font-family: 'Roboto BCn';
    font-size: 18px;
    margin-bottom: 0;
}

.button-form .button-text p {
    color: #2B2B2B;
    font-family: 'Roboto Cn';
    font-size: 14px;
    line-height: 1.4;
    margin: 10px auto 0;
}

.button-request_arrow {
    display: none;
}

/*Call to action ahorro*/
.page-template-ahorros .blanco a.button {
    font-family: 'Roboto Cn';
    font-size: 12px;
    margin: 15px 0 0;
    white-space: nowrap;
}

.retiro-content {
    padding: 42px 2%;
}

.button-retiro {
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    margin: 28px auto;
    padding: 26px 0;
    position: relative;
}

.button-retiro .buttton-img {
    height: 56px;
    left: 50%;
    position: absolute;
    top: -28px;
    transform: translateX(-50%);
    width: 59px;
}

.button-retiro .button-text {
    text-align: center;
}

.button-retiro .button-text h3 {
    color: var(--green);
    font-family: 'Roboto BCn';
    font-size: 17px;
    margin-bottom: 0;
}

.button-retiro .button-text p {
    color: #2B2B2B;
    display: block;
    font-family: 'Roboto Cn';
    font-size: 16px;
    line-height: 1.4;
    margin: 15px auto 17px;
    max-width: 308px;
}

.button-retiro .button-request_text a {
    white-space: nowrap;
}

@media screen and (min-width: 768px) {

    /*Call to action ahorro*/
    .button-retiro {
        max-width: 341px;
    }
}

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

    /*Call to action credito*/
    .button-form .button-request_text .button.primary.outline {
        border: none;
        border-radius: 0;
        font-size: 0;
        padding: 0;
    }

    .button-form .button-request_text a::before {
        background: url("../img/home/right.png") no-repeat center;
        background-size: cover;
        content: '';
        display: block;
        height: 14px;
        width: 9px;
    }

    /*Call to action formatos e instructivos*/
    .page-template-formatos-instructivos .documentos .add-doc-round .menor-percent:first-child .add-doc .add-doc-cont {
        position: relative;
    }

    .page-template-formatos-instructivos .documentos .add-doc-round .menor-percent:first-child .add-doc .add-doc-cont .button.primary.outline {
        border: none;
        font-size: 0;
        padding: 0;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

    .page-template-formatos-instructivos .documentos .add-doc-round .menor-percent:first-child .add-doc .add-doc-cont .button.primary.outline::before {
        background: url("../img/home/right.png") no-repeat center;
        background-size: cover;
        content: '';
        display: block;
        height: 14px;
        width: 9px;
    }

    .page-template-formatos-instructivos .documentos .add-doc-round .menor-percent:first-child .add-doc .add-doc-flecha {
        display: none;
    }
}

@media screen and (min-width: 992px) {

    /*Call to action formatos e instructivos*/
    .page-template-formatos-instructivos .documentos .add-doc-round .menor-percent .add-doc {
        padding: 15px 29px;
    }

    .page-template-formatos-instructivos .documentos .add-doc-round .menor-percent .add-doc a {
        margin: 0 auto 15px;
        width: 153px;
    }

    .page-template-formatos-instructivos .documentos .add-doc-round .menor-percent .add-doc a img {
        padding: 0;
    }

    .page-template-formatos-instructivos .documentos .add-doc-round .menor-percent .add-doc .add-doc-cont {
        padding: 0;
        gap: 16px;
    }

    .page-template-formatos-instructivos .documentos .add-doc-round .menor-percent .add-doc .add-doc-cont a {
        margin: auto;
    }

    .page-template-formatos-instructivos .documentos .add-doc-round .menor-percent .add-doc .add-doc-cont .txt-subrayado {
        margin: auto;
        width: auto;
    }

    .page-template-formatos-instructivos .documentos .add-doc-round .menor-percent .add-doc .add-doc-cont p {
        height: 75px;
        line-height: 1.2;
    }

    .page-template-formatos-instructivos .documentos .add-doc-round .menor-percent:first-child .add-doc .add-doc-cont a {
        width: 110px;
    }

    .page-template-formatos-instructivos .documentos .add-doc-round .menor-percent:first-child .add-doc .add-doc-cont p:nth-child(3) {
        height: auto;
    }

    .page-template-formatos-instructivos .documentos .add-doc-round .menor-percent:first-child .add-doc .add-doc-cont p .button.primary.outline {
        height: auto;
        margin-top: 35px;
        min-width: 129px;
        padding: 10px 9px;
        white-space: nowrap;
    }

    /*Call to action crédito*/
    .button-container {
        display: block;
        margin: auto;
    }

    .button-content {
        display: flex;
        justify-content: center;
        gap: 24px;
    }

    .button-form {
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        margin: 42px 0 0;
        min-height: 200px;
        padding: 42px 15px 26px;
        position: relative;
    }

    .button-form .buttton-img {
        height: 63px;
        left: 50%;
        position: absolute;
        top: -40px;
        transform: translateX(-50%);
        width: 86px;
    }

    .button-form .button-text {
        text-align: center;
    }

    .button-form .button-text h3 {
        font-size: 19px;
    }

    .button-form .button-text p {
        display: block;
        font-size: 16px;
        margin: 12px auto 20px;
        max-width: 330px;
        width: 100%;
    }

    .button-form .button-request_text {
        display: block;
        width: 100%;
    }

    .button-request_text .outline {
        padding: 7px 20px;
    }

    /*Call to action ahorro*/
    .button-retiro {
        margin: 40px auto;
        max-width: 960px;
    }

    .button-retiro .buttton-img {
        top: -36px;
    }

    .button-retiro .button-text h3 {
        font-size: 24px;
        margin-top: 10px;
    }

    .button-retiro .button-text p {
        line-height: 1.6;
        margin: 12px auto;
    }

    .benef-card .row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }

    .benef-card .row .col-lg-5 {
        padding: 0;
        width: 100% !important;
    }
}

@media screen and (min-width: 1200px) {

    /*Call to action crédito*/
    .button-container {
        max-width: 1198px;
    }

    /*Call to action ahorro*/
    .button-retiro {
        max-width: 985px;
    }
}

@media screen and (min-width: 1400px) {

    /*Call to action crédito*/
    .button-container {
        max-width: 1198px;
    }

    /*Call to action ahorro*/
    .button-retiro {
        max-width: 985px;
    }
}

.row.objetivo ul,
.row.objetivo ol {    
    list-style: disc;
    padding: 0 18px;
}