/*
    Theme Name: Pi Surcolombiano
    Theme URI: 
    Author: RedSistel.com
    Author URI: 
    Description: Theme Diseñado para el Parque Industrial Surcolombiano
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: parque, industrial, flexbox, css grid, mobile first
    Text Domain: pisurcolombiano
*/



@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Roboto:ital,wght@0,100..900;1,100..900&family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

:root {

    /** Fuentes **/
    --fuente-headings: "Montserrat", sans-serif;
    --fuentes-headings-2: "Staatliches", sans-serif;
    --fuentes-headings-3: "Nunito", sans-serif;
    --fuente-principal: "Roboto", sans-serif;
    --fuente-principal-2: "Lato", sans-serif;

    /** Colores **/
    --dorado: #be7308;
    --dorado-hover: #4d3814;
    --bg-principal: #4C4B4A;
    --bg-principal-alpha: #252a31d7;
    --bg-principal-2: #2E2E2E; 
    --bg-principal-footer: #5d5d5d; 
    --color-texto: #6abce3;
    --blanco: #FFF;
    --negro: #000;

}

html {
  box-sizing: border-box;
  font-size: 62.5%; /** 10px = 1rem **/
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
    font-family: var(--fuente-principal );
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
}

/** Headings **/
h1, h2, h3, h4 {
    font-family: var(--fuente-headings);
    margin: 0 0 5rem 0;
    line-height: 1.2;
}

h1 {
    font-size: 5rem;
}
h2 {
    font-size: 4rem;
}
h3 {
    font-size: 3.3rem;
}
h4 {
    font-size: 2.4rem;
}

h2 span {
    display: block;
    font-size: 2rem;
    color: #000000b7;
    text-transform: uppercase;
}


/** Globales **/

p {
    margin: 0;
}

a {
    text-decoration: none;
}

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

img {
    display: block;
    max-width: 100%;
    height: auto;
}

.contenedor {
    width: min(95%, 140rem);
    margin: 0 auto;
}

.seccion {
    padding: 5rem 0;
}

/** Utilidades **/
.text-center {
    text-align: center;
}

.text-primary {
    color: var(--blanco);
}

.text-heading {
    color: var(--dorado);
}

.slider-home .n2-ss-slide-backgrounds {
    background-color: var(--bg-principal-alpha);
}

.color-resaltado {
    color: #ffab31!important;
    font-weight: bold;
}

.prioridad-arriba {
    z-index: 999!important;
}

.mg-t {
    margin-top: 4rem;
}

.text-mayus {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.gs_logo_container.gs_carousel_swiper .gs_logo_single--inner {
    width: 11rem;
}

.gs_logo_container.gs_carousel_swiper .gs_logo_single--inner img {
    width: 11rem;
}

.bordes-estilos img {
    border-radius: 10rem 0 10rem 0!important;
}


.efecto-fixed {
    background-attachment: fixed;
}

.ocultar-todo {
    display: none!important;
}

.ocultar-md {
    display: none!important;
}
@media (min-width: 1024px) { 
    .ocultar-md {
        display: block!important;
    }
}

.ocultar-btn-planos {
    display: none;
}

@media (min-width: 768px ) { 
    .ocultar-btn-planos {
        display: block;
    }
}

.mostar-titulo-xs {
    display: block;
}
@media (min-width: 1024px) { 
    .mostar-titulo-xs {
        display: none;
    }
}

/* ESTILOS AL BOTON FLOTANTE DE WHATSAPP - DISMUNIR SU TAMAÑO */
#pulse-chat-button-wrapper .pulse,
#pulse-chat-button-wrapper .chat-button img {
    width: 5rem!important;
    height: 5rem!important;
}

/** Header - Mobile First **/
.barra-navegacion {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.top-bar {
    text-align: right;
    margin-bottom: 1rem;
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 3rem;

}

.top-bar form {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 7px;
}

.top-bar input {
    border-radius: 1rem;
    border: 1px solid gray;
    padding: 0.4rem;
    outline: none;
}

.top-bar .search-submit {
    padding: 0.5rem 1rem;
    transition: .3s ease-in-out;
    border: none;
    background-color: var(--dorado);
    color: var(--blanco);
    font-size: 1.8rem;
    cursor: pointer;
    border-radius: 1rem;
}

.top-bar .search-submit:hover {
    color: var(--dorado);
    background-color: transparent;
}
.top-bar .search-submit i {
    transition: .3s ease-in-out;
}
.top-bar .search-submit:hover i {
    transform: scale(1.2);
}
.efecto-blur::before {
    backdrop-filter: blur(10px);
}



/* .menu-principal {
    display: none;
} */

.site-header {
    background-color: var(--blanco);
    padding: 0.5rem 0;
}

.site-header .logo-institucional {
    display: flex;
    justify-content: center;
}

.site-header .logo-institucional h4 {
    display: none;
}

.site-header .logo-institucional a {
    display: flex;
    justify-content: center;

}

.site-header .logo-institucional img {
    width: 75%;
    margin: 5rem 0;
}

@media (min-width: 768px) { 
    .site-header .logo-institucional img {
        width: 35%;
    }
}

/* Eliminando padding del slider producido por el e-con-inner*/
.contenedor-slider,
.contenedor-slider .e-con-inner {
    padding: 0!important;
}

.menu-principal a {
    color: var(--dorado);
    font-family: var(--fuentes-headings);
    font-size: 2rem;
    display: block;
    text-align: center;
    padding: 1rem;
    text-transform: uppercase;
    /* font-weight: 600; */
}



@media (min-width: 768px) {    

    /* Fijando el menu principal al slider-home */
    /* .site-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99;
        background-color: #494643b2;
        backdrop-filter: blur(8px);
    }

    .admin-bar .site-header {
        top: 3.2rem;
    } */
      
     .site-header .logo-institucional {
        align-items: center;
     }

    .site-header .logo-institucional img { 
        width: 30rem;
        margin: 0;
    }    

    .barra-navegacion {
        flex-direction: row;
        justify-content: space-between;
    }
    
    .menu-principal {
        display: block;
    }

    .menu-principal .menu {
        display: flex;
        display: flex;
        align-items: center;
    }

    .menu-principal .menu-item > a {
        transition: background-color .3s ease-in-out;
        font-size: 1.5rem;
        padding: 1rem 2rem;
        border-right: 1px solid var(--dorado);
    }   

    .menu-principal .menu-item:last-child > a {
        border-right: none;
    }

    

    /* Estilos a los items del menu */
    .menu-principal .menu-item:hover > a {
        color: var(--blanco);
        background-color: var(--dorado);
        
    }

    nav.menu-principal .current_page_item {
        background-color: var(--dorado);
    }
    nav.menu-principal .current_page_item a {
        color: var(--blanco);
     }
    /* Ajusta el scope si tu wrapper no es nav.menu-principal */
    /*nav.menu-principal .menu-item > a {
        position: relative;
        display: inline-flex;      
        align-items: center;
        gap: 8px;      
        text-decoration: none;
        transition: color 1s ease;
    }

    
    nav.menu-principal .menu-item > a::before {
        content: "❯";
        display: inline-block;
        opacity: 0;
        transform: translateX(6px);
        transition: transform .8s ease, opacity .8s ease;
        font-size: 18px;
    }

    Subrayado desde el centro
    nav.menu-principal .menu-item > a::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 100%;
        height: 3px;
        background: var(--dorado);
        transform: translateX(-50%) scaleX(0);
        transform-origin: center;
        transition: transform .4s ease;
    }

   
    nav.menu-principal .menu-item:hover > a,
    nav.menu-principal .current-menu-item > a,
    nav.menu-principal .current_page_item > a,
    nav.menu-principal .current_page_parent > a,
    nav.menu-principal .current-menu-ancestor > a {
        color: var(--dorado);
    }

    nav.menu-principal .menu-item:hover > a::before,
    nav.menu-principal .current-menu-item > a::before,
    nav.menu-principal .current_page_item > a::before,
    nav.menu-principal .current_page_parent > a::before,
    nav.menu-principal .current-menu-ancestor > a::before {
        opacity: 1;
        transform: translateX(0);
    }

    nav.menu-principal .menu-item:hover > a::after,
    nav.menu-principal .current-menu-item > a::after,
    nav.menu-principal .current_page_item > a::after,
    nav.menu-principal .current_page_parent > a::after,
    nav.menu-principal .current-menu-ancestor > a::after {
        transform: translateX(-50%) scaleX(1);
    }*/

}

/* - Estilizando clase fixed-top -*/

@media (min-width: 992px) { 
    .fixed-top {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        background-color: #fff;
        padding: 0rem 5rem;
        z-index: 999999;
        box-shadow: 0px 8px 13px -6px rgba(0,0,0,0.75);
        -webkit-box-shadow: 0px 8px 13px -6px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 8px 13px -6px rgba(0,0,0,0.75);
        transition: background-color .4s ease-in;
    }

    .logo-institucional, .menu-principal {
        opacity: 1;
        transform: translateX(0);
        transition: all 0.4s ease-in;
    }

    .fixed-top .logo-institucional {
        transform: translateX(0);
        opacity: 1;
        animation: fromLeft 0.4s ease-in forwards;
    }
    .fixed-top .menu-principal {
        transform: translateX(0);
        opacity: 1;
        animation: fromRight 0.4s ease-in forwards;
    }

    @keyframes fromLeft {
        from { transform: translateX(-100%); opacity: 0;}
        to { transform: translateX(0); opacity: 1;}
    }
    @keyframes fromRight{
        from { transform: translateX(100%); opacity: 0;}
        to { transform: translateX(0); opacity: 1;}
    }


    .fixed-top .top-bar {
        display: none;
    }
}

/** Estilos menu hamburguesa */
.hamburguer-menu {
    margin: 4rem 0 2rem 0;
}
.hamburguer-menu:hover {
    cursor: pointer;
}

@media (min-width: 768px) { 
    .hamburguer-menu {
        display: none;
    }
}

.contenedor-menu-p {
    opacity: 0;
    max-height: 0;
    transition-delay: 100ms, 300ms;
    transition-property: opacity, max-height;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms;
}

@media (min-width: 768px) { 
    .contenedor-menu-p {
        all: unset;
    }
}

.mostrar {
    opacity: 1;
    max-height: 35rem;
    transition-delay: 100ms, 300ms;
    transition-property: max-height, opacity;
    transition-timing-function: ease-in-out;
    transition-duration: 300ms;
}

.contenedor-top-slider img {
    object-fit: cover;
}

/* Estilos al Footer **/
.footer-main {
    text-align: center;
    background-color: var(--bg-principal-footer);
}

.footer-main {
    border-top: 3px solid var(--dorado);
}

.footer-main .form-footer {
    position: relative;
}

.footer-contactenos h5 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: var(--blanco);
}



.footer-main .form-footer::before {
    content: '';
    position: absolute;
    border-top: 3rem solid var(--dorado);
    top: -1.6rem;
    left: 0;
    width: 100%;
}

.footer-main .map-container iframe {
    width: 95%;
    height: 35rem;
}

@media (min-width: 768px) {
    .footer-main .contenedor {
        width: min(75%, 120rem);
    }
}

@media (min-width: 1020px) { 
    .footer-main .contenedor {
        display: grid;
        grid-template-columns: 1fr 1fr;

    }

    .footer-main .contenedor .group-footer:first-child {
        grid-column: 1 / 3;
    }

    .footer-main .map-container iframe {
        width: 40rem;
    }
}

@media (min-width: 1200px) { 
    
    .footer-main .contenedor {
        grid-template-columns: repeat(3, 1fr);
        width: min(95%, 140rem);
        padding: 8rem 0 4rem 0;
    }

    .footer-main .contenedor .group-footer:first-child {
        grid-column: auto;
    }
    
}

.footer-main .group-footer {
    border-bottom: 1px solid #ffffff6e;
    
    padding-bottom: 2rem;
}

.footer-main .group-footer:last-child {
    border: none;
}

@media (min-width: 1020px) { 
    .footer-main .group-footer:nth-child(2),
    .footer-main .group-footer:nth-child(3) {
        border-bottom: none;
    }
}

@media (min-width: 1200px) { 
    .footer-main .group-footer:first-child {
        border-bottom: none;        
    }

    .footer-main .group-footer {
        padding: 0 1.5rem;
        border-right: 1px solid #ffffff6e;
    }
}

.footer-main p {
    font-size: 1.8rem;
}

@media (min-width: 768px) { 
    .footer-main p {
        font-size: 2.2rem;
    }
    
}

@media (min-width: 1200px) { 
    .footer-main p {
        font-size: 1.6rem;
    }
}

.footer-main p,
.footer-main h4,
.footer-main a {
    color: var(--blanco);
}

.footer-main .logo-institucional {
    width: 80%;
    margin: 0 auto 1rem auto;
    padding: 11rem 0 3rem 0;
    background-color: #fff;
    border-radius: 1rem;
}

.footer-main h4 {
    margin: 6rem 0 2rem 0;
    font-size: 2.8rem;
}

@media (min-width: 1200px) { 
    .footer-main .logo-institucional {
        width: 100%;
        padding: 1.5rem 3rem 1.5rem 0;
    }

    .footer-main .logo-institucional img {
        width: 70%;
        margin: 0 auto;
    }

    .footer-main h4 {
        margin: 2rem 0;
        font-size: 2rem;
    }
}



@media (min-width: 768px) { 
    .footer-main h4 {
        font-size: 3rem;
    }   
}

.logo-institucional2 {
    margin: 0 auto;
    background-color: #fff;
    padding: 1rem 4rem;
    border-radius: 1rem;
}

.logo-institucional2 .logo-institucional {
    padding: 5rem 0 3rem 0;
}

@media (min-width: 768px) { 
    .logo-institucional2 {
        margin-top: 4rem;
        
    }

    .logo-institucional2 img {
        width: 50%!important;
        
    }

    .logo-institucional2 .logo-institucional {
        padding: 0;
    }
}
.desarrollador {
    margin: 0 auto;
    padding: 1rem 0;
    width: min(95%, 140rem);
    border-top: 2px solid #ffffff6e;
}

/* ESTILOS AL FORM DEL FOOTER */
.form-footer {
    width: min(95%, 140rem);
    margin: 0 auto;
}

.form-footer h3 {
    color: var(--blanco);
    font-family: 'Lato', 'Arial';
    line-height: 1;
    padding: 4rem 0 0 0;
    margin-bottom: 4rem;
}

@media (min-width: 1024px) { 
    .form-footer .wpcf7-form {
        display: flex;
        gap: 2rem;
        text-align: left;
        background-color: #6b6a6a;
        padding: 3rem;
    }
}


.form-footer .wpcf7-form p {
    margin-bottom: 2rem;
    margin-top: 0;
}

@media (min-width: 1024px) { 
    .form-footer .wpcf7-form p {
        margin-bottom: 0rem;
    }
}

.form-footer .wpcf7-form .wpcf7-list-item {
    margin-bottom: 2rem;
}

@media (min-width: 1024px) { 
    .form-footer .wpcf7-form .wpcf7-list-item {
        margin: 0;
    }
}

.form-footer .wpcf7-form p:nth-child(6) {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (min-width: 1024px) { 
    .form-footer .wpcf7-form p:nth-child(4) {
        width: 50%;
    }
    
    .form-footer .wpcf7-form p:nth-child(5) {
        flex-direction: row;   
        align-items: center;  
    }

    .form-footer .wpcf7-form .wpcf7-spinner {
        display: none;
    }
}
.form-footer .wpcf7-form .btn-submit {
    padding: 1rem 8rem;
}



.form-footer .wpcf7-form .wpcf7-not-valid-tip {
    text-align: left;
}
@media (min-width: 1024px) { 
    .form-footer .wpcf7-form .wpcf7-not-valid-tip {
        margin-top: 1rem;
    }

    .form-footer .campo-txt {
        margin-bottom: 0;
    }
}

.form-footer .wpcf7-form .wpcf7-response-output {
    display: none;
}

.form-footer .wpcf7-form .btn-submit {
    transition: all .3s ease-in-out;
}
.form-footer .wpcf7-form .btn-submit:hover {
    background-color: #BE7308;
    color: #fff;
}


/* Estilos para la pagina de noticias */
.listado-noticias {
    display: grid;
    margin-top: 4rem;
    gap: 2rem;
}

@media (min-width: 768px) { 
    .listado-noticias {
        grid-template-columns: repeat(3, 1fr);
    }
}

.card {
    background-image: linear-gradient(to bottom, transparent 0, rgb(0 0 0 / .9));
    position: relative;
    overflow: hidden;
    transition: .4s ease-in-out;
    border-radius: 5px;
}


.card:hover {
    box-shadow: 0px 0px 3px 2px var(--dorado);
    -webkit-box-shadow: 0px 0px 3px 2px var(--dorado);
    -moz-box-shadow: 0px 0px 3px 2px var(--dorado);
}

.card img {
    display: block;
    position: relative;
    z-index: -1;
    width: 100%;
    height: 302px;
    object-fit: cover;
    transition: transform .4s ease-in-out;
}

.listado-noticias.shortcode img {
    height: 30rem!important;
}

.card:hover img {
    transform: scale(1.1);
}


.card .contenido {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1.5rem;
}

.card .contenido h3 {
    color: var(--blanco);
    margin-bottom: .5rem;
    font-size: 2rem;    
    transition: .4s ease-in-out;
    font-family: var(--fuentes-headings-3);
}

.card:hover .contenido h3 {
    color: var(--dorado);
}

.card .contenido p {
    color: var(--blanco);
    text-transform: capitalize;
    font-size: 1.4rem;    
    font-family: var(--fuente-principal-2);
}

.card .contenido p:last-child {
    border-top: 1px solid var(--dorado);
}


/** Sidebar **/
@media (min-width: 768px) { 
    .sidebar {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 6rem;
    }
}


/* Noticias */
.noticias h1 {
    font-size: 3.5rem;
}
.fecha-noticia > span {
    color: var(--dorado);
    font-weight: 600;
}

.texto-noticia {
    text-align: justify;
}

.texto-noticia li {
    list-style: inside;
}

.texto-noticia p {
    margin-top: 2rem;
    margin-bottom: 2rem;
}


@media (min-width: 768px) { 
    .noticia-imagen {
        float: left;
        width: 50%;
        margin: 0.7rem 2rem 0 0;
        shape-outside: inset(0); /* usa el borde de la caja */
        -webkit-shape-outside: inset(0); /* soporte en Safari */
    }
}

/* Paginador */
.paginador {
    text-align: right;
    margin-top: 2rem;
    border-top: 1px solid #be72086b;
    font-family: var(--fuente-principal);
}

.paginador .page-numbers.current {
    color: var(--dorado);
}


.paginador .page-numbers:hover {
    color: var(--dorado);
}

.paginador > a {
    color: var(--negro);
}

/* Sidebar de noticias */

.noticias-sidebar h3 {
    font-size: 1.7rem;
    margin-bottom: 0.8rem;
    transition: .2s ease-in-out;
}

.noticias-sidebar li {
    border-bottom: 1px solid #be720871;

}

.noticias-sidebar li > a {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 2rem;
    padding: 2rem 0;
    color: var(--negro);
}

.noticias-sidebar li > a:hover h3 {
    color: var(--dorado);
}

.noticias-sidebar li:last-child {
    border-bottom: none;
}

.noticias-sidebar li > a .imagen {
    flex: 1 1 30%;
    width: 100%;
    overflow: hidden;
    
}

.noticias-sidebar li > a .contenido-noticia {
    flex: 1 1 50%;
}

.noticias-sidebar li > a .contenido-noticia > p {
    font-size: 1.3rem;
}

.noticias-sidebar .descripcion {
    text-align: justify;
}

.noticias-sidebar .fecha-sidebar {
    color: var(--dorado);
    text-transform: capitalize;
}

/* ESTILOS AL CONTENEDOR DE BENEFICIOS */

.contenedor-beneficios {
    background-color: #f0f0f0;
    transition: all .3s ease-in;
}

.contenedor-beneficios:hover {
    background-color: #cac9c9;
}

.contenedor-beneficios .beneficio {
    background-color: var(--blanco);
    border-radius: 1rem;
    padding: 2rem;
    height: 26rem;
}

/* EFECTO HOVER A LOS ICONOS DE BENEFICIOS Y VALORES CORPORATIVOS */
     .elementor-icon {
    transition: .3s ease-in-out;
}

.contenedor-beneficios .beneficio:hover .elementor-icon {
    transform: scale(1.2);
}

.valor {
    transition: .3s ease-in-out;
}

.valor:hover .elementor-icon {
    transform: scale(1.2);
}



/* ESTILOS Y EFECTO DE BOTON, PUEDE USAR DE FORMA GLOBAL SI SE USAN LAS CLASES effect effect-btn*/
.effect a{
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: var(--blanco);
  /* background-color: - add your own background-color */
  font-family: var(--fuente-principal);
  font-size: 1.8rem;
  padding: 1.5rem 4rem;
  border-radius: 1rem;
  overflow: hidden;
}

.effect a {
    background-color: var(--dorado)!important;
}

.effect.effect-btn a {
  transition: all 0.2s linear 0s;
}

.effect.effect-btn a::before {
    content: "\f054";
    font-family: FontAwesome;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0px;
    height: 100%;
    width: 30px;
    background-color: #ffffff9a;
    border-radius: 0 50% 50% 0;
    transform: scale(0,1);
    transform-origin: left center;
    transition: all 0.2s linear 0s;
}

.effect.effect-btn a:hover {
    text-indent: 30px;
}

.effect.effect-btn a:hover::before {
    transform: scale(1,1);
    text-indent: 0;
}

/* EFECTO BLOQUE VALORES CORPORATIVOS */
.bloque-valores .valor-corporativo-1:hover {
    box-shadow: 0px 0px 0px 8px rgba(1, 68, 131, 0.39)!important;
}
.bloque-valores .valor-corporativo-2:hover {
    box-shadow: 0px 0px 0px 8px rgba(66, 163, 142, 0.39)!important;
}
.bloque-valores .valor-corporativo-3:hover {
    box-shadow: 0px 0px 0px 8px rgba(143, 96, 16, 0.39)!important;
}
.bloque-valores .valor-corporativo-4:hover {
    box-shadow: 0px 0px 0px 8px rgba(28, 75, 30, 0.39)!important;
}
.bloque-valores .valor-corporativo-5:hover {
    box-shadow: 0px 0px 0px 8px rgba(129, 73, 139, 0.39)!important;
}

/* EFECTO OVERLAY DEL MAPA */
.contenedor-mapa {
    position: relative;
}

.contenedor-mapa .overlay-mapa {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.contenedor-mapa:hover .overlay-mapa {
    opacity: 1;
}



/* ESTILOS AL FILTRO PAGINA DE BUSQUEDAS  */

/* Contenedor general de resultados */
.search-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 10rem 0;
  font-family: 'Nunito', sans-serif;
  color: #333;
}

/* Título principal */
.search-container .search-title {
  font-size: 3.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
  font-family: 'Nunito', sans-serif;
}
.search-container .search-title span {
  color: #0073aa;
}

/* Lista de resultados */
.search-container .search-results-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

/* Tarjeta de cada resultado */
.search-container .search-card {
  padding: 1.5rem;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  transition: transform 0.2s ease;
  background: #fff;
}
.search-container .search-card:hover {
  transform: translateY(-3px);
}

/* Título de cada tarjeta */
.search-container .search-card-title {
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
}
.search-container .search-card-title a {
  color: #0073aa;
  text-decoration: none;
}
.search-container .search-card-title a:hover {
  text-decoration: underline;
}

/* Extracto */
.search-container .search-card-excerpt {
  color: #555;
  font-size: 1.5rem;
  line-height: 1.5;
}

/* Botón leer más */
.search-container .search-read-more {
  display: inline-block;
  margin-top: 1rem;
  color: #fff;
  background: #0073aa;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  text-decoration: none;
  font-size: 0.9rem;
}
.search-container .search-read-more:hover {
  background: #005f8a;
}

/* Paginación */
.search-container .search-pagination {
  margin-top: 2rem;
  text-align: center;
}
.search-container .search-pagination a {
  margin: 0 0.3rem;
  padding: 0.5rem 0.8rem;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-decoration: none;
  color: #0073aa;
}
.search-container .search-pagination a:hover {
  background: #0073aa;
  color: #fff;
}

/* Mensaje sin resultados */
.search-container .search-no-results {
  text-align: center;
  padding: 2rem;
  background: #f9f9f9;
  border-radius: 10px;
}
.search-container .search-no-results p {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  color: #555;
}

/* ESTILOS A ICONOS SOCIALES ANCLADOS A LA PANTALLA */
.contenedor-redes-sociales {
	width: 400px;
	left: 0;
	position: fixed;
	top: 25rem;
	margin-left: 10px;
    z-index: 99999;
}

.icono {
	top: 50%;
	position: relative;
	margin-bottom: 10px;
    
}

.icono-primary {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	background: #3b5998;
	border-radius: 50%;
	position: relative;
	z-index: 1;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;

	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
}

.contenedor-descripcion {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 24px;
}

.icono-descripcion {
	width: auto;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	background: #3b5998;
	height: 40px;
	line-height: 4rem;
	padding-left: 4rem;
	padding-right: 4rem;
	border-radius: 0 20px 20px 0;

	-webkit-box-shadow: 1px 0 1px rgba(0,0,0,0.5);
	box-shadow: 1px 0 1px rgba(0,0,0,0.5);

	-webkit-transform: translate3d(-110%, 0, 0);
	-ms-transform: translate3d(-110%, 0, 0);
	-o-transform: translate3d(-110%, 0, 0);
	transform: translate3d(-110%, 0, 0);

	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

/* .icono:hover .icono-descripcion {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
} */
.icono-primary:hover ~ .contenedor-descripcion .icono-descripcion  {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

/*-------Colores Para Redes Sociales-------*/
.color-whatsapp {
	background: #25D366;
}

.color-instagram {
	background: linear-gradient(45deg, 
  #405DE6, #5851DB, #833AB4, #C13584, 
  #E1306C, #FD1D1D, #F56040, #F77737, 
  #FCAF45, #FFDC80);
}

/* ESTILOS AL DISEÑO DE FORMULARIOS */
.wpcf7-form {
    padding: 0 3rem;
    line-height: 0.5;
}

.wpcf7-form .label-form1 {
    display: none;
}

.campo-txt {
    width: 100%;
    padding: 0.8rem;
    border-radius: 0.5rem;
    border: 1px solid gray;
    font-family: 'Nunito', sans-serif;
    margin-bottom: 1.4rem;
}

.btn-submit {
    padding: 1rem 4rem;
    border-radius: 1rem;
    border: none;
    font-family: 'Lato', sans-serif;
    cursor: pointer;
}

.wpcf7-response-output {
    border: none;
    line-height: 1.2;
    text-align: center;
    background-color: var(--blanco);
    padding: 2rem 1rem!important;
    border-radius: 1rem;
}

.wpcf7-list-item {
    margin: 0.5rem 0 2rem 0;
}

.wpcf7-list-item-label {
    font-family: 'Nunito';
    line-height: 1.2;
    font-size: 1.5rem;
    color: #fff;
}

/* ESTILOS A PAGINA DE BENEFICIOS - SECCION QUE OFRECEMOS */
.caja-servicios img {
    border-radius: 0.9rem 0.9rem 0 0!important;
    width: 100%;
    height: 19.3rem!important;
    object-fit: cover;
}

.caja-servicios .elementor-image-box-description {
    padding: 0 2rem 2rem 2rem;
}

/* ESTILOS A LA UBICACION GEOGRAFICA DE LA PAGINA PRINCIPAL */
.content-ubicacion-estrategica .elementor-icon-list-text {
    font-size: 1.5rem!important;
}
.content-ubicacion-estrategica .estilo-text {
    display: block;
    color: var(--dorado);
    font-weight: 600;
    line-height: 1;
    font-size: 2rem;
}

.contenedor-general-localizacion .img-departamento img {
    opacity: 0;
    transition: all .3s ease-in-out;
}

.contenedor-general-localizacion:hover .img-departamento img {
    opacity: 1;
    transform: scale(1.1);
}


.content-nombres-localizacion ul {
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

.content-departamento-huila:hover .content-nombres-localizacion ul {
    opacity: 1;
    transform: scale(1.1);
}


.content-ubicación-parque .ubicación-parque {
    opacity: 0;
    transition: all .4s ease-in;   
}

.content-ubicación-parque:hover .ubicación-parque {
    opacity: 1;   
}