/* ESTILSO GLOBALES */


.margin-top{margin-top:100px;}
.margin-bottom{margin-bottom:100px;}
.padding-top{padding-top:100px;}
.padding-bottom{padding-bottom:100px;}
.pcolor{color:#929292;}
.th-btn-2 {background-color:#007B01;color:white}
.th-btn-2:hover:before, .th-btn-2:hover:after {background:#FEF804;}
.th-btn-2:hover{color:black !important;}
.btn-pf{padding: 10px 5px !important; margin-top: 8px !important;}
.row-center{display: flex;align-items: center;justify-content: center;}
.row-center2{display: flex;align-items: center;justify-content: space-between;}
.text-verde{color:#007B01 !important;font-weight: bold !important;}
.banner-interno::before{background: black;width: 100%;height: 100%;position: absolute;content:"";top:0px;bottom:0px;right: 0px;left: 0px;opacity: 0.5;}
.banner-interno .container{position: relative;z-index: 3;}
.container-g{max-width: 1330px;}
.sec-two-text {margin-top: 50px;}
.img-box-left {display: flex;align-items: center;justify-content: flex-start;}
.sec-min {max-width: 550px;}
.sec-min2 {padding-left: 50px;}
.btn-portal{text-align: center;line-height: 16px;}
.row p {text-align:justify;}
.ml {margin-left:20px;}

#wspIframe {float:right!important;left:auto!important; right: -13px !important; bottom: 90px !important;}

/* ESTILOS GENERALES */
#header .header-social a {font-weight: bold;font-size: 15px;}
#header .header-social a:hover span {color:#007B01;cursor: pointer;}
#header .header-social a:hover img {transform: scale(1.1);transition: transform 0.3s;}
#header .header-links {padding-right: 20px;}
#header .container{max-width: 1360px !important;}
#header .main-menu {position: relative;left: 30px;}
#header .header-logo {padding-top: 9px;padding-bottom: 9px;}
#header .btns-header .info-card_content a {border:2px solid #FEF804;font-size: 14px;padding: 12px 20px; border-radius: 30px;}
#header .btns-header .info-card_content a:hover {color:#007B01;background-color: white;transition: background-color 0.3s;}
#header .header-button{display: flex;align-items: center;justify-content: flex-end;padding-right: 15px;}
#header .info-card_content {display: flex;align-items: center;justify-content: center;gap:20px;}
#header .menu-letter {display:none;color:#000000;}
#header .items-center{display:flex;align-items: center;}
.virtual {color:inherit !important; }
.virtual:hover {
  color: #007B01;
}
.btns-header .info-card_content a {border:2px solid #FEF804;font-size: 14px;padding: 12px 20px; border-radius: 30px;background-color:#007B01;color:#ffffff;}
.btns-header .info-card_content a:hover {color:#007B01;background-color: white;transition: background-color 0.3s;}
.margin-top-2{margin-top:20px;}

#slider .hero-title {color:#FEF804;max-width: 100%;}
#slider .hero-style7 {margin: 0px;text-align: left;margin-left: 50px;}
#slider .hero-style7 .hero-text {margin:0px !important;}
#slider .th-hero-slide {background-size: cover;background-repeat: no-repeat;}
#slider .hero-style7 {padding: 160px 0 160px 0;}
#slider .hero-style7 {padding:0px !important;}
#slider .container-g{height: 100%;display: flex;align-items: center;}
#slider .hero-style7 .hero-text {max-width: 750px;}
#slider .btn-group {display: flex;justify-content: flex-start  !important;align-items: flex-start !important;margin-top: 20px;}
#slider .th-btn {background-color: white;color:#007B01;} 
#slider .th-btn.style4:hover:before, .th-btn.style4:hover:after {background-color: #007B01;}
#slider .th-btn.style4:hover {color:white !important;}
#slider .th-hero-slide {background-color: #000000;width: 100%;height: 100%;position: absolute;content:"";top:0px;bottom:0px;right:0px;left:0px;opacity: 0.7;}
#slider .slick-slide {height:100%;}
.th-hero-wrapper.hero-7,
.hero-slider-7,
.th-hero-slide {
  width: 100%;
  overflow: hidden;
}


.quienes-somos .pcolor {max-width: 550px;}


.productos {background-color: #F8F8F8;padding-top: 75px;padding-bottom: 60px;}
.productos .sub-title {color:#0F8210 !important;}
.productos .productos-credito {margin-top: 90px;}
.productos .productos-credito .box-title a {color: inherit;width: 130px;display: inline-block;text-align: center;}
.productos .service-box-3 .icon-btn {background-color: #007B01;border-color: #007B01;}
.productos .service-box-3 .icon-btn:hover {background-color: #FEF804;border-color: #FEF804;color:black;}
.productos .productos-credito .col-xl-3 {width: 19%;}
.productos .btn-ver-mas {display: flex;align-items: center;justify-content: center;margin-top: 90px;}
.productos {background-image:url("../../img/inicio/bg-productos.png");}
.productos .productos-credito .box-title a:hover{ color:#007B01;}

.solidaridad-btn{
    display:flex;
    align-items:center;
    justify-content:center !important;
    margin-top:40px !important;
}
.beneficios {position: relative;padding-bottom: 65px;padding-top: 65px;background-size: cover;background-repeat: no-repeat;}
.beneficios:before{position: absolute;background-image: url('../../img/inicio/shape-bg-beneficios.png');content:"";width: 100%;height: 100%;top:0px;bottom:0px;right:0px;left:0px;}
.beneficios .sub-title {color:#FEF804;}
.beneficios .sec-title {color:white;}
.beneficios .box-title {color:white;}
.beneficios a:hover {color:#FEF804;}

.aliados {border-top: none !important;padding-top: 0px;padding-bottom: 0px;}
.aliados .brand-box {height: 110px !important;}
.aliados .sub-title {font-size: 20px;}

#footer .info-contact {padding-left: 0px !important;}
#footer .info-contact li {list-style: none;display: flex;flex-direction: row;gap:9px;margin-bottom: 30px;}
#footer .info-contact li .icon {color:white;background-color: #333333;height: 30px;width: 30px;min-width: 30px;display: flex;align-items: center;justify-content: center;padding: 4px;border-radius: 8px;}
#footer .widget_title2 {margin-top: 40px;}
#footer .btn-footer:before{display: none;}
#footer .btn-footer {border:2px solid #FEF804;text-align: center;padding: 8px 30px;border-radius: 25px;font-weight: bold;}
#footer .btn-footer:hover {background-color:#007B01;color:white !important;}
#footer .text-footer {display: flex;align-items: center;justify-content: center;text-align: center;}
#footer .text-footer p {text-align:center;}
#footer p {margin-bottom: 2px;color:white;}
#footer a:hover {color:#007B01 !important;}
#footer a:hover {color:#007B01 !important;}
#footer .widget-area{padding-top: 70px; padding-bottom: 10px;}
#footer .img-text-f {margin-top: 10px;}


.btn-redes {position: fixed;bottom:90px;z-index: 10;left: 30px;}
.list-redes {position: fixed;bottom:160px;z-index: 10;left: 30px;}
.list-redes ul li {list-style-type: none;}
.list-redes ul li a {font-size:18px;list-style-type: none;background-color: #007B01;height: 40px;width: 40px;margin-top: 12px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.list-redes ul li a:hover{background-color: #FEF804;transition: background-color 0.3s;}
.list-redes ul li a:hover svg {fill:black;}
.list-redes ul li a:hover i{color:black;}
.list-redes ul {padding-left: 0px;}
.list-redes ul li i {color:white;}
.list-redes ul li svg {fill:white;}
.list-redes ul li {list-style-type: none;}
.list-redes ul  {transform: scale(0);}
.btn-redes:hover{cursor: pointer;}
.btn-redes-animation{transform: scale(1) !important;transition: transform 0.3s;}
.btn-redes-animation-close{transform: scale(0) !important;transition: transform 0.3s;}


#mensaje-enviado {position: relative;display: flex;align-items: center;justify-content: center;}
#mensaje-enviado .content-m {position: absolute;display: flex;align-items: center;justify-content: center;text-align: center;flex-direction: column;padding-bottom: 50px;}
#mensaje-enviado:before {content:"";background-color:black;position: absolute;top:0px;bottom:0px;right:0px;left:0px; opacity: 0.5;}
#mensaje-enviado h2 {color: white;font-weight: 600;font-size: 50px;line-height: 1.3;margin-bottom: 30px;}
#mensaje-enviado .btn-e {background-color: #d93020;border-radius: 30px;border: none;color: white; font-size: 17px;padding-left: 25px;padding-right: 25px;margin-top: 10px;padding: 10px 30px;font-weight: 600; display: inline-block;}
#mensaje-enviado .btn-e:hover {background-color: #0278F4;transition: background-color 0.5s;}


.acerca-nosotros-i .about-desc {border-bottom: none !important;}
.acerca-nosotros-i .img-box1 .th-experience {left: auto !important;right: 0px !important;}
.acerca-nosotros-i .mision-vision {margin-top: 90px;}
.acerca-nosotros-i .mision-vision h2 {font-size:35px;}
.acerca-nosotros-i .mision-vision .about-desc {padding-bottom: 0px;margin-bottom: 0px ;}
.acerca-nosotros-i .mision-vision p {margin-bottom: 0px;}
.acerca-nosotros-i .title-area2 {padding-left: 50px;}
.acerca-nosotros-i .about-desc1 {margin-bottom: 0px !important;}
.acerca-nosotros-i .title-area {margin-bottom: 0px !important;}



.principios {padding-top: 75px;padding-bottom: 100px;}
.principios .sec-title{color: white;}
.principios .col-md-6 {height: 100%;}
.principios .box-title {font-weight: bold;}


.principios .row {display: grid;grid-template-columns: 1fr 1fr; /* Dos columnas de igual ancho */row-gap:30px;column-gap:50px;}
.principios .row .col-md-6 {width: 100%;} 
.principios .service-item-2 {height: 100%;align-self: center;justify-content: center;padding-bottom: 0px !important;}
.principios .ultimo-principio{grid-row-start: 4;grid-column-start: 1;grid-column-end: 3;justify-content: center;align-items: center;display: flex;}
.principios .ultimo-principio .service-item-2{width: 50%;}
.principios .pcolor {margin-bottom: 0px;}



.ahorro .sec-p-i {padding-left: 45px;}
.ahorro .feature-item {box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.1);border: none;}
.ahorro .items-ahorro {margin-top: 20px; margin-bottom:60px;}
.ahorro .btn-group {width: 100%;display: flex;align-items: center;justify-content: start;margin-top: 15px;margin-bottom: 0px !important;}
.ahorro .items-ahorro .popup-image {position: absolute;top: 0px;bottom: 0px;right: 0px;left: 0px;width: 100%;height: 100%;border-radius: 0px;}
.ahorro .items-ahorro .popup-image:hover {color:none !important;background-color: transparent !important;border:none;}



.cdat .texto-cdat {margin-bottom: 100px;}
.cdat .img-tabla {width: 100%;padding-top: 10px;padding-bottom: 15px;}  
.cdat .sec-p-i {padding-left: 45px;}
.cdat .th-btn {padding: 22px 60px;}


.auxilios-solidarios .sec-two-text{margin-top: 60px;}
.auxilios-solidarios .btn-group{width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 30px;}
.auxilios-solidarios .sec-p-i p {max-width: 550px;}



.convenios h4 {text-align: center;color:#007B01;font-size: 24px;font-weight: 600;margin-top: 65px;}
.convenios .sec-p-i p {max-width: 550px;}
.convenios-items .feature-block_icon {width: 100% !important;height: 100% !important;border:none !important;display: flex;align-items: center;justify-content: center;}
.convenios-items .feature-block {background-color: white;box-shadow: 0px 10px 15px 5px rgba(0, 0, 0, 0.1);height: 175px;}
.convenios-items .box-title {text-align: center;font-weight: normal;font-size: 18px;margin:0 auto;margin-top: 25px;width: 80%;}
.convenios-items .feature-block_icon  img {    max-height: 100%;}
.convenios-items .feature-block:before{display: none;}
.convenios-items {background-image:url('../../img/convenios/bg-convenios.png')}
.convenios-items-b {background: white !important;}
.convenios-items .carrousel-convenios .col-md-6 a:hover img{transform: scale(1.1);transition: transform 0.3s;}
.convenios-items .slick-track {display: flex;justify-content: center;}



.contactenos {margin-bottom: 100px;}
.contactenos .title-o-principal {margin-top: 55px;margin-bottom: 5px;}
.contactenos .contact-info{box-shadow: 0px 10px 15px 5px rgba(0, 0, 0, 0.1);display: flex;align-items: center;justify-content: center;padding-top: 25px;padding-bottom: 25px;}
.contactenos .th-social.footer-social.style2 a {color:#007B01;}
.contactenos .th-social.footer-social.style2 a:hover i{color:white;}
.c-checkbox input[type="checkbox"] {visibility: visible;opacity: 1;width: 13px;height: 13px;display: inline-block;}
.contactenos .c-checkbox{display: flex;align-items: center;justify-content: flex-start;}
.contactenos .c-checkbox input {margin-right: 8px;}
.contactenos .c-checkbox a {color:black;text-decoration: underline;}
.contactenos .c-checkbox a:hover {color:#007B01;}
.text-information {color:#000000;}


.nuestras-oficinas .sec-title {text-align: center;}
.nuestras-oficinas .product-tab-style1 {margin-top: 45px !important;}
.nuestras-oficinas .product-tab-style1 {justify-content: space-between;}
.nuestras-oficinas .contact-info-wrap {grid-template-columns: 1fr;gap:0px;position: absolute;top:0px;border-radius: 15px;}
.nuestras-oficinas .mapa-sede {position: relative;}
.nuestras-oficinas .contact-info {margin-top: 0px;border-radius: 0px;}
.nuestras-oficinas .contact-info {width: 340px;}
.nuestras-oficinas .contact-info {padding-top: 10px !important;padding-bottom: 10px !important;}



.afiliate ul li:after{position: absolute;content:url('../../img/afiliate/check-box.png');width: 10px !important;height: 10px !important;left: -37px;transform: scale(0.5);top:-4px;}
.afiliate ul li{list-style-type: none !important;position: relative;margin-bottom: 15px;color:#929292;}
.afiliate .content-right {padding-left: 50px;margin-bottom: 0px;}
.afiliate .content-right h2 {font-size: 35px;margin-bottom: 20px;}
.afiliate .content-left h2 {font-size: 35px;margin-bottom: 20px;}
.afiliate ul {margin-bottom: 0px;}
.afiliate .ul-afiliate {margin-top: 100px;}
.afiliate .btn-group {display: flex;align-items: center;justify-content: center;margin-top: 70px;}



.canales-pago .line-btn {background-color: #007B01;color:white;padding: 8px 43px;border-radius: 10px;}
.canales-pago .line-btn:hover {background-color: #FEF804;color:black;transition: background-color 0.3s;}
.canales-pago .service-item-2 {height: 100%;}
.canales-pago .row {display: flex;justify-content: center;}
.canales-pago .line-btn2 {margin-top: 30px;}
.canales-pago .col-md-6 {margin-bottom: 50px;}
.canales-pago .img-pse {width: 30px;margin-right: 8px;}


.politica-tratamiento .btn-group {width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 50px;}
.list-politica li {color:#929292;}
.list-apoyo {list-style:none;}
.list-apoyo li {color:#929292;margin-top:12px;}
.title-benefices {color:#000000; font-size:20px;}
strong {color:#000000;}

.pqrsf textarea.form-control, textarea {background-color: var(--smoke-color) !important;min-height: 300px;}
.pqrsf .sec-title {text-align: center;margin-bottom: 50px;}
.pqrsf .c-checkbox{display: flex;align-items: center;justify-content: center;}
.pqrsf  .c-checkbox input {margin-right: 8px;}
.pqrsf  .c-checkbox a {color:black;text-decoration: underline;}
.pqrsf  .c-checkbox a:hover {color:#007B01;}
.pqrsf .th-btn {width: 100%;margin-bottom: 30px;}
.pqrsf .booking-form .input-wrap {background-color: #fff;}
.pqrsf  .th-btn:hover:before, .pqrsf  .th-btn:hover:after, .pqrsf  .th-btn.active:before, .pqrsf  .th-btn.active:after {background: #FEF804;color:black !important;}
.pqrsf  .th-btn:hover {color:black !important;}

.info-card-movil {display: none;}

.ldkwsp-collapsed-height {height: 86px !important;right: -10px !important;display: block !important;left: auto !important;bottom: 70px !important;}
.ldkwsp-collapsed-height {height: 86px !important;right: -10px !important;display: block !important;}


.credito .productos-credito-i {padding-top: 0px !important;padding-bottom: 0px !important;margin-top:0px !important;background-color: white !important;}
.credito .productos-credito-i .col-xl-3 {margin-top: 0px !important;margin-bottom:50px;width: 100%;}
.credito .productos-credito-i {background: none !important;}
.credito .productos-credito-i .service-box-3_icon {border-color: white !important;background: #F8F8F8;}
.credito .row-productos-i {display: grid; grid-template-columns: 19% 19% 19% 19% ;}
.credito .productos-credito-i .producto-10{grid-column-start: 2;grid-column-end: 3;}
.credito .productos-credito-i .service-box-3:hover .service-box-3_icon{background: #007B01}
.credito .productos-credito-i .btn-ver-mas {margin-top: 20px !important;}


.productos-tarjeta-debito-i .col-xl-3 {margin-top: 90px;width: 25% !important;margin-bottom: 30px;}
.productos-tarjeta-debito-i  .productos-credito {margin-top:0px;}
.productos-tarjeta-debito-i {padding-top: 0px;padding-bottom: 0px;background: none !important;margin-top: 0px !important;}
.productos-tarjeta-debito-i .card-debito .feature-block {height:250px;       background-color: white !important;border-radius: 20px;box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.1);}
.productos-tarjeta-debito-i .card-debito .sec-header {display: flex;flex-direction: row;}
.productos-tarjeta-debito-i .card-debito .feature-block {padding: 20px !important;}
.productos-tarjeta-debito-i .card-debito h4 {font-size: 20px;padding-left: 19px;text-align: left;}
.productos-tarjeta-debito-i .card-debito .sec-text {margin-top: 10px;text-align: left;}
.productos-tarjeta-debito-i .card-debito .feature-block:hover p,.productos-tarjeta-debito-i .card-debito .feature-block:hover h4 {color:white !important;}


.instructivos {margin-top: 50px !important;}
.instructivos .row-instructivos {margin-top:30px !important;}

.tratamiento-datos p strong {color:#000000; font-weight:bold;}


.apoyos-economicos .sec-p-i {padding-left: 45px;}
.apoyos-economicos .sec-p-ii {padding-right: 45px;}
.apoyos-economicos .btn-group {margin-top: 50px;}
.apoyos-economicos .tablet-reverse .col-md-6 img {width: 100% !important;}


.fundacioncootep .about-desc1 {margin-bottom: 30px !important;}
.fundacioncootep .sec-title{margin-bottom: 10px !important;}
.fundacioncootep .title-g{font-size: 48px !important;}
.fundacioncootep .mision-vision{margin-top: 0px !important;}


.consulta-virtual .list-virtual {padding-left: 0px !important;display: grid;grid-template-columns: 50% 50%;margin-top: 40px;}
.consulta-virtual .list-virtual .item-virtual {list-style: none;display: flex;flex-direction: row;margin-bottom: 15px;}
.consulta-virtual .list-virtual .item-virtual .text-t-v {font-weight: 600;font-size: 20px;color:#56585D;}
.consulta-virtual .list-virtual .item-virtual .text-virtual {padding-left: 10px;}
.consulta-virtual .item-cdat {position: relative;bottom: 65px;}
.consulta-virtual .th-btn{width: auto;margin:0 auto;position: relative;bottom:60px;}
.consulta-virtual .instructivos-virtual {margin-top: 90px;}
.consulta-virtual .instructivos-virtual .col-xl-3 {width: 25% !important;margin-bottom: 30px;}
.consulta-virtual .instructivos-virtual  .productos-credito {margin-top:0px;}
.consulta-virtual .instructivos-virtual {padding-top: 0px;padding-bottom: 0px;background: none !important;margin-top: 90px !important;}


.consulta-virtual .card-video .feature-block {background-color: white;padding:15px !important;}
.consulta-virtual .card-video iframe {border-top-left-radius: 20px;border-top-right-radius: 20px;}
.consulta-virtual .card-video .sec-text {height: 150px;position: relative;bottom: 9px;box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.1);border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;padding: 20px;}
.consulta-virtual .card-video .sec-text p  {color:black;font-size: 19px;font-weight: bold;text-align:left;}
.consulta-virtual .card-video .feature-block:hover:before{width: 0% !important;}
.consulta-virtual .card-video {padding-left: 0px;padding-right: 0px;}


.portal-t ul li:after {position: absolute;content: url(../../img/afiliate/check-box.png);width: 10px !important;height: 10px !important;left: -37px;transform: scale(0.5);top: -4px;}
.portal-t ul li {position: relative;list-style: none;margin-bottom: 15px;}
.portal-t .btn-3{background-color: white;border:1px solid #007B01;color:#007B01;}
.portal-t .th-btn {bottom: 0px;margin: 0px;}
.portal-t .li-btn {margin-top: 50px;}
.portal-t .row-productos-1 {margin-top: 35px;}


.circulares-oficiales .feature-item{ height: 151px !important;}
.circulares-oficiales .popup-image{border-radius: 20px !important;}
.circulares-oficiales .items-ahorro {margin-bottom: 40px;}

.description-remate {display:flex;flex-direction:column;gap:8px;}
.description-remate strong {color:#000000;}
.remate-avaluo {display:flex;flex-direction:column;gap:4px;color:#000000 !important;align-items:center;text-align:center;justify-content:center;}
.footer-remate {display:flex;flex-direction:row; justify-content:space-between;margin-top:25px; padding: 0px 25;}
.eventos .th-btn {background-color: white;color:#007B01;border-color:#007B01 !important;}

.remates .owl-item img {height:100%;object-fit:cover;border-radius:20px;}
.remates .owl-item a {display:inline-block;width:100%;}
/*.remates .container {padding-left:0px;padding-right:0px;}*/
.remates .owl-theme .owl-nav {margin-top: 0px;}
.sec-remate .btn-footer {border-color:#007b01 !important;}
.sec-remate .col-info-t {padding-top:20px;padding-bottom:20px;}


.sec-actividades {display:flex;row-gap:70px;flex-direction:column;}


.beneficios-n-d h4{font-style:italic;color:#007B01;}
.italic{font-style:italic;}
.beneficios-n-d h2 {font-size:35px;margin-bottom:40px;}


.detalle-evento .sec-title {text-align: center;}
.detalle-evento  .sec-p-i p {max-width: 100% !important;}
.detalle-evento .img1 {margin-top: 25px;margin-bottom: 25px;}


.remate-slider .owl-dots{display: none;}
.owl-prev {left: -35px;background-color: #007b01 !important;height: 50px;width: 50px;border-radius: 50% !important;color: white !important;font-size: 25px !important;}
.owl-next {right: -35px;background-color: #007b01 !important;height: 50px;width: 50px;border-radius: 50% !important;color: white !important;font-size: 25px !important;}
/*.remate-slider{overflow: visible !important;}*/
.sec-judicial-b {background-color: #F8F8F8;padding-top: 70px;padding-bottom: 70px;}
.remate-slider .owl-next {right: -20px;}
.remate-slider .owl-prev {left: -20px;}





/* RESPONSIVE  */

@media (min-width: 1350px) and (max-width: 1600px) {
  .header-layout6 .header-top:before {width: 56%;}
  .header-logo img {width: 80%;}
  .header-layout6 .menu-area:after {height: 100%;width: 37%;}
  #slider .hero-style7 {padding: 70px 0 70px 0;}
  #slider .hero-style7 .hero-text {max-width: 600px;}
  #slider .hero-style7 .hero-text {font-size: 15px;}
  #slider .hero-title{font-size: 70px;}
  .breadcumb-wrapper {padding: 110px 0 110px 0;}
  #header .main-menu{left: 0px;}
  #header .letter {display:none;}
}


@media (min-width: 1000px) and (max-width: 1350px) {
  .consulta-virtual .card-video .sec-text p  {font-size: 18px;}
  .consulta-virtual .card-video .feature-block {height: auto !important;}
  .consulta-virtual .card-video .sec-text {height: 175px;}
  .main-menu > ul > li {margin: 0 10px;}
  #header .btns-header .info-card_content a {padding: 10px 17px;}
  .header-layout6 .menu-area:after {height: 100%; width: 33%;}
  .header-layout6 .header-top .header-notice{font-size: 15px;}
  .header-layout6 .header-top:before {width: 56%;}
  .header-logo img {width: 80%;}
  #slider .hero-style7 {padding: 70px 0 70px 0;}
  #slider .hero-title{font-size: 45px;max-width: 500px}
  #slider .hero-style7 .hero-text {max-width: 600px;}
  #slider .hero-style7 .hero-text {font-size: 15px;}
  header .container {max-width: 100% !important;}
  .container {max-width: 1050px !important;}
  .th-btn {padding: 19px 28px;}
  .header-layout6 .main-menu > ul > li > a {padding: 30.5px 0;}
  #header .header-social a img {width: 29px;height: 29px;}
 .margin-top{margin-top:70px;}
 .margin-bottom{margin-bottom:70px;}
 .padding-top{padding-top:70px;}
 .padding-bottom{padding-bottom:70px;}
 .h2, h2 {font-size: 35px;}
 .title-area .sec-title {margin-bottom: 10px;}
 p {margin: 0 0 10px 0;}
 .box-title {font-size: 21px;}
 .feature-block {height: 232px;}
 .service-box-3 {height: 200px;}
 .team-card-3 .team-content {padding-top: 15px;}
 .aliados .sub-title {font-size: 19px;}
 .footer-widget .widget_title {font-size: 22px;}
 .footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a {font-size: 15px;}
 .footer-widget {margin-bottom: 30px;}
 #footer p {font-size: 15px;}
 .breadcumb-wrapper {padding: 70px 0 70px 0;}
 .breadcumb-title {font-size: 45px;}
 .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span {font-size: 15px;}
 .img-box1 .th-experience {padding: 18px;}
 .img-box1 .th-experience .experience-year {font-size: 50px;}
 p{font-size: 15px;}
 .acerca-nosotros-i .mision-vision h2 {font-size: 32px;}
 .service-item-2 .box-title {font-size: 19px;}
 .feature-item {height: 190px;}
 .h3, h3 {font-size: 30px;}
 .contact-info_icon {width: 60px;min-width: 60px;height: 60px;line-height: 60px;}
 .contact-info .box-title {font-size: 18px;}
 .contactenos .contact-info {justify-content: flex-start;}
 .map-sec iframe { height: 300px;}
 .h5, h5 { font-size: 22px;}
 .product-tab-style1 .nav-link {font-size: 18px;}
 .afiliate .content-left h2 {font-size: 28px;}
 .afiliate .content-right h2 {font-size: 28px;}
 #header .main-menu{left: 0px;}
 #header .letter {display:none;}
}


@media (min-width: 1000px) and (max-width: 1199px) {
  .header-layout6 .header-button .info-card {display: inline-block;}
  .header-layout6 .header-button .info-card.info-card-movil{display:none;}
  .main-menu > ul > li {margin: 0 10px;}
  .btns-header {width:26% !important}
  .col-logo{width:18%;}
  .col-menu {width: 56%;}
  .header-layout6 .menu-area:after {display: inline-block !important;width: 33%;}
  #header .btns-header .info-card_content a{text-align: center;}
  #header .main-menu {left: -25px;}
  .main-menu a {font-size: 13px;}
  #header .header-social a {font-weight: bold;font-size: 14px;}
  .container {max-width: 960px !important;}
  #header .btns-header .info-card_content a {font-size: 12px;}
  .feature-item {height: 220px;}
  .virtual {display: none;}
  #header .btns-header .info-card_content a {padding: 8px 20px;}
  .main-menu ul.sub-menu a, .main-menu ul.mega-menu a {font-size: 15px;line-height: 25px;}
  .main-menu ul.sub-menu { padding: 16px 18px 16px 16px;}
  .info-card-movil {display: none;}
  #header .letter {display:none;}
}


 @media (max-width: 1024px) {
  #mensaje-enviado  .img-pc{height:600px;object-fit:cover}
  #mensaje-enviado h2 {font-size: 45px;line-height: 1.2;margin-bottom: 20px;}
  #header .header-social a {font-size: 14px;}
  .col-logo{width: 20% !important;}
  .col-menu{display: none !important;}
  .btns-header{width: 80%;}
  .header-layout6 .header-button .info-card {display: inline-block;}
    /*.header-layout6 .header-button .info-card.info-card-movil{display:none;}*/
  .header-layout6 .menu-area:after {display: none !important;width: 65%;}
  .header-layout6 .menu-area {padding: 3px 0;}
  .productos .row-productos-1{display: flex;flex-direction: column;}
  .productos .row-productos-1 .col-md-3{width: 60%;margin: 0 auto;margin-bottom: 40px;} 
  .productos .row-productos-2 {display: flex;flex-direction: column;}
  .productos .row-productos-2 .col-md-6{width: 60%;margin: 0 auto;margin-bottom: 40px;}
  .breadcumb-wrapper {padding: 110px 0 110px 0;}
  .contactenos-tablet{display: flex;flex-direction: column-reverse;}
  .contactenos-tablet .col-md-7 {width: 100%;}
  .contactenos-tablet .col-md-5 {width: 100%;}
  .tablet-reverse{display: flex;flex-direction: column;gap: 40px;}
  .tablet-reverse .col-md-6 {width: 100%;}
  .tablet-reverse .col-md-6 img {width: 50%;margin: 0 auto;}
  .afiliate .content-right {padding-left: 0px;}
  .tablet-reverse2 {display: flex;flex-direction: column-reverse;gap: 40px;}
  .tablet-reverse2 .col-md-6 {width: 100%;}
  .tablet-reverse2 .col-md-6 img {width: 50%;margin: 0 auto;}
  .quienes-somos .pcolor {max-width: 100%;}
  .img1 {display: flex;}
  .img-box-left{justify-content: center;}
  .acerca-nosotros-i .tablet-reverse .img-box-left img{width: 100% !important;}
  .ahorro .sec-p-i {padding-left: 0px;}
  .sec-two-text {margin-top: 0px;}
  .cdat .sec-p-i {padding-left: 0px;}
  .auxilios-solidarios .sec-p-i p {max-width: 100%;}
  .auxilios-solidarios .sec-two-text {margin-top: 0px;}
  .info-card-movil{display: none !important;}
  .productos-tarjeta-debito-i .col-xl-3{width: 60% !important;}
  .productos-tarjeta-debito-i .row-productos-1 {margin-top: 40px;}
  .sec-min {max-width: 100%;}
  .apoyos-economicos .sec-p-i {padding-left: 0px;}
  .apoyos-economicos .mision-vision{margin-top: 0px;gap:50px;}
  .apoyos-economicos .sec-title br {display: none;}
  .apoyos-economicos .sec-p-ii {padding-right: 0px;}
  .apoyos-economicos .btn-group {margin-top: 0px !important;}
  .acerca-nosotros-i .title-area2 {padding-left: 0px ;}
  .fundacioncootep .col-md-6 img {width: 100%;}
  .consulta-virtual .item-cdat {position: relative;bottom: 90px;}
  .consulta-virtual .tablet-reverse .col-md-6 {display: flex;}
  .consulta-virtual .list-virtual {grid-template-columns: 100%;}
  .consulta-virtual .img-pago {width: 45px !important;}
  .consulta-virtual .item-cdat {position: relative;bottom: 0px;}
  .consulta-virtual .th-btn {bottom: 0px;}
  .consulta-virtual .list-virtual .item-virtual {margin-bottom: 30px;}
  .consulta-virtual .th-btn{margin: 0px ;}
  .consulta-virtual  .col-md-6 img {width: 100%;}
  .instructivos-virtual .row {display: flex;align-items: center;justify-content: center;flex-direction: column;}
  .instructivos-virtual .row .col-md-4 {width: 60%;}
  .portal-t .img-box1{display: flex;align-items: center;justify-content: center;margin-top: 40px;}
  .circulares-oficiales .feature-item {height: 200px !important;}
  .detalle-evento .img-box1{display: flex;align-items: center;justify-content: center}
  .sec-judicial  {gap:0px;}
  .sec-judicial-b {padding-top: 50px;padding-bottom: 50px;}
  .sec-judicial .img-box1 {margin-bottom:0px;}
  .footer-remate {justify-content: center;gap: 60px;}
  .sec-judicial .img-box1 .container {padding:0px;}
    .remate-slider .owl-prev {left: -7px;}
  .remate-slider .owl-next {right: -7px;}
    .sec-actividades .cel-reverse {flex-direction: column;gap: 0px;}
  .sec-actividades {row-gap: 45px;}
  .sec-actividade .row:nth-child(2){flex-direction:column-reverse;}
  .sec-actividades .row:nth-child(2) h2.text-center{order: 1;}
  .sec-actividades .row:nth-child(2) .col-info-t{order: 3;}
  .sec-actividades .row:nth-child(2) .img-box1{order: 2;}
  .beneficios-n-d h2 { margin-bottom: 0px;}
}


 @media (max-width: 767px) {
  #mensaje-enviado h2 {font-size: 35px;line-height: 1.2;margin-bottom: 20px;}
  .header-layout6 .header-button .info-card {display: none;} #header .menu-letter {display: inline-block;color:#000000;} .boton-pqr {display:none;}
  .sec-judicial .img-box1 .container {padding:0px;}
  #header .header-social a {font-size: 14px;}
  .info-card-movil{display: inline-block !important;}
  .info-card-pc{display: none;}
  .info-card-movil .info-card_content {display: flex;flex-direction: row;}
  #header .header-button2 {justify-content: center;margin-top: 10px;}
  #header .btns-header .info-card_content a {background-color: #007B01;}
  #header .info-card_content {gap: 7px;}
  #header .btns-header .info-card_content a {padding: 10px 24px;}
  .col-logo {width: auto !important;}
  .row-nav-movil{display: flex;flex-direction: row;}
  .btns-header{width: auto !important;}
  .col-menu {display: none;}
  .header-logo img {width: 80%;}
  #slider .hero-style7 {margin-left: 0px;}
  #slider .hero-style7 {padding: 80px 0 80px 0;}
  .hero-style7 .hero-title {font-size: 36px;}
  #slider .hero-style7 .hero-text{font-size: 15px;}
  #header .header-links {padding-right: 0px;}
  #header .header-button {padding-right: 0px;}
  .col-mensaje {display: none;}
  .cel-reverse {display: flex;flex-direction: column-reverse;gap:30px;}
  .cel-reverse2 {display: flex;gap:30px;flex-direction: column;}
  .icon-btn {color: black;}
  .margin-top{margin-top:70px;}
  .margin-bottom{margin-bottom:70px;}
  .padding-top{padding-top:70px;}
  .padding-bottom{padding-bottom:70px;}
  .img-box12 {margin-bottom: 0px;}
  .box-title {font-size: 20px;}
  .row-productos-2 {display: flex;flex-direction: column;}
  .row-productos-2 .col-md-6  {width: 100% !important;margin-bottom: 40px;}
  .team-card-3 .team-img {display: flex;}
  .team-card-3 .team-img img{width: 70%; margin: 0 auto;}
  .team-card-3 {margin-bottom: 40px;}
  #footer p {font-size: 15px;}
  #footer .widget-area {padding-top: 50px;padding-bottom: 10px;}
  .footer-widget .widget_title {font-size: 23px;}
  #footer a {font-size: 15px;} 
  .breadcumb-wrapper {padding: 45px 0 45px 0;}
  .breadcumb-menu {margin-top: 15px;}
  .breadcumb-title {font-size: 30px;}
  .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span {font-size: 15px;}
  .acerca-nosotros-i .title-area2 {padding-left: 0px;}
  .acerca-nosotros-i .mision-vision {margin-top: 50px;}
  .acerca-nosotros-i .mision-vision h2 {font-size: 26px;}
  .principios .row {display: flex;flex-direction: column;}
  .principios .service-item-2 {height: auto !important;padding-bottom: 30px !important;}
  .principios .ultimo-principio .service-item-2 {width: 100%;}
  .ahorro .sec-p-i {padding-left: 0px;}
  .sec-two-text {margin-top: 0px !important;}
  .last-p {margin-bottom: 0px;}
  .cdat .sec-p-i {padding-left: 0px !important;}
  .cdat .th-btn{margin: 0 auto;margin-top: 20px;margin-bottom: 10px;}
  .cdat .img-tabla {padding-top: 30px;padding-bottom: 35px;}
  .h2, h2 {font-size: 27px !important;}
  p{text-align: justify;}
  .convenios h4 {margin-top: 30px;font-size: 22px;}
  .breadcumb-title {font-size: 32px !important;}
  .title-o-principal h5 {font-size: 19px !important;}
  .contact-info_icon {width: 60px;min-width: 60px;height: 60px;line-height: 60px;}
  .contact-info .box-title {font-size: 19px;}
  .afiliate .content-right { padding-left: 0px;}
  .afiliate .content-right h2 {font-size: 23px !important;}
  .afiliate .ul-afiliate {margin-top: 70px;}
  .afiliate .content-left h2 {font-size: 23px !important;}
  .canales-pago .line-btn2 {margin-top: 0px !important;}
  .credito .row-productos-i {display: flex ;}
  .sec-min2 { padding-left: 0px;}
  .productos-tarjeta-debito-i .row-productos-1 {flex-direction: column;}
  .productos-tarjeta-debito-i .col-xl-3{width: 100% !important;margin-top: 30px !important;}
  .productos-tarjeta-debito-i .card-debito .feature-block{height: auto !important;}
  .apoyos-economicos .sec-p-i {padding-left: 0px;}
  .sec-min {max-width: 100%;}
  .apoyos-economicos .sec-p-i {padding-left: 0px;}
  .apoyos-economicos .mision-vision{margin-top: 0px;gap:50px;}
  .apoyos-economicos .sec-title br {display: none;}
  .apoyos-economicos .sec-p-ii {padding-right: 0px;}
  .apoyos-economicos .btn-group {margin-top: 0px !important;}
  .fundacioncootep .title-g {font-size: 27px !important;}
  .consulta-virtual .item-cdat {position: relative;bottom: 90px;}
  .consulta-virtual .tablet-reverse .col-md-6 {display: flex;}
  .consulta-virtual .list-virtual {grid-template-columns: 100%;}
  .consulta-virtual .img-pago {width: 45px !important;}
  .consulta-virtual .item-cdat {position: relative;bottom: 0px;}
  .consulta-virtual .th-btn {bottom: 0px;}
  .consulta-virtual .list-virtual .item-virtual {margin-bottom: 30px;}
  .consulta-virtual .th-btn{margin: 0px ;}
  .consulta-virtual  .col-md-6 img {width: 100%;}
  .instructivos-virtual .row {display: flex;align-items: center;justify-content: center;flex-direction: column;}
  .instructivos-virtual .row .col-md-4 {width: 100%;text-align: center;}
  .consulta-virtual .sec-text p {text-align: center !important;}
  .circulares-oficiales .feature-item {height: 100% !important;}
  .eventos .col-xl-4{margin-bottom: 40px;}
  /*#slider .slick-slide {height: 100% !important;}*/
  .footer-remate {padding: 0px;padding: 0px;flex-direction: column;gap: 20px;}
  .remate-slider .owl-prev {left: -5px;}
  .remate-slider .owl-next {right: -5px;}
  .header-links ul {display:flex;justify-content:center;}
  .btn-redes {left: 23px;}
  .btn-redes img {width: 60px;}
  .list-redes ul {margin-bottom:0px;}
  .list-redes ul li a {font-size: 17px;}
  .sec-actividades .cel-reverse {flex-direction: column;gap: 0px;}
  .sec-actividades {row-gap: 30px;}
  .sec-actividade .row:nth-child(2){flex-direction:column-reverse;}
  .sec-actividades .row:nth-child(2) h2.text-center{order: 1;}
  .sec-actividades .row:nth-child(2) .col-info-t{order: 3;}
  .sec-actividades .row:nth-child(2) .img-box1{order: 2;}
  
  
  .widget {
    left: -30px !important;
    bottom: 30px !important;
}
  
}
.table-container {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 0px;
}

.table-container table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    margin-bottom: 0px;
}

.table-container thead th {
    background-color: #007b01;
    color: white;
    padding: 10px;
    border: 4px solid #ffffff;
}

.table-container thead th[colspan="3"] {
    background-color: #28a745;
}

.table-container tbody td {
    padding: 10px;
    border: 4px solid #ffffff;
}
.table-container tbody th {
    color: white;
    border: 4px solid #ffffff;
    padding: 9px 12px;
    background-color: #007b01;

}
.table-container tbody tr:nth-child(odd) td {
    background-color: #f9f9f9;
}

.table-container tbody tr:nth-child(even) td {
    background-color: #eaf7e5;
}

.table-container tbody td:first-child {
    font-weight: bold;
}
.ahorrosprogramados-tabla{
    width: 50%;
}

#whatsappflotante {
    position: fixed;
    bottom: 6.5rem;
    right: 60px;
    z-index: 9;
    filter: drop-shadow(-2px 2px 15px rgba(0, 0, 0, 0.7));
  }
  #whatsappflotante:hover {
    opacity: 0.8;
    filter: drop-shadow(0px 2px 2px #000);
  }