/*
Theme Name: Advisara Child
Theme URI: http://themeforest.net/user/wpoceans/
Author: wpoceans
Author URI: http://themeforest.net/user/wpoceans/portfolio
Description: Child theme for Advisara - Consulting WordPress Theme
Version: 1.1
Template: advisara
Text Domain: advisara-child
*/

/* ==========================================================================
   Ajustes LUNA para SICAM. Esta hoja se imprime justo despues de styles.css
   del padre (dependencia del handle advisara-style), asi que estas reglas
   ganan por cascada con la misma especificidad.
   ========================================================================== */

/* --- Botones: theme-btn-s3 cambia el fondo del icono pero el glifo heredaba
       el mismo color del fondo y quedaba invisible sobre si mismo. --------- */
.theme-btn-s3 i {
  color: #F7FAF0;
}

/* --- Logo en el panel movil (lo imprime el widget del header dentro de
       #navbar): solo se ve cuando el panel es off-canvas (<=991px); en
       escritorio ese contenedor es la barra de navegacion. ----------------- */
.wpo-site-header .mobile-menu-logo {
  display: none;
}

@media (max-width: 991px) {
  .wpo-site-header .mobile-menu-logo {
    display: block;
    padding: 0 30px 25px;
  }

  .wpo-site-header .mobile-menu-logo img {
    max-width: 170px;
    height: auto;
  }
}

/* --- Pie: .middle-img lleva el emblema SICAM, centrado en el hueco entre
       «Recursos» y «Empresas aliadas» y a la altura de las listas (medido:
       el hueco arranca en el centro del contenedor +96px; top 100px = el
       padding-top del upper footer). Sin transform: la animacion wow lo
       pisaria. El sicam-logo.svg declara width/height="100%" (sin tamano
       intrinseco) y renderizaba a 0x0: ancho fijo, el alto sale del viewBox.
       El display:none <=1199px lo conserva el padre. ----------------------- */
.wpo-site-footer .wpo-upper-footer .middle-img,
.wpo-site-footer-s2 .wpo-upper-footer .middle-img {
  right: auto;
  bottom: auto;
  /* +5px = +100px al centro del hueco, -95px (media imagen de 190px) */
  left: calc(50% + 5px);
  top: 100px;
}

.wpo-site-footer .wpo-upper-footer .middle-img img,
.wpo-site-footer-s2 .wpo-upper-footer .middle-img img {
  width: 190px;
  height: auto;
}

/* --- Pie: el bloque .newsletter-s2 se reutiliza como lista de enlaces
       («Empresas aliadas»), asi que hereda el estilo de .link-widget. ------ */
.wpo-site-footer .newsletter-s2 ul,
.wpo-site-footer-s2 .newsletter-s2 ul {
  padding-left: 0;
}

.wpo-site-footer .newsletter-s2 ul li,
.wpo-site-footer-s2 .newsletter-s2 ul li {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 134%;
  letter-spacing: 1.28px;
  text-transform: uppercase;
  color: #F7FAF0;
}

.wpo-site-footer .newsletter-s2 ul li a,
.wpo-site-footer-s2 .newsletter-s2 ul li a {
  color: #F7FAF0;
  transition: all ease-in-out 0.3s;
}

.wpo-site-footer .newsletter-s2 ul li a:hover,
.wpo-site-footer-s2 .newsletter-s2 ul li a:hover {
  color: #8FB255;
  text-decoration: underline;
}

.wpo-site-footer .newsletter-s2 ul li+li,
.wpo-site-footer-s2 .newsletter-s2 ul li+li {
  padding-top: 10px;
}

/* --- Pie: la firma Luna vive dentro del copyright del .wpo-lower-footer,
       asi que hereda el fondo del pie; solo se ajusta el color del texto. -- */
.wpo-lower-footer .luna-copy-footer,
.wpo-lower-footer .luna-copy-footer a,
.wpo-lower-footer .luna-copy-footer span,
.wpo-lower-footer .luna-copy-footer strong {
  color: #F7FAF0;
}

.wpo-lower-footer .luna-copy-footer .luna-trigger:hover,
.wpo-lower-footer .luna-copy-footer a:hover {
  color: #8FB255;
}

/* --- Iconos why-choose: el tema pinta la caja pero no el glifo, que hereda
       el verde oscuro del texto y queda invisible sobre la caja. ----------- */
.wpo-why-choose-section .why-choose-right .why-choose-item .why-choose-list .icon,
.wpo-why-choose-section-s2 .why-choose-right .why-choose-item .why-choose-list .icon,
.wpo-why-choose-section-s3 .why-choose-right .why-choose-item .why-choose-list .icon {
  color: #F7FAF0;
}

.wpo-why-choose-section .why-choose-right .why-choose-item .why-choose-list .icon i,
.wpo-why-choose-section-s2 .why-choose-right .why-choose-item .why-choose-list .icon i,
.wpo-why-choose-section-s3 .why-choose-right .why-choose-item .why-choose-list .icon i {
  color: inherit;
}

/* En s3 la caja es naranja (#DB963E): el glifo claro daba 2.36:1; en oscuro
   sube a ~5.5:1. Debe ir DESPUES de la regla anterior (misma especificidad). */
.wpo-why-choose-section-s3 .why-choose-right .why-choose-item .why-choose-list .icon {
  color: #233016;
}

/* --- Iconos about: la regla del padre solo cubre -s3, asi que en -s2 el
       glifo heredaba el verde oscuro sobre la caja #1A2611. ---------------- */
.wpo-about-section-s2 .about-left .about-left-bottom .about-bottom-content .icon i {
  color: #fff;
}

/* --- Contacto: Luna Forms limita el formulario a 720px y lo dejaba pegado
       a la izquierda dentro del area de contacto. Se centra. --------------- */
.contact-left .wpo-contact-form-area .lnf-form {
  margin-left: auto;
  margin-right: auto;
}
/* ==========================================================================
   Singles de service: rejilla de tarjetas (el bloque .service-item del tema
   no tiene ancho y las tarjetas quedaban en columnas desiguales tipo mosaico)
   ========================================================================== */

/* .service-single-content esta capado a 700px (medida de lectura del texto
   corrido); el bloque de tarjetas no necesita ese cap: sin el, las 3 columnas
   quedan a ~357px, el ancho para el que se diseño la tarjeta. */
.wpo-service-single-section .service-single-item .service-single-content:has(.service-content-bottom) {
  max-width: none;
}

.wpo-service-single-section .service-single-item .service-single-content .service-content-bottom .service-item {
  display: flex;
  flex: 0 0 calc((100% - 40px) / 3);
  max-width: calc((100% - 40px) / 3);
}

@media (max-width: 991px) {
  .wpo-service-single-section .service-single-item .service-single-content .service-content-bottom .service-item {
    flex: 0 0 calc((100% - 20px) / 2);
    max-width: calc((100% - 20px) / 2);
  }
}

@media (max-width: 767px) {
  .wpo-service-single-section .service-single-item .service-single-content .service-content-bottom .service-item {
    display: block;
    max-width: none;
  }
}

/* La tarjeta del tema trae max-width:345px + margin-bottom que rompen la
   rejilla (el gap del contenedor ya separa las filas). Columna flex + cuerpo
   que crece para que el pie («Modalidad 01»…) quede alineado al fondo. */
.wpo-service-single-section .service-single-item .service-single-content .service-content-bottom .service-card {
  width: 100%;
  height: 100%;
  max-width: none;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .wpo-service-single-section .service-single-item .service-single-content .service-content-bottom .service-card {
    margin: 0 auto;
    margin-bottom: 20px;
    height: auto;
  }
}

.wpo-service-single-section .service-single-item .service-single-content .service-content-bottom .service-card .text {
  flex-grow: 1;
}

/* Pie opcional de la tarjeta (control card_footer añadido al widget). */
.wpo-service-single-section .service-single-item .service-single-content .service-content-bottom .service-card .service-card-footer {
  display: block;
  padding: 12px 16px 10px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #3F5A1F;
}

/* ==========================================================================
   Contacto: tarjetas de datos con la misma altura
   ========================================================================== */

/* Las 3 tarjetas quedaban a distinta altura segun su texto. */
.wpo-contact-pg-section .contact-top-item .office-info-item {
  height: calc(100% - 20px);
  display: flex;
  flex-direction: column;
}

/* El cuerpo de la tarjeta llena el alto disponible. */
.wpo-contact-pg-section .contact-top-item .office-info-item .office-info-content {
  flex: 1 1 auto;
}

/* Un correo es un token sin espacios y se desbordaba de la tarjeta; con esto
   parte de linea en vez de salirse. */
.wpo-contact-pg-section .contact-top-item .office-info-item .office-info-content .office-info-text h3 {
  overflow-wrap: anywhere;
}