/**
 * Theme Name:     FCE_THEME
 * Author:         Sistemas FCE
 * Template:       spark-construction-lite
 * Text Domain:	   fce_theme
 * Description:    Spark Construction Lite is a Multipurpose WordPress Theme which is designed and developed targetting agencies and companies which deal with construction, renovation, architecture design, engineering etc. It has beautiful, elegant and attractive design and meets the need to build constuction and related field
 */
/*HEADER*/
.spc_general_header .header_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 999;
}
ul.primary_nav>li>a {
    color: #3a3a3a !important;
}
ul.primary_nav>li>a:hover{
    color: orange !important;
}
/*BANNER HEADER*/
.spc_banner{
	/*padding-top: 100px;*/

}

/* PARA QUE FUNCIONEN LAS UL LI OL */
/* Elementor Text Editor: listas con bullets y sangría correctas */
.elementor-widget-text-editor .elementor-widget-container ul,
.elementor-widget-text-editor .elementor-widget-container ol,
.elementor-text-editor ul,
.elementor-text-editor ol{
  margin: 0 0 1em 0;
  padding-left: 1.5em;          /* ajustá a gusto */
  list-style-position: outside;
}

/* Tipo de viñeta / numeración */
.elementor-widget-text-editor .elementor-widget-container ul,
.elementor-text-editor ul{
  list-style-type: disc !important;
}

.elementor-widget-text-editor .elementor-widget-container ol,
.elementor-text-editor ol{
  list-style-type: decimal !important;
}

/* Asegura que cada item use “list-item” (por si algún CSS lo rompe) */
.elementor-widget-text-editor .elementor-widget-container li,
.elementor-text-editor li{
  display: list-item;
}

/* Sublistas (opcional, para que se distingan) */
.elementor-widget-text-editor .elementor-widget-container ul ul,
.elementor-text-editor ul ul{
  list-style-type: circle !important;
  margin-top: .5em;
}

.elementor-widget-text-editor .elementor-widget-container ol ol,
.elementor-text-editor ol ol{
  list-style-type: lower-alpha !important;
  margin-top: .5em;
}
/* cierro ul y LI */

.thin_mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1;
}
 .section_inner {
    padding: 80px 0;
    text-align: center;
    background-color: #ffffff;
}

/* MENÚ MAIN */
.menu-logo {
  max-height: 25px; /* Ajusta la altura del logo */
  width: auto;     /* Mantiene las proporciones del logo */
  margin-right: 15px; /* Espaciado entre el logo y otros elementos */
  vertical-align: middle; /* Alinea el logo con el texto */
}

.menu-item img {
  display: block; /* Asegúrate de que el logo no tenga problemas de alineación */
}
@media (max-width: 768px) {
  .menu-logo {
      max-height: 25px; /* Reduce el tamaño en pantallas pequeñas */
  }
}


/*BODY*/

body.custom-background {
    background-color: #ffffff;
}

#toTop {
    position: fixed;
    z-index: 9999;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    display: none;
    padding: 7px 12px;
    border-radius: 4px;
    background-color: #f2851e;
    color: #fff;
}
/*FOOTER*/
.footer_bottom {
    background: #f4f4f4;
    padding: 20px 0;
    text-align: center;
    color: gray;
}


/*CONFIGURACION PARA CELULARES*/
/*HEADER MASCARA*/
@media (max-width: 801px){}
.spc_general_header .header_mask, .spc_general_header.spc_header_layout_one .header_mask {
    position: relative !important;
background-color: rgba(255, 255, 255, 0.7);}

.collapse-button {
    position: absolute;
    right: 0;
    top: 50%;
    width: 40px;
    padding: 7px 10px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background-color: #f2851e;
    cursor: pointer;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


.footer-fce{
  text-align: left;
  padding-bottom: 10px;
}
.footer-fce a{
 color: #727272;
  
}
.footer-fce a:hover{
 color: #ff8500 !important;
  
}
.footer-fce p {
    color: #727272;
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: unset !important; 
    margin-bottom: 5px !important; 
    word-wrap: break-word;
}
.footer-fce hr{
    
  height: 4px;
  background-color: #ff8500 !important;

}

.footer-redes{
  padding-top: unset !important;
  text-align: right;
}
.footer-redes a{
  color: gray !important;
  padding-left: 20px;
}
.footer-redes a:hover{
  color: #ff8500 !important;
}

/*VISTA CELULAR*/
@media screen and (max-width: 450px) {

  .spc_banner {
    padding-top: 180px;
}
.section_inner {
    padding: 80px 0 !important;
    text-align: center !important;
    padding-top: 10px !important;
}

.footer-fce{
  max-width: 320px !important;
}
.footer-redes{
  text-align: left !important;
  padding-left: 13px !important;
  
}
.footer-redes a{
  text-align: left;
  color: gray !important;
  padding-left: unset;
  padding-right: 20px; 
}
.footer-redes i{
  font-size: 3em !important;
  }

}/*CIERRO VISTA CELULAR*/

.grecaptcha-badge {
  display: none;
}
.i4ewOd-pzNkMb-haAclf {
 display:none !important;
}

/* MENU ESTILO UBA */
/* Botón dentro del widget: alinealo a la derecha si querés */
[data-id="5ea3e7a"] .elementor-widget-container{
  display:flex; justify-content:flex-end; align-items:center;
}

/* ===== Apariencia burger/offcanvas ===== */
.econ-burger-bars{ font-size: 4rem; line-height:1; display:inline-block; }
.econ-burger{ background:transparent; color:#222; }
.econ-menu {
  text-align: left;
}

.econ-offcanvas{
  --econ-bg: #F5D8BC;      /* naranja crema */
  background: var(--econ-bg);
  width: 100vw; max-width: 100vw; border-left:0;
  z-index: 200000;         /* por encima del header */
}
.econ-offcanvas .offcanvas-header{ padding:50px 24px 0 24px; }
.econ-offcanvas .offcanvas-body{ padding:24px; }

.econ-offcanvas .econ-menu a{
  font-family:"Rubik", system-ui, sans-serif;
  font-size:2rem; font-weight:700; line-height:1.3;
  text-decoration:none; color:#2b2b2b; display:inline-block; padding:10px 0;
}
.econ-offcanvas .econ-menu .sub-menu a{ font-size:1.7rem; font-weight:400; }
.econ-offcanvas .econ-menu > ul > li{ margin:10px 0; }

/* Flechita y rotación con collapse de Bootstrap */
.econ-offcanvas .has-sub > .econ-parent{ position:relative; padding-right:28px; }
.econ-offcanvas .has-sub > .econ-parent::after{
  content:"▾"; position:absolute; right:0; top:0.2em; font-size:.9em; transition:transform .2s;
}
.econ-offcanvas .has-sub > .econ-parent[aria-expanded="true"]::after{ transform:rotate(180deg); }

.econ-offcanvas .sub-menu{ margin:6px 0 0 16px; }

.econ-offcanvas .econ-close{ filter: invert(20%); padding-right: 10rem; }

/* Color gris visible para las barras del botón burger */
.econ-burger {
  color: #555 !important;    /* gris medio visible */
}

.econ-burger:hover {
  color: #2c2b2b !important;    /* negro al pasar el cursor */
}


/* === Botón burger con etiqueta "MENU" === */
.econ-burger-bars{ font-size:28px; line-height:1; display:inline-block; }
.econ-burger-label{ font-family:"Rubik", system-ui, sans-serif; font-weight:700; font-size:14px; letter-spacing:.06em; }

/* Color de las barras y el texto MENU */
.econ-burger{ color:#555 !important; }
.econ-burger:hover{ color:#000 !important; }

/* === Offcanvas full-screen que se muestra solo al hacer clic === */
.econ-offcanvas {
  position: fixed !important;
  inset: 0 !important;             /* top/right/bottom/left: 0 */
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  background: var(--econ-bg, #F5D8BC);
  border: 0 !important;
  z-index: 200000 !important;
  overflow-y: auto;
  
  /* Oculto por defecto */
  visibility: hidden;
  opacity: 0;
  transform: scale(1.02);
  transition: all .25s ease;
  pointer-events: none;  /* evita clicks cuando está oculto */
}

/* Mostrar solo cuando Bootstrap agrega .show */
.econ-offcanvas.show {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}

/* Ajuste por barra admin de WordPress */
.admin-bar .econ-offcanvas {
  top: 32px !important;
  height: calc(100vh - 32px) !important;
}

/* Interior */
.econ-offcanvas .offcanvas-header {
  padding: 50px 24px 0 24px;
}
.econ-offcanvas .offcanvas-body {
  /* padding: 20rem; */
  padding-left: 20rem;
  padding-right: 30rem;
}


/* === Buscador === */
.econ-search-label{
  display:block; margin-bottom:8px;
  font-family:"Rubik", system-ui, sans-serif; font-weight:700; font-size:1.25rem;
}
.econ-search-wrap{ position:relative; }
.econ-search-input{
  background:transparent; border:none; border-bottom:2px solid rgba(0,0,0,.25);
  border-radius:0; padding:10px 40px 10px 0; font-size:1.125rem; outline:0; box-shadow:none;
}
.econ-search-input:focus{ border-bottom-color:#000; }
.econ-search-btn{
  position:absolute; right:0; top:50%; transform:translateY(-50%);
  background:transparent; border:0; padding:0; line-height:1; cursor:pointer;
}
.econ-search-btn svg{ fill:#333; }

/* === Tiles en 3 columnas (desktop) === */
.econ-menu .econ-tile{
  display:block; text-decoration:none; color:#2b2b2b;
}
.econ-menu .econ-tile-bar{
  display:inline-block; width:28px; height:4px; background:#f0a400;  /* amarillito */
  margin-bottom:8px;
}
.econ-menu .econ-tile-text{
  display:block; font-family:"Rubik", system-ui, sans-serif;
  font-size:1.75rem; font-weight:600; letter-spacing:.02em; color: #505050;
}

/* Submenú dentro del tile (si corresponde) */
.econ-submenu a{
  display:block; text-decoration:none; color:#2b2b2b;
  font-family:"Rubik", system-ui, sans-serif; font-size:1.05rem; font-weight:400;
  padding:4px 0;
}

/* Responsive spacing */
@media (max-width: 991.98px){ /* < 992 = móvil/tablet */
  .econ-offcanvas .offcanvas-body{ padding:5rem; }
  .econ-search-input{ font-size:1rem; }
}

/* === Uniformar "CARRERAS" con los demás tiles y quitar flecha === */
.econ-tile.has-sub {
  display: block;
  position: relative;
}

/* Enlace principal igual a los demás */
.econ-tile.has-sub > .econ-parent {
  display: block;
  text-decoration: none;
  color: #505050;
  font-family: "Rubik", system-ui, sans-serif;
  font-size: 1.75rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  position: relative;
  padding-top: 10px;
  margin-top: 8px;
}

/* Línea amarilla arriba del texto (una sola) */
.econ-tile.has-sub > .econ-parent::before {
  content: "";
  display: block;
  width: 28px;
  height: 4px;
  background: #f0a400;  /* color amarillo */
  margin-bottom: 6px;
}

/* Quitar flechita */
.econ-tile.has-sub > .econ-parent::after {
  display: none !important;
}

/* Submenú debajo */
.econ-submenu {
  margin-top: 8px;
  margin-left: 0;
}

.econ-submenu a {
  display: block;
  color: #2b2b2b;
  text-decoration: none;
  font-family: "Rubik", system-ui, sans-serif;
  font-size: 1.05rem;
  font-weight: 400;
  padding: 3px 0;
}

/* Opcional: hover más visible */
.econ-tile.has-sub > .econ-parent:hover,
.econ-submenu a:hover {
  color: #e07800;
}

/* === Alinear verticalmente todos los tiles === */

/* Igualar margen inferior y superior de los ítems sin submenú */
.econ-menu .econ-tile {
  margin-top: 8px;
  margin-bottom: 8px;
}

/* Igualar los que sí tienen submenú (Carreras) */
.econ-menu .econ-tile.has-sub {
  margin-top: 8px;
  margin-bottom: 8px;
}

/* Ajuste interno del texto para igualar la altura de la línea amarilla */
.econ-menu .econ-tile .econ-tile-bar {
  margin-bottom: 6px;
}

/* Para el enlace principal de los submenús */
.econ-menu .econ-tile.has-sub > .econ-parent {
  margin-top: 0;
  padding-top: 0;
  line-height: 1.3;
}

/* 1) El overlay no necesita 20rem de padding */
/*.econ-offcanvas .offcanvas-body { padding: 24px !important; }*/

/* 2) Oculta todas las barras sueltas del HTML (para unificar) */
.econ-menu .econ-tile-bar { display: none !important; }

/* 3) Barra amarilla y espaciado uniforme en TODOS los items sin submenú */
.econ-menu .econ-tile {
  position: relative;
  display: block;
  margin: 8px 0;
  padding-top: 10px;            /* misma separación superior */
  text-decoration: none;
}
.econ-menu .econ-tile::before {
  content: "";
  display: block;
  width: 28px;
  height: 4px;
  background: #f0a400;
  margin-bottom: 6px;
}

/* 4) Mismo tratamiento para el item con submenú (CARRERAS) */
.econ-menu .econ-tile.has-sub { margin: 8px 0; }
.econ-menu .econ-tile.has-sub > .econ-parent {
  display: block;
  position: relative;
  padding-top: 10px;
  margin: 0;                    /* quita márgenes extra */
  text-decoration: none;
  color: #505050;
  font-family: "Rubik", system-ui, sans-serif;
  font-size: 1.75rem;
  font-weight: 600;
  letter-spacing: .02em;
}
.econ-menu .econ-tile.has-sub > .econ-parent::before {
  content: "";
  display: block;
  width: 28px;
  height: 4px;
  background: #f0a400;
  margin-bottom: 6px;
}
/* sin flechita */
.econ-menu .econ-tile.has-sub > .econ-parent::after { display: none !important; }

/* Evitar doble barra en CARRERAS (tiles con submenú) */
.econ-menu .econ-tile.has-sub::before{
  content: none !important;   /* no dibujar la barra en el contenedor */
  display: none !important;
}

/* (opcional) asegurar mismo offset que los demás */
.econ-menu .econ-tile.has-sub { padding-top: 0 !important; }
.econ-menu .econ-tile.has-sub > .econ-parent { padding-top: 10px !important; }

/* === Estilo para la X de cerrar el menú === */
.econ-offcanvas .btn-close {
  width: 2.5rem;              /* tamaño más grande */
  height: 2.5rem;
  opacity: 1;                 /* siempre visible */
  /* background: none !important; */
  color: #3a3939 !important;     /* color negro */
  filter: invert(0%) !important;
  transition: color 0.3s ease, transform 0.2s ease;
}

/* Cambiar color al pasar el cursor */
.econ-offcanvas .btn-close:hover {
  color: #e07800 !important;  /* naranja al hover */
  transform: scale(1.15);
}

/* Alinear y margen del botón */
.econ-offcanvas .offcanvas-header .btn-close {
  margin-top: 10px;
  margin-right: 20px;
}

/* === X del menú offcanvas === */
.econ-offcanvas .btn-close {
  width: 3rem !important;           /* agranda el área */
  height: 3rem !important;
  background-size: 3rem !important; /* escala el ícono interno */
  opacity: 1 !important;
  filter: invert(0%) !important;    /* color negro visible */
  transition: all 0.25s ease;
}

/* Hover: color naranja */
.econ-offcanvas .btn-close:hover {
  filter: invert(48%) sepia(72%) saturate(1470%) hue-rotate(6deg) brightness(97%) contrast(94%) !important;
  transform: scale(1.1);
}

/* Ajuste de posición */
.econ-offcanvas .offcanvas-header .btn-close {
  margin-top: 10px;
  margin-right: 25px;
}

/* === Quitar contorno y fondo del botón al hacer clic === */
.econ-offcanvas .btn-close {
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* También eliminar el borde/halo al hacer clic o enfocar */
.econ-offcanvas .btn-close:focus,
.econ-offcanvas .btn-close:active {
  background-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}
/* === Estilo limpio para el botón burger "MENU" === */
.econ-burger {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: #333 !important;               /* color base */
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: color 0.3s ease, transform 0.2s ease;
}

/* Hover naranja (igual al estilo del menú offcanvas) */
.econ-burger:hover {
  color: #e07800 !important;
  transform: scale(1.05);
}

/* Quitar contorno o fondo al hacer clic o enfocar */
.econ-burger:focus,
.econ-burger:active {
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Ajuste visual del icono y texto "MENU" */
.econ-burger-bars {
  font-size: 1.8rem;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}
.econ-burger-label {
  font-family: "Rubik", sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0.05em;
  vertical-align: middle;
}

/* Escala completa del conjunto burger + texto */
.econ-burger {
  font-size: 1.6rem !important;   /* ← cambiá este valor para agrandar o achicar todo */
}

/* Ajuste visual fino */
.econ-burger-bars {
  font-size: 3rem !important;      /* usa la escala general */
}
.econ-burger-label {
  font-size: 0.75em !important;   /* mantiene relación armónica con el icono */
  margin-left: 6px;
}

/* === X en MÓVIL: a la derecha y tamaño correcto === */
@media (max-width: 767.98px){
  /* Header del offcanvas como fila flexible y alineado a la derecha */
  .econ-offcanvas .offcanvas-header{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;   /* empuja la X a la derecha */
    padding: 16px 16px 0 16px !important;    /* top/right/bottom/left */
  }

  /* Botón X: tamaño y visibilidad */
  .econ-offcanvas .btn-close{
    width: 2.2rem !important;               /* ajustá acá si la querés más grande/chica */
    height: 2.2rem !important;
    background-size: 2.2rem !important;     /* escala el SVG interno */
    margin: 0 !important;                   /* sin márgenes que la desplacen */
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
  }
}

/* ===== Footer Menu (4 columnas desktop) ===== */
.econ-footer-menu { width: 100%; }
.econ-footer-menu .efm-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px 48px;              /* filas / columnas */
}
.econ-footer-menu .efm-col{ list-style:none; margin:0; padding:0; }
.econ-footer-menu .efm-item{ margin:18px 0; }

.econ-footer-menu .efm-link{
  position: relative;
  display: inline-block;
  text-decoration: none;
  /* Colores pensados para fondo oscuro tipo #15214b (lo maneja tu sección) */
  color: #ffffff;                           /* texto blanco */
  font-family: "Bitter", system-ui, sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  letter-spacing: .02em;
  line-height: 1.2;
  padding-top: 12px;                        /* espacio para la barra */
}

/* Barra amarilla arriba del texto */
.econ-footer-menu .efm-link::before{
  content:"";
  position: absolute;
  left: 0; top: 0;
  width: 28px; height: 4px;
  background: #FC750A;                      /* tu amarillo */
}

/* Hover sutil (subrayado/foco accesible) */
.econ-footer-menu .efm-link:hover{ color: #ffd87a; }
.econ-footer-menu .efm-link:focus{ outline: 2px dashed #ffd87a; outline-offset: 3px; }

/* logo del menu */
.logo-menunew {
  max-width: 300px;
  margin-top: 20px;
  margin-left: 180px;
}

/* Sólo desktop (vos ocultás en móvil desde Elementor, pero dejo un helper) */
@media (max-width: 991.98px){
  .econ-footer-menu .efm-grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 575.98px){
  .econ-footer-menu .efm-grid{ grid-template-columns: 1fr; }
  .logo-menunew {
    max-width: 300px;
    margin-top: 20px;
    margin-left: 50px;
}
}