/*!
Theme Name: Conexion Inmobiliaria V3
Description: Description
Author: Conexion Inmobiliaria
Version: 3.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: conexion-inmobiliaria

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

conexion-inmobiliaria is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/


:root {
            --azul-profundo: #062b48;
            --dorado: #e99800;
            --blanco-puro: #FFFFFF;
            --gris-suave: #F8F9FA;
        }
        .bg-ecosistema {
             background-color: #F0F5F6;
        }
        .education {
            background-color: #F0F5F6;
        }

        body { font-family: 'Inter', sans-serif;}
        h1, h2, h3, .navbar-brand { font-family: 'Montserrat', sans-serif; font-weight: 700; }
        h1, h2, h3, h4, h5 { color:#002349;  }

        a {
    text-decoration: none;
}


        /* Helpers */
        .text-white { color: white; }
        .text-gold { color: var(--dorado) !important; }
        .bg-navy { background-color: var(--azul-profundo); }
        .btn-gold { background-color: var(--dorado); color: white; border: none; padding: 12px 25px; transition: 0.3s; }
        .btn-gold:hover { background-color: #a68626; color: white; }
        .btn-outline-white { border: 2px solid white; color: white; padding: 12px 25px; }

        .btn-outline-white:hover {

            background-color: white;
            color: var(--azul-profundo);

        }

.nav-link { display:inline; }


.nav-item a { 
    color:#fff; 
}

.nav-item a:hover { 
    color:#cea467; 
}


 .nav-item a { 
    font-weight:300;
    font-size: 0.8em;
     }

.nav-item a i { margin-left:15px; font-size:1.4em }
.nav-item a i.fa-comments { margin-right:10px; }


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #899fb9;
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #899fb9;
}
.navbar {
    margin-bottom: 0;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus,.navbar-default .navbar-brand {
    color: #fff;
}


.navbar-nav > li > a {
     margin-right: 15px;
    font-size: 0.9em;
    text-transform: uppercase;
	font-weight: normal;
	
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav  li  a:hover, .navbar-default .navbar-nav  li  a.active  {
    color: #0096ff;
}

.navbar-default .navbar-nav a.lnk-prop { color: #e99800; font-weight: bold; }


 /* Navbar */
        .navbar { background: var(--azul-profundo); padding: 0.5rem 0; }
        .nav-link { color: white !important; font-weight: 400; margin-left: 20px; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 1px; }

        .nav-link:hover {
            color: var(--dorado)!important;
        }

      /* Hero Section */
.hero { 
    /* Agrupamos la lógica base */
    background-image: linear-gradient(rgba(5, 32, 51, 0.5), rgba(5, 32, 51, 0.5)), url('img/slider2.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
    /* El efecto que causa el problema */
    background-attachment: fixed; 
    
    height: 85vh;
    display: flex;
    align-items: center;
    color: white;
    
    /* Eliminamos 'background-position: fixed' ya que es un valor inválido */
}

/* FIX PARA iOS y TABLETS: Desactivamos el fixed donde rompe el renderizado */
@media (max-width: 1024px) {
    .hero {
        background-attachment: scroll !important; /* iOS renderizará la imagen normalmente */
        height: 70vh; /* Opcional: ajustamos altura en móviles para mejor UX */
    }
}

.hero-content {
    padding: 0 2em; /* Reducimos padding lateral para móviles */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
}

.hero-content p {
    padding: 0; /* Eliminamos el padding excesivo de 8em que rompería en móviles */
    max-width: 800px; /* En su lugar usamos max-width para centrar el texto en desktop */
    margin: 0 auto 3rem;
}

/* Ajuste para desktop para mantener tu diseño original de texto contenido */
@media (min-width: 992px) {
    .hero-content p {
        padding: 0 4em;
    }
}

        /* Logos Section */

        .logos-section { padding: 1em 0 6em 0; border-bottom: 1px solid #eee; }
        .logos-section img {
            height: auto;
        }
        .log-buts {
                display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
        }
        .logo-item { filter: grayscale(100%); opacity: 0.6; transition: 0.3s; max-width: 140px; }
        .logo-item:hover { filter: grayscale(0%); opacity: 1; }

        .btn-leer-art {
        display:inline-block; 
        }
       
        .btn-leer-art a {
 display:inline-block; 
 margin:-10px 10px 0 10px;
  border:1px solid #8d8d8d;
   border-radius:5px; 
   padding:5px 10px; 
   font-size:0.8em;
   background-color: #fff;
    width:80px;
    text-align: center;
    color: var(--azul-profundo);
     }

     .btn-leer-art a:hover {
        background-color: var(--azul-profundo);
        color: white;
     }

     .logo-item2 {
        margin: 0 auto 10px auto;
        text-align: center;
     }


        /* Cards Oportunidades */
        .property-card { border: none; border-radius: 0; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: 0.3s; }
        .property-card:hover { transform: translateY(-10px); }
        .badge-process { background: var(--dorado); color: white; position: absolute; top: 15px; right: 15px; border-radius: 0; padding: 5px 15px; }

        /* Timeline Step */
        .step-number { font-size: 4rem; font-weight: 700; color: rgba(197, 160, 46, 0.2); position: absolute; top: -30px; left: 0; }
        .step-container { position: relative; padding-top: 20px; }

        .mas-oportunidades {
             background-image: url('img/bg-oportunidades.jpg');
        }

        .como-funciona-bottom {
            background-image: url('img/bg-papeles.jpg');
            background-attachment: fixed;
            background-position: center;
        }
        .como-funciona-bottom p {

            padding: 2em 6em;
            text-align: center;
            color: var(--dorado);
            font-size: 1.6em;
        }

        /* education */
        .education {
            padding: 5rem 0;
        }
        .cards-row {
            margin-top: 4em;
          
        }
   
        .card {
            border-radius: 16px;
            padding-bottom: 2em;
        }
        .card i {
            font-size: 2.2rem;
            color: var(--dorado);
            margin-bottom: 1rem;
        }
        .card h4 {
            font-size: 1.3rem;
            margin-bottom: 0.8rem;
        }
        .card p {
            color: #4a5a6e;
        }

        .blog h5  {
            margin-top: 1em;
           
            padding: 1.5em;
        }
           .card-text {
            
            padding: 1.5em;
        }

         .blog h5 a {


            color: #002349;
         }

         .blog .card-text {
            color: #777;
         }

        
          /* CTA */
        .cta {
            background-image: url('img/fondo-oportunidades.jpg');
            color: white;
            text-align: center;
            padding: 8rem 2rem;
        }
        .cta h2 {
            color: white;
        }
        .cta .btn-gold {
            margin-top: 2rem;
            font-size: 1.1rem;
            padding: 1rem 3rem;
        }

        footer { background: #031420; color: rgba(255,255,255,0.7); padding: 60px 0 20px; }


        /* section blog */

#blog {
    background-image: url(https://www.conexioninmobiliaria.casa/wp-content/uploads/2025/09/fondo-blog.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 8em 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#blog h1 {

    color: #fff;
    width: 50%;
    margin-bottom: 1em;
}

#blog p {

    color: #e99800;
    width: 60%;
    font-size: 1.3em;
    font-weight: 500;
}

.btn_blog { 
    text-decoration:none;
    transform: translateY(20px);
    transition: opacity 1.5s ease-out, transform 1.5s ease-out; /* Controla la aparición del texto */ 
    color: white;
    border: 1px solid #fff;
    padding: 1em 2em;
    border-radius: 5px;
    
     }


@media (max-width: 767px) {
#blog {
   
    padding: 5em 0;
    text-align: center;

}

#blog h1 {

    width: 90%;
    
}

#blog p {

    width: 90%;
    font-size: 1.1em;

}

}

/* Estilos BLOG */

.blog-titulo {
    margin: 3em auto 0.6em auto;
    font-size: 2.2em;
    color: #e99800;
}

.blog-txt {

    margin-bottom: 4em;
    font-size: 1.4em;
    line-height: 1.5em;
    padding: 0 4em;
    color: #616366;
}

 h2.wp-block-heading {
    padding-top: 0.8em ;
    padding-bottom: 0.4em;
    font-size: 1.7em;
}

.posts-conexion {
    padding: 4em 0;
}

.posts-conexion h1 {

    font-size: 2em;
}

.posts-conexion .post-thumbnail {

    margin: 2em auto;
}

.posts-conexion .post-thumbnail img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.posts-conexion ul li {

    list-style: disc;
}

span.posted-on .updated {
    
}

.entry-meta {
    margin-bottom: 20px;
    line-height: 1.4;
}

.author-line {
    font-size: 1rem;
    color: #333;
}

.date-line {
    text-transform: capitalize; /* Para que 'abril' salga como 'Abril' */
    color: #777;
}

.btn-blog { background-color:#0e3157; border:0; }



.nav-links a {
    text-decoration: none;
    font-weight: bold;
    color: #007bff;
    text-transform: uppercase;
    padding: 1em;
    width: 90%;
    margin: auto 5%;
}

.nav-links a:hover {
    text-decoration: none;
}

.tambien {
    font-size: 1.4em;
    margin: 1em 0;
    color: #999;

}


.apoyo {
    color: #FFF;
}

.suscribirse {
    padding: 4em 0;
    background-color: #e99800;
}
.suscribirse-row{
    display: flex;
    justify-content: center;
    align-items: center;
}

.suscribirse p, .suscribirse h2 {
 color: #fff;
}

.listados { padding: 4em 0; }
.listados h1 { text-align: center; margin-bottom: 2em; }

.share-container {
    border-color: #ddd !important;
}

.share-container h6 {
  line-height: 1.6em;
}

.share-buttons .btn {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border-color: var(--azul-profundo);
    color: var(--azul-profundo);
}

.share-buttons .btn:hover {
    background-color: var(--dorado);
    border-color: var(--dorado);
    color: white;
    transform: translateY(-3px);
}

.share-buttons .btn-success {
    background-color: #25D366;
    border-color: #25D366;
    color: white;
}



@media (max-width:767px) {
.blog-titulo {
    margin: 1.6em auto 0.6em auto;
    font-size: 1.8em;
    
}

.blog-txt {

    margin-bottom: 2em;
    font-size: 1.2em;
    padding: 0;
}

}




        /*  Responsive **/

        @media (max-width:767px) {

            .navbar-nav {
                text-align: center;
            }

            .navbar-nav li {
                padding: 1em 0;
                border-bottom: 1px solid #56627d;
            }

            .navbar-nav li:last-of-type {

                border-bottom: none;
            }
 
          .hero-content {

            padding: 0;
          }
           .hero-content h1 {

            font-size: 1.6em;
          }
           .hero-content p {
    padding: 1em;
    font-size: 1em;
        
          }
          .logos-recomendados {
            display: block!important;
          }

          .como-funciona-bottom p {
    padding: 2em 1em; 
}
.mas-oportunidades h2 {

    margin-top: 1em;
}

         }

     @media (max-width:560px) {
 
        .hero-content p {
    padding: 0 0.4em;
      }

      .btns-sup {
        flex-direction: column;
      }

      .como-funciona-bottom p {
    padding: 0 1em; 
    font-size: 1.3em;
}

.liderago-txt {
    padding-right: 1em!important;
    padding-left: 1em!important;
}

         }

         @media (max-width: 480px) {
            .como-funciona-bottom p {
    font-size: 1.2em;
}
  
}

@media (max-width: 380px) {
 
}

@media (max-width: 320px) {
  


 
}