/*
    Theme Name: WGBusiness
    Theme URI: 
    Author: MGAINFORMATIK
    Author URI: https://mgainformatik.com
    Description: Theme Diseñado para WG business solutions
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: negocios, contabilidad, consultoria, contable, financias, SAP
    Text Domain: wgbusiness
*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700;900&family=Staatliches&display=wsap');


:root {
    /** Fuentes **/
    --fuente-principal: 'Raleway', sans-serif;
    --fuente-headings: 'Staatliches', cursive;
    
    --primario:#02092d ;
    --secundario:#d36576;
    --gris-claro: #EBEBEB;
    --blanco: #fff;
    --negro: #000;
}

/** colores **/



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


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


/** Headings**/
h1, h2, h3, h4 {
    font-family: auto;
    margin: 0 0 3rem 0;
    line-height: 1.2;
}

h1{
    font-size: 6rem;
}
h2{
    font-size: 4.8rem;

}
h3{
    font-size: 3.6rem;
}
h4{
    font-size: 2rem;
    margin: 0 0 1.3rem 0;
    font-weight: normal;
}




/**Globales**/
p{
    margin: 0;
}
a{
    text-decoration: none;
}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
    
}

img{
    display: block;
    max-width: 100%;
    height: auto;
}
hr{
    border: 1px solid var(--gris-claro);
}

.imagen-destacada{
    margin-bottom: 3rem;
    border-radius: 15px;
    width: 720px;
    height: auto;
    margin: 2.5rem auto;
}

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

.contenido-centrado {
    width: min(95%, 120rem);
}

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


.contenedor-pagina ul{
    margin-top: 1.5rem;
    

}
.contenedor-pagina ul li{
    list-style: initial;
    margin-left: 4.5rem;
    padding-left: 0;
    

}




.contenido-post{
    background-color:rgb(47 6 196 / 6%);
    width: min(95%, 77rem);
    margin: 0 auto;
    border-radius: 25px;
    padding: 1.5rem;
    
}


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

.text-primary{
    color: var(--primario);
}
.text-blanco{
    color: var(--blanco);
}
.seccion {
    padding: 5rem 0;
}


/**Header**/

.header{
    background-color: var(--primario);
    padding: 2rem 0;
}
.barra-navegacion{
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 760px) {
    .barra-navegacion{
        flex-direction: row;
        justify-content: space-between;
    }
    
}

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

.menu-principal ul li{
    margin-left: 0;
}

.hamburguer-menu:hover{
    cursor: pointer;
}

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

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

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

}

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

@media (min-width: 768px){

    .menu-principal{
        display: block;
    }

    .menu-principal .menu{
        display: flex;
    }
}

.menu-principal a{
    font-family: var(--fuente-headings);
    display: block;
    text-align: center;
    color: var(--blanco);
    padding: .5rem 2rem;
}



@media (min-width: 768px) {
    .menu-principal a{
        position: relative;
        z-index: 1;
    }

    .menu-principal .current_page_item{
        border-bottom: 1.5px solid var(--secundario);
       
    }

.menu-principal a::before, 
.menu-principal a::after {
    position: absolute;
    left: 0;
    content: '';
    display: block;
    width: 100%;
    height: 50%;
    background-color: var(--secundario);
    z-index: -1;
    transform: scaleX(0);
    transition: transform .6s;
}
.menu-principal a::before {
    top: 0;
    transform-origin: left;
}
.menu-principal a::after {
    top:50%;
    transform-origin: right;
}
.menu-principal a:hover::before {
    transform: scaleX(1);
}
.menu-principal a:hover::after {
    transform: scaleX(1);
}

}



/*FOOTER*/
.footer{
    background-color: var(--primario);
    color: var(--blanco);
    padding: 2rem 2rem;
    font-size: 1.5rem;
}


.footer .footer-card ul{
    padding-left: 0;    
}

.contenido-footer{
    padding: 4rem 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

.footer .menu-principal a{
    color:var(--blanco);
    text-align: left;
    font-size: 1.5rem;
    padding: 0;
    font-weight: normal;
    font-family: var(--fuente-principal);
    
}
.footer .menu-principal a::before,
.footer .menu-principal a::after {
    display: none;
}
.footer .current_page_item{
    border: none;
}


.footer .menu-principal .menu{
    display:block;   
    
}

.footer-card{
    background-color: #ebebeb08;
    width: 100%;
    height: 100%;
    padding: 2rem;
    border-radius: .5rem;
    
   
}



.footer .redes-sociales{
    text-align: center;
}


.footer .copyright{
   
   text-align: center;
}



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

    .contenido-footer{
        padding: 4rem 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
        place-items: center;
    }
	
}


@media screen and (max-width: 600px) {
    .contenido-footer{
        padding: 4rem 0;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
        place-items: center;
    }
}







.logo_tamano {
    width: 360px;
    height: auto;
}





/** Cards **/

.listado-grid{
    margin-top: 4rem;
    display: grid;
    gap: 2rem;
    row-gap: 4rem;
    padding: 0 2rem;
}

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

.card {
    display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 8px;
  box-shadow: 1px 3px 5px 3px rgba(47, 6, 196, 0.1);
  /*padding: 15px;*/
  background-color: #fff;
  height: 100%; /* Importante para igualar altura dentro del grid */

}
.card h4{
    font-family: var(--fuente-headings);
    text-align: center;
}

.card-imagen{
    
    width: 100%;
    margin: 0 auto;
    padding-top: 1.5rem;
    
}

.card img{
    width: 77px;
    margin: 0 auto;
    padding-bottom: 10px;
}

.card-text{
    margin: 0;
    padding: 15px 5px;
    background-color: var(--primario);
    color: #fff;
    border-radius: 15px;
text-align: center;
}

.card-contenido{
    font-size: 1.4rem;
    text-align: justify;
    padding: 15px;
}

.card-contenido ul{
    padding: 0;
}



.planes-consultorias{
    width: min(95%, 77rem);
    background-color:rgb(47 6 196 / 6%);
    border-radius: 25px;
    padding: 5rem 5rem;
    margin: 4rem auto;
    
    font-size: 2rem;
}


 .contenido-index{
    width: min(95%, 77rem);
    background-color:rgb(47 6 196 / 6%);
    border-radius: 25px;
    pad: 5rem 5rem;
    margin: 0 auto;
    
  }

  .inicio-textos{
    font-size: 1.8rem;
    font-weight: 500;

  }

    .contenido-index .inicio-textos p {
    font-size: 1.8rem;
    font-weight: 500;

  }


.card-text-plan{
    background-color: var(--secundario);
    width: 100%;
    height: auto;
    margin: 0;
    padding: 15px 5px;
    text-align: center;
    border-radius: 10px;
    }

.card-contenido-plan{
    
    font-weight: 500;
    padding: 15px;

}
.card-text-plan h4{
    margin: 0;
    
}

.card-contenido-plan h3{
    font-size: 2.5rem;
    padding-top: 15px;
    color: #dc2541;
    font-family: var(--fuente-principal);

}

.card-contenido-plan ul{
    
    
    margin-top: 10px;
}

.card-contenido-plan ul li {
    list-style: none;
    position: relative;
    padding-left: 20px;
    font-size: 1.3rem;
    font-weight: 550;
  }

.card-contenido-plan ul li::before {
    content: "";
    
    position: absolute;
    left: 0;
    top: 0.3em;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="green" d="M9 16.2l-4.2-4.2-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
  }

.card-contenido-plan p{
    font-size: 15px;
}


.card-footer {
    margin-top: auto;
    display: flex;
    justify-content: center;
    padding-top: 1rem;
    padding-bottom: 2rem;
  }


/* Estilo elegante para el botón */
.boton {
    display: inline-block;            /* Necesario para aplicar padding correctamente a <a> */
    background-color: #1e3a8a;
    color: #fff;
    padding: 5px 20px;
    border: none;
    border-radius: 6px;
    font-size: 1.2rem;
    min-width: 120px;
    text-align: center;
    text-decoration: none;            /* Quita el subrayado */
    font-weight: 550;
    cursor: pointer;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
  }
  
  .boton:hover {
    background-color: #1d4ed8;
    box-shadow: 0 4px 12px rgba(30, 58, 138, 0.3);
  }



 /**Form**/

 .wpcf7-form label {
    font-weight: 600;
 }

 .wpcf7-form input {
    height: 45px;
    margin-bottom: 15px;
 }

.wpcf7-form .wpcf7-form-control{
    width: 100%;
}


.wpcf7-form .wpcf7-submit {
    font-weight: bold;
    background-color: var(--primario); /* azul sólido */
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 12px 24px;
    font-size: 16px;
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.wpcf7-form .wpcf7-submit:hover {
    cursor: pointer;
    background-color:#0073e6;
    color: var(--blanco);
    box-shadow: 0 6px 12px rgba(0, 115, 230, 0.3);
    border: 2px solid #0073e6;
}




/**Redes**/

.social-icons {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}

.social-icon {
    font-size: 44px;
    color: var(--primario);
    text-decoration: none;
    transition: color 0.3s ease, transform 0.3s ease;
}

.social-icon:hover {
    color: #0073e6;
    transform: scale(1.2);
}

.social-icon-footer{
     font-size: 24px;
    color: var(--blanco);
    text-decoration: none;
    transition: color 0.3s ease, transform 0.3s ease;

}


/* Estilos para tarjetas de noticias financieras */

.news-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
  padding: 1rem;
}

.news-card {
  background-color: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 51, 102, 0.1);
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.news-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0, 51, 102, 0.15);
}

.news-card img.thumbnail {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.news-content {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

.news-title {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #003366;
  line-height: 1.4;
}

.news-date {
  font-size: 1.3rem;
  color: #666;
  margin-top: auto;
  margin-bottom: 0;
}













  .service-card {
      background-color: #f5f3ff;
      border-radius: 20px;
      max-width: 900px;
      display: flex;
      flex-wrap: wrap;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
      overflow: hidden;
    }

    .service-text {
      flex: 1 1 400px;
      padding: 30px;
    }

    .service-text h2 {
      font-size: 1.5rem;
      margin-bottom: 10px;
    }

    .service-text p {
      font-size: 1rem;
      line-height: 1.6;
      margin-bottom: 20px;
    }

    .service-list {
      list-style: none;
      padding-left: 0;
    }

    .service-list li {
      margin-bottom: 8px;
      font-size: 1rem;
    }

    .service-list li::before {
      content: '✔';
      color: green;
      margin-right: 8px;
    }

    .cta-button {
      display: inline-block;
      margin-top: 20px;
      padding: 12px 20px;
      background-color: #4f46e5;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-weight: bold;
      transition: background-color 0.3s;
    }

    .cta-button:hover {
      background-color: #3730a3;
    }

    .service-image {
      flex: 1 1 300px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #ebe9ff;
    }

    .service-image img {
      max-width: 100%;
      height: auto;
      object-fit: contain;
    }

    @media (max-width: 768px) {
      .service-card {
        flex-direction: column;
      }

      .service-image {
        padding: 20px;
      }
       h2{
    font-size: 3rem;
    }