/*
	Theme Name:     Textron Child
	Theme URI:      http://enovathemes.com/textron
	Description:    Industrial WordPress Theme
	Author:         Enovathemes
	Author URI:     https://enovathemes.com
	Version:        1.0
	Template:       textron
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/* movil */
@media only screen and (max-width: 767px) {
	h2 {
    font-size: 34px !important;
		line-height: 40px !important;
	}
	h3 {
		font-size: 30px !important;
		line-height: 34px !important;
	}
	
	.container {
    width: 83.75% !important;
    max-width: 83.75% !important;
	}

	.mobile-container .et-header-button {
		justify-content: flex-start;
	}

	.ico-certificacion.et-icon-box.icon-position-left .large .et-icon {
		margin-bottom: 0 !important;
	}
	.ico-certificacion.et-icon-box.icon-position-left .et-icon-box-inner {
		align-items: center !important;
	}
	.ico-certificacion.et-icon-box.icon-position-left.large .et-icon-box-inner {
		flex-direction: row !important;
	}
	.ico-certificacion.et-icon-box.icon-position-left .et-icon-content {
		padding-left: 25px !important;
	}
}

/* font roboto para titulos con highlight */
.roboto-titulo-highlight {
	font-family: "Roboto" !important;
	font-weight: 700 !important;
}

/* Seccion Acerca de Indalum -  Home */
.tabset .tab {
	font-size: 13px;
	font-weight: 700 !important;
	padding: 23px 42px !important;	
}
@media only screen and (min-width: 768px) {
	.tabset .tab {
		margin-right: 10px;
	}
	.links-contacto .et-icon-box-container .icon-position-right.et-icon-box {
		justify-content: flex-end;
	}
}
.ico-certificacion.et-icon-box.icon-position-left .et-icon-content {
	padding-left: 25px !important;
}
.certificado-csa .et-icon {
	width: 97px !important;
}

/* padding sticky */
.ancla,
.padding-sticky {
	scroll-margin-top: 90px;
}

/* border radius de single_image */
.wpb_single_image .vc_single_image-wrapper.vc_box_rounded,
.wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
	border-radius: 8px;
}

/* enlaces de descarga */
a[download]:hover {
	text-decoration: underline;
}

/* img bg mapa home */
.vc_row.img-bg-mapa {
	background-position: 10% center !important;
}
@media (max-width: 767px) {
	.vc_row.img-bg-mapa {
		background-size: cover !important;
	}
}
@media (min-width: 1199px) {
	.vc_row.img-bg-mapa {
		background-position: 23% center !important;
	}
}

/* oculto */
.oculto {
	display: none !important;
}

#header-menu-626626 #megamenu-3673 {
    background-color: transparent !important;
    box-shadow: none !important;
}
#header-menu-626626 #megamenu-3673 .catalogos .vci {
    border-radius: 8px;
}
#header-menu-626626 #megamenu-3673 .catalogos .vci .wpb_text_column .wpb_wrapper p a{
	text-decoration: none;


}
#header-menu-626626 #megamenu-3673 .catalogos .vci .wpb_text_column .wpb_wrapper p a:hover{
	color:#ED1D24 ;
}

/* listado */
.lista {
	color: #004A8F;
	font-size: 17px;
	font-weight: 600;
	margin-left: -8px !important;
}

/* proyectos */
.et-button.disable#loadmore {
	display: none !important;
}
.tax-project-category .project-layout,
.project-layout-single {
	margin-top: 20px;
}
.project .project-category,
.single-project .project-category {
	display: none !important;
}
.project .post-body {
	padding: 25px !important;
}
@media only screen and (min-width: 375px) {
	.project .post-body .post-title {
		font-size: 22px;
    line-height: 28px;
	}
} 

/* table-responsive */
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* footer */
@media (max-width: 767px) {
	.footer-copyright p {
		text-align: left !important;
	}
}

/* bullets de icon-list */
.et-icon-list .icon-wrap {
	vertical-align: top !important;
	top: -1px !important;
}

/* banners de podcast/indatips */
.et-tagline .post-image-overlay-content .tagline-button {
	font-weight: 700 !important;
	font-family: "Roboto" !important;
}

/* logos GILM - Home  */
.grid.et-client-container {
	background-color: #d5d5d5 !important;
}
.et-client-container .et-client {
	background-color: #edf1f8 !important;
}
.client-inner {
	padding: 10px !important;
}
.et-client img {
	max-width: 130px !important;
}
@media (min-width: 768px) {
	.et-client img {
		max-width: 180px !important;
	}
}

/* separador en timelime */
.separador-timeline {
	background: #ED1D24 !important;
	width: 1px !important;
	height: 35px !important;
	margin-left: 10px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

/* icon box */
.et-icon-box-container .et-icon-box.icon-position-right .et-icon-content {
	padding-right: 20px !important;
}
.et-icon-box .et-icon-box-inner .et-icon-box-title {
	font-weight: 700 !important;
	font-family: "Roboto" !important;
}
.et-icon-box-title.default {
	font-size: 13px !important;
	line-height: 16px !important;
}
.icono-segmento-industrial.et-icon-box.icon-alignment-left .et-icon,
.et-icon-box.icon-position-top .et-icon {
  margin-bottom: 20px !important;
}

/* breadcrumbs */
.et-breadcrumbs svg {
	margin-top: -3px;
}

/* widgets */
.widget_title,
.widgettitle {
	font-size: 12px !important;
	font-weight: 700 !important;
	font-family: "Roboto" !important;
}
.layout-sidebar .widget_categories {
	background: #edf1f8 !important;
	box-shadow: none !important;
}
.layout-sidebar .widget_categories .widget_title {
	border-bottom: 1px solid #dddddd;
}
.widget .post-meta {
	opacity: 1;
	line-height: 1;
}

/* single */
.post-meta * {
	text-transform: uppercase;
}
.post-meta,
.post-meta a,
.single-post .post-meta {
	color: #ED1D24 !important;
}
.single-post .post hr {
	border-top: 1px solid #e0e0e0;
	border-bottom: 0;
}
.post-date:after {
	background-color: #ED1D24 !important;
}
.post-comments-section {
	display: none !important;
}

/* autor box */
.post-author-title {
	display: none;
}
.post-author-description p {
	line-height: 1.8;
}
.post-author-description p:not(:last-child) {
	margin-bottom: 24px;
}

/* form */
.wpcf7-form-control {
	padding-top: 17px !important;
	padding-bottom: 17px !important;
	margin-bottom: 15px !important;
	min-width: 180px !important;
	-webkit-appearance: none;
}
.wpcf7 p {
	margin-bottom: 15px !important;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0 0 1em !important;
	padding: .5em .75em !important;
	border-radius: 5px;
}
#wpcf7-f388-p347-o1 {
	color: #ffffff !important;
}
#wpcf7-f388-p347-o1 .wpcf7-form-control {
	border: 0 !important;
}
#wpcf7-f388-p347-o1 .wpcf7-submit {
	background: #ED1D24;
	color: #ffffff;
}
#wpcf7-f388-p347-o1 .wpcf7-submit:hover {
	background: #ffffff;
	color: #24355D !important;
}

/* fix de margin bottom en et-gallery */
.et-gallery {
	margin-bottom: -7px !important;
}

/* lightbox */
@media (min-width: 992px) {
    .gsap-lightbox-overlay img,
    .gsap-lightbox-overlay iframe,
    .gsap-lightbox-overlay video {
        max-height: 100%;
        width: auto;
    }
}

/* otro */
.home .post-meta .post-date:after {
	background-color: #ffffff !important;
}
.img-codigo-qr figure {
	padding: 20px !important;
	background: #ffffff !important;
	border-radius: 8px !important;
}
.modulo {
	padding: 40px;
	border: 1px solid #cccccc;
	border-radius: 8px;
}
.texto-centro {
	text-align: center !important;
}

/* encabezado sin box-shadow */
.page-id-142 .header.shadow-true:not(.active),
.page-id-2341 .header.shadow-true:not(.active),
.page-id-3028 .header.shadow-true:not(.active) {
	box-shadow: none !important;
}

/* 404 */
.error404 #et-content {
	background: #edf1f8 !important;
}
.error404-default-title {
	color: #004a8f;
}
.error404-default-title > span {
	transform: none;
	transform-origin: inherit;
	top: 0;
}
a.error404-button {
	background-color: #ed1d24 !important;
}
a.error404-button:hover {
	background-color: #004a8f !important;
}

/* pagina distribuidores */
.page-id-1484 #et-content.padding-true {
	padding-top: 0;
}

/* menu movil */
.mobile-container-inner {
	justify-content: flex-start;
}
.mobile-menu .menu-item-has-children > a > .arrow svg {
	width: 16px;
	height: 16px;
}

/* boton descarga en slider */
.boton-descarga:hover,
.boton-descarga:hover a,
.boton-descarga:hover a:active {
	text-decoration: none !important;
	color: #fff !important;
}
.boton-descarga a::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: "";
}

/*Boton descarga catalogo*/

.btn_pdf{
	text-align: center;
	margin-top: 20px;
}
.btn_pdf>a{
	width: 150px;
    height: 60px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 38px;
    padding-right: 38px;
    border-radius: 56px;
	text-decoration: none;
	color: #fff;
	background: #ed1d24;
	font-size: 16px;
}
.btn_pdf>a:hover{
	background: #004a8f;
	color: #fff;
	text-decoration: none;
}

/*end */

/* highlight */
.highlight:after {
	background-color: #fff;
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 56px;
	height: 1px;
	margin: 0 16px;
	transform: translateY(-1px);
}

/* wpgmp */
.wpgmp_map button {
	min-width: inherit !important;
}
.wpgmp_map .gm-svpc img {
	height: 30px !important;
}
.wpgmp_map .gm-style-mtc {
	width: auto !important;
}
.wpgmp_map_parent {
    margin-bottom: 0 !important;
}
.wpgmp_before_listing {
	display: none;
}
.categories_filter select {
	margin-bottom: 0 !important;
	padding: 0.7142857em 2.85714em 0.7142857em 1.7142857em !important;
	border-radius: 8px !important;
	background-image: url(../textron/images/icons/arrow-select.svg) !important;
	background-size: 10px !important;
	background-position-x: calc(100% - 19px) !important;
	color: #616161 !important;
	background-color: #ffffff !important;
	text-transform: inherit !important;
}
.categories_filter select option[value="200"]:not(:first-child),
.categories_filter select option[value="500"] {
	display: none;
}
.wpgmp_filter_wrappers {
	background-color: #edf1f8 !important;
	padding-top: 10px !important;
}
.wpgmp_pagination span,
.wpgmp_pagination a.wpgmp_pagination span,
.wpgmp_pagination a {
	padding: 5px 15px !important;
	margin-right: 6px !important;
}
.cluster {
	background: #ED1D24 !important;
	border-radius: 50px !important;
}
.cluster img {
	display: none;
}
.cluster div {
	color: #ffffff !important;
}
div.wpgmp_categories div.wpgmp_no_locations {
	font-family: "Roboto", sans-serif !important;
	font-style: normal !important;
}
/* .location_pagination3, */
/* .location_listing3 {
	border: 2px dotted coral;
	display: none;
} */

/* wpgmp infowindow */
.wpgmp_infowindow {
	border: none !important;
}
.infowindow-close {
    right: 10px !important;
    top: 10px !important;
	height: 38px !important;
    width: 38px !important;
	background: url(images/cerrar.png) no-repeat !important;
	background-size: 14px !important;
	background-position: center !important;
	border-radius: 50px;
	background-color: #004A8F !important;
}
.fc-item-meta {
	color: #ed1d24 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    line-height: 12px !important;
    text-transform: uppercase !important;
    font-family: 'Roboto', sans-serif !important;
}
.fc-item-title {
	font-family: 'Titillium Web', sans-serif !important;
	font-size: 1.5em !important;
	text-transform: initial !important;
	color: #004a8f !important;
	font-weight: 600 !important;
}
.wpgmp_iw_content {
	display: block !important;
}
.fc-item-content {
	font-family: "Roboto", sans-serif !important;
	font-weight: 400 !important;
	color: #616161 !important;
	font-size: 15px !important;
	margin-bottom: 5px !important;
}

/* wpgmp listing */
.wpgmp_locations {
	border-radius: 10px !important;
}
.wpgmp_listing_container * {
	font-weight: 400;
}
.wpgmp_listing_container a:hover,
.wpgmp_infowindow a:hover {
	color: #ed1d24 !important;
}
.wpgmp_listing_grid .fc-itemcontent-padding,
div.fc-item-box {
	padding: 20px !important;
}
.wpgmp_listing_grid .fc-item-title {
	margin-top: 5px !important;
}
.wpgmp_listing_list h4.fc-item-title,
.wpgmp_listing_grid h4.fc-item-title,
.wpgmp_listing_list h4.fc-item-title a,
.wpgmp_listing_grid h4.fc-item-title a {
	font-family: 'Titillium Web', sans-serif !important;
	font-size: 1.5rem !important;
	line-height: 26px !important;
	color: #004a8f !important;
	font-weight: 600 !important;
}
.fc-item-aare .read-more {	
	font-family: "Roboto", sans-serif !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	padding: 10px 25px !important;
	border: none !important;
	background: #ed1d24 !important;
	color: #ffffff !important;
	border-radius: 50px;
	letter-spacing: 0.5px;
	transition: color 300ms ease-out,background-color 300ms ease-out;
}
.fc-item-aare .read-more:hover {
	background: #004a8f !important;
	color: #ffffff !important;
}

#modal-toggle-57068 svg {
    display: none;
}
#modal-toggle-57068:before {
    content: "PDF";
    display: block;
}
/* ==========================================================================
   FASE 1 (2026-09) — Orientación comercial del sitio
   ========================================================================== */

/* CTA "Hablar con Ventas" en header (desktop + móvil) */
.cta-ventas .et-button .regular { fill: #ed1c24 !important; }
.cta-ventas .et-button:hover .regular,
.cta-ventas .et-button .button-back path:hover { fill: #004a8f !important; }
.cta-ventas .et-button .text { color: #ffffff !important; font-weight: 600; letter-spacing: .3px; text-transform: uppercase; font-size: 13px; }
.cta-ventas .et-button.round { padding-left: 22px; padding-right: 22px; }
.mobile-container .cta-ventas { margin-top: 24px; }
.mobile-container .cta-ventas .et-button { width: 100%; text-align: center; }

/* Sección "¿Cómo podemos ayudarte?" (tarjetas de segmento) */
.ayuda-segmentos .et-icon-box { border: 1px solid #e6ebf2; border-radius: 6px; padding: 32px 22px !important; background: #fff; transition: box-shadow .25s ease, transform .25s ease; height: 100%; }
.ayuda-segmentos .et-icon-box:hover { box-shadow: 0 12px 30px rgba(0,74,143,.12); transform: translateY(-4px); border-color: #004a8f; }
.ayuda-segmentos .et-icon-box .title { color: #004a8f; font-weight: 700; }
.ayuda-segmentos .segmento-desc { color: #545456; font-size: 15px; line-height: 1.5; margin: 8px 0 14px; }
.ayuda-segmentos .segmento-cta { color: #ed1c24; font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: .5px; }
.ayuda-segmentos .segmento-cta:hover { color: #004a8f; }
/* El marco azul aparece solo al pasar el mouse (hover) sobre cada tarjeta */

/* Indicadores "¿Por qué Indalum?" */
.porque-indalum { padding: 20px 0 40px; border-top: 1px solid #e6ebf2; border-bottom: 1px solid #e6ebf2; margin-bottom: 50px; }
.porque-indalum .et-counter .counter-value { color: #004a8f; font-weight: 700; font-size: 48px; line-height: 1.1; margin-bottom: 6px; }
.porque-indalum .et-counter .counter-value .counter, .porque-indalum .et-counter .counter-value .postfix { font-size: 48px; font-weight: 700; color: #004a8f; }
.porque-indalum .et-counter .counter-title { color: #545456; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; font-weight: 600; }
@media (max-width: 767px) { .porque-indalum .et-counter { margin-bottom: 24px; } }

/* Formulario comercial "Hablemos de tu proyecto" */
.form-comercial .wpcf7 label { display: block; font-weight: 600; color: #004a8f; margin-bottom: 4px; font-size: 14px; }
.form-comercial .wpcf7 input[type="text"], .form-comercial .wpcf7 input[type="email"], .form-comercial .wpcf7 input[type="tel"],
.form-comercial .wpcf7 select, .form-comercial .wpcf7 textarea { width: 100%; border: 1px solid #cfd8e3; border-radius: 4px; padding: 12px 14px; background: #fff; }
.form-comercial .wpcf7 input[type="submit"] { background: #ed1c24; color: #fff; border: 0; border-radius: 4px; padding: 14px 28px; font-weight: 600; text-transform: uppercase; letter-spacing: .5px; cursor: pointer; }
.form-comercial .wpcf7 input[type="submit"]:hover { background: #004a8f; }
.form-comercial .sellos { color: #545456; font-size: 14px; margin-top: 16px; }
.form-comercial .sellos span { display: inline-block; margin-right: 18px; }
.form-comercial .sellos span:before { content: "\2713"; color: #ed1c24; font-weight: 700; margin-right: 6px; }

/* Header compacto: que menú + CTA + ENG quepan en una sola línea */
@media (min-width: 1024px) {
  #et-header-menu-menu-principal-2026 .menu > li > a, .header .et-header-menu .menu > li > a { font-size: 14px !important; }
  .header .et-header-menu .menu > li { margin-left: 4px !important; margin-right: 4px !important; }
  .cta-ventas .et-button.round { padding-left: 16px; padding-right: 16px; }
  .cta-ventas .et-button .text { font-size: 12px; }
  #et-header-button-900001 { margin-left: 12px !important; }
  #et-header-button-115391 { margin-left: 10px !important; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .header .et-header-menu .menu > li > a { font-size: 13px !important; }
  .cta-ventas .et-button .text { font-size: 11px; }
}
.cta-ventas .et-button.medium { min-width: 0 !important; padding: 0 18px !important; height: 44px; }
.header .hbe.et-header-button.cta-ventas { margin-left: 12px !important; }
.header .hbe.et-header-button.cambiar { margin-left: 8px !important; }

/* Tarjetas "¿Cómo podemos ayudarte?" con la misma altura (estiran al alto de la más alta) */
.ayuda-segmentos > .container { display: flex; flex-wrap: wrap; align-items: stretch; }
.ayuda-segmentos > .container > .vc_column_container { display: flex; float: none; }
.ayuda-segmentos .vc_column_container > .vc_column-inner { display: flex; width: 100%; }
.ayuda-segmentos .vc_column-inner > .wpb_wrapper { display: flex; flex-direction: column; width: 100%; }
.ayuda-segmentos .et-icon-box { flex: 1 1 auto; height: auto; }
.ayuda-segmentos .et-icon-box .et-icon-box-inner { display: flex; flex-direction: column; height: 100%; }
.ayuda-segmentos .et-icon-box .et-icon-box-content { display: flex; flex-direction: column; flex: 1 1 auto; }
.ayuda-segmentos .et-icon-box .segmento-cta { margin-top: auto; padding-top: 14px; }
.ayuda-segmentos .et-gap { flex: 0 0 auto; }
@media (min-width: 1024px) { .ayuda-segmentos .et-icon-box { min-height: 420px; } }
@media (min-width: 768px) and (max-width: 1023px) { .ayuda-segmentos .et-icon-box { min-height: 460px; } }

/* Aire entre las tarjetas y "¿Por qué Indalum?" */
.ayuda-segmentos { margin-bottom: 70px !important; }
@media (max-width: 767px) { .ayuda-segmentos { margin-bottom: 30px !important; } }

/* Botón "Ver todos los proyectos" (home) — azul Indalum, mismo estilo que los botones de segmento */
#et-button-900010.et-button { min-width: 0 !important; width: auto !important; height: 56px; padding: 0 32px !important; border-radius: 56px; font-size: 16px !important; font-weight: 500; line-height: 56px !important; text-transform: none; color: #ffffff !important; margin-top: 10px; }
#et-button-900010 .regular { fill: #004a8f !important; }
#et-button-900010:hover .regular { fill: #ed1c24 !important; }
#et-button-900010:hover { color: #ffffff !important; }
#et-button-900010 .icon svg, #et-button-900010 .icon svg * { fill: #ffffff !important; }
#et-button-900010 .icon { width: 10px !important; margin-left: 8px; }

/* Filas de catálogos (páginas de segmento): títulos h3 con la misma altura para que los botones queden alineados */
@media (min-width: 992px) {
  .vc_row.vc_row-o-equal-height .et-stagger-box h3.et-heading { min-height: 84px; }
}

/* Header siempre visible: sticky desde el primer píxel (el tema lo activa solo tras 300px de scroll) */
@media (min-width: 1024px) {
  .header.et-desktop.sticky-true { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: #ffffff; }
  .header.et-desktop.sticky-true .vc-row-151888 { background: #ffffff !important; }
  .header.et-desktop.sticky-true + .header-placeholder { height: 90px !important; }
  body.admin-bar .header.et-desktop.sticky-true { top: 32px; }
}

/* Menú: no resaltar un ítem de primer nivel solo porque un hijo enlaza a la página actual (evita doble activo) */
.header .et-header-menu > .menu-item.depth-0.active.current_page_ancestor:not(.current-menu-item):not(.current_page_item) > .mi-link,
.header .et-header-menu > .menu-item.depth-0.active.current_page_parent:not(.current-menu-item):not(.current_page_item) > .mi-link { color: #004a8f !important; }
.header .et-header-menu > .menu-item.depth-0.active.current_page_ancestor:not(.current-menu-item):not(.current_page_item) > .mi-link .effect,
.header .et-header-menu > .menu-item.depth-0.active.current_page_parent:not(.current-menu-item):not(.current_page_item) > .mi-link .effect { display: none; }
#header-menu-645873 > .menu-item.depth-0.active.current_page_ancestor:not(.current-menu-item):not(.current_page_item) > .mi-link,
#header-menu-645873 > .menu-item.depth-0.active.current_page_parent:not(.current-menu-item):not(.current_page_item) > .mi-link { color: #004a8f !important; text-decoration: none !important; }
#header-menu-645873 > .menu-item.depth-0.active.current_page_ancestor:not(.current-menu-item):not(.current_page_item) > .mi-link .effect,
#header-menu-645873 > .menu-item.depth-0.active.current_page_ancestor:not(.current-menu-item):not(.current_page_item) > .mi-link:after,
#header-menu-645873 > .menu-item.depth-0.active.current_page_ancestor:not(.current-menu-item):not(.current_page_item) > .mi-link:before { display: none !important; }

/* Página Contacto: formulario más ancho y centrado en su columna */
@media (min-width: 992px) {
  #hablemos > .vc_column_container:first-child > .vc_column-inner { padding-left: 8% !important; padding-right: 8% !important; }
  #hablemos .wpb_wrapper .vc_col-sm-6 { width: 50%; }
  #hablemos .form-comercial-grid, #hablemos .wpcf7 { max-width: 640px; }
}

/* ===== FASE 2 — Landing Arquitectónico ===== */
.rutas-arq .ruta-arq .vc_single_image-wrapper img { border-radius: 6px; width: 100%; height: 260px; object-fit: cover; }
.rutas-arq .ruta-arq h3.et-heading a { color: #004a8f; }
.rutas-arq .ruta-arq h3.et-heading a:hover { color: #ed1c24; }
.rutas-arq .segmento-desc { margin: 0 0 12px; }
#sistemas-euroalum .productos-linea-euroalum img { background: #fff; border-radius: 6px; }
#cta-arq .et-button { display: block; width: 100%; text-align: center; }
/* Botones de landing (Fase 2): ancho automático */
#et-button-900021 { width: 340px !important; }
#et-button-900022 { width: 280px !important; }
#cta-arq .et-button { width: 100% !important; }
.sistemas-bg { background-color: #f4f7fb; }
.sistemas-bg.productos-linea-euroalum { padding-top: 10px; }

/* ===== FASE 2 — Landing Industrial ===== */
.rutas-ind .ruta-arq .vc_single_image-wrapper img { height: 200px; }
.lista-pdf { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 32px; }
.lista-pdf li a { display: block; padding: 12px 16px; background: #fff; border: 1px solid #e6ebf2; border-radius: 6px; color: #004a8f; font-weight: 600; }
.lista-pdf li a:hover { border-color: #004a8f; color: #ed1c24; }
.lista-pdf li a:before { content: "\2193"; margin-right: 10px; color: #ed1c24; }
.chips-ind { display: flex; flex-wrap: wrap; gap: 10px; }
.chip-ind { display: inline-block; padding: 10px 18px; border-radius: 30px; background: #fff; border: 1px solid #cfd8e3; color: #004a8f; font-weight: 600; font-size: 15px; }
.proceso-ind .paso-ind img { border-radius: 6px; width: 100%; height: 150px; object-fit: cover; }
.proceso-ind .paso-num { color: #ed1c24; font-weight: 700; font-size: 13px; letter-spacing: 2px; margin: 14px 0 4px; }
.proceso-ind .paso-titulo { color: #004a8f; font-size: 20px; margin: 0 0 6px; }
.proceso-ind .segmento-desc { font-size: 14px; }
@media (max-width: 767px) { .lista-pdf { grid-template-columns: 1fr; } }
.rutas-arq .ruta-arq .wpb_single_image img, .rutas-arq .ruta-arq figure img { width: 100%; height: 260px; object-fit: cover; border-radius: 6px; }
.rutas-ind .ruta-arq .wpb_single_image img, .rutas-ind .ruta-arq figure img { height: 200px; }
.rutas-arq .ruta-arq .wpb_single_image .vc_single_image-wrapper { display: block; width: 100%; }
/* Botones de landings Fase 2 (los element_css inline no siempre se aplican): anchos explícitos */
#et-button-900021.et-button, #et-button-900032.et-button { width: 360px !important; min-width: 0 !important; padding: 0 24px !important; }
#et-button-900022.et-button, #et-button-900031.et-button { width: 300px !important; min-width: 0 !important; padding: 0 24px !important; }
#et-button-900023.et-button, #et-button-900024.et-button, #et-button-900033.et-button, #et-button-900034.et-button { width: 100% !important; min-width: 0 !important; padding: 0 24px !important; }
#cta-arq, #cta-ind { padding-bottom: 70px !important; }
#cta-arq .wpb_column, #cta-ind .wpb_column { margin-bottom: 0; }
@media (max-width: 767px) { #et-button-900021.et-button, #et-button-900032.et-button, #et-button-900022.et-button, #et-button-900031.et-button { width: 100% !important; } }
/* Landings Automotriz / Solar */
#et-button-900041.et-button, #et-button-900042.et-button, #et-button-900051.et-button, #et-button-900052.et-button { width: 100% !important; min-width: 0 !important; padding: 0 24px !important; }
#et-button-900043.et-button { width: 320px !important; min-width: 0 !important; padding: 0 24px !important; }
#cta-auto, #cta-solar { padding-bottom: 70px !important; }
#calidad-auto img { border-radius: 6px; }

/* Banda CTA de landings */
.vc_row.cta-band { background-color: #edf1f8; padding-top: 70px !important; padding-bottom: 70px !important; margin-bottom: 0 !important; }

/* ===== FASE 2 — Capacidades ===== */
.stats-cap { margin-top: 20px; }
.procesos-nav { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.procesos-nav a { display: block; padding: 18px 16px; border: 1px solid #e6ebf2; border-radius: 6px; background: #fff; transition: box-shadow .2s, transform .2s; }
.procesos-nav a:hover { box-shadow: 0 10px 26px rgba(0,74,143,.12); transform: translateY(-3px); border-color: #004a8f; }
.procesos-nav strong { display: block; color: #004a8f; font-size: 16px; margin-bottom: 4px; }
.procesos-nav span { color: #545456; font-size: 13px; }
#et-button-900061.et-button, #et-button-900062.et-button { width: 100% !important; min-width: 0 !important; padding: 0 24px !important; }
@media (max-width: 1023px) { .procesos-nav { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .procesos-nav { grid-template-columns: 1fr; } }

/* Capacidades: paneles de texto por proceso alternando azul / rojo / claro / marino / rojo */
#fundicion .wpb_column:nth-of-type(2) > .vc_column-inner, #anodizado .wpb_column:nth-of-type(2) > .vc_column-inner,
#extrusion .wpb_column:nth-of-type(2) > .vc_column-inner, #valor-agregado .wpb_column:nth-of-type(2) > .vc_column-inner { background-image: none !important; }
#fundicion .wpb_column:nth-of-type(2) > .vc_column-inner { background-color: #004a8f !important; }
#extrusion .wpb_column:nth-of-type(2) > .vc_column-inner { background-color: #ed1c24 !important; }
#anodizado .wpb_column:nth-of-type(2) > .vc_column-inner { background-color: #24355d !important; }
#valor-agregado .wpb_column:nth-of-type(2) > .vc_column-inner { background-color: #ed1c24 !important; }
#fundicion .vc-curtain, #extrusion .vc-curtain, #anodizado .vc-curtain, #valor-agregado .vc-curtain { background-color: transparent !important; }
#fundicion .wpb_column:nth-of-type(2) *, #extrusion .wpb_column:nth-of-type(2) *, #anodizado .wpb_column:nth-of-type(2) *, #valor-agregado .wpb_column:nth-of-type(2) * { color: #ffffff !important; }
#fundicion .wpb_column:nth-of-type(2) .et-heading.highlight-true:after, #extrusion .wpb_column:nth-of-type(2) .et-heading.highlight-true:after,
#anodizado .wpb_column:nth-of-type(2) .et-heading.highlight-true:after, #valor-agregado .wpb_column:nth-of-type(2) .et-heading.highlight-true:after,
#fundicion .wpb_column:nth-of-type(2) .text-wrapper:after, #extrusion .wpb_column:nth-of-type(2) .text-wrapper:after,
#anodizado .wpb_column:nth-of-type(2) .text-wrapper:after, #valor-agregado .wpb_column:nth-of-type(2) .text-wrapper:after { background-color: #ffffff !important; }
#fundicion .wpb_column:nth-of-type(2) .et-icon-list svg, #extrusion .wpb_column:nth-of-type(2) .et-icon-list svg,
#anodizado .wpb_column:nth-of-type(2) .et-icon-list svg, #valor-agregado .wpb_column:nth-of-type(2) .et-icon-list svg { fill: #ffffff !important; }

/* Landings Fase 2: aire entre secciones y entre título / bajada / contenido */
#que-necesitas, #que-buscas, #que-necesitas-solar, #catalogos-ind, #industrias, #proceso, #procesos-auto, #clientes-auto, #calidad-auto, #procesos-nav, #proyectos-arq, #catalogos-arq, #sistemas-euroalum { padding-top: 30px; }
#que-necesitas .et-heading, #que-buscas .et-heading, #que-necesitas-solar .et-heading, #catalogos-ind .et-heading, #industrias .et-heading, #proceso .et-heading, #procesos-auto .et-heading, #clientes-auto .et-heading, #calidad-auto .et-heading, #procesos-nav .et-heading, #proyectos-arq .et-heading, #catalogos-arq .et-heading, #sistemas-euroalum .et-heading, .cta-band .et-heading { margin-bottom: 14px !important; }
#que-necesitas .wpb_text_column, #que-buscas .wpb_text_column, #que-necesitas-solar .wpb_text_column, #catalogos-ind .wpb_text_column, #industrias .wpb_text_column, #proceso .wpb_text_column, #procesos-auto .wpb_text_column, #clientes-auto .wpb_text_column, #procesos-nav .wpb_text_column, #sistemas-euroalum .wpb_text_column { margin-bottom: 36px; }
.rutas-arq, .proceso-ind, .lista-pdf, .chips-ind, .procesos-nav { margin-top: 10px; }
.rutas-arq .ruta-arq h3.et-heading { margin-top: 18px !important; margin-bottom: 10px !important; }
.rutas-arq .ruta-arq .segmento-desc { margin-bottom: 16px; line-height: 1.6; }
.rutas-arq .ruta-arq .wpb_text_column { margin-bottom: 40px; }
.proceso-ind .paso-ind { margin-bottom: 30px; }
.chips-ind { margin-bottom: 20px; }
.cta-band .wpb_text_column p { margin-top: 10px; }
.vc_row.cta-band .wpb_column + .wpb_column { padding-top: 10px; }
.vc_row.sistemas-bg { padding-bottom: 24px; }
#sistemas-euroalum.sistemas-bg, #catalogos-ind.sistemas-bg, #clientes-auto.sistemas-bg { padding-bottom: 0; }

/* Botones anchos en landings (texto largo) */
#et-button-900032.et-button, #et-button-900021.et-button { width: 420px !important; }
#et-button-900031.et-button { width: 340px !important; }
@media (max-width: 767px) { #et-button-900032.et-button, #et-button-900021.et-button, #et-button-900031.et-button { width: 100% !important; } }

/* Botones de landings/Home (ids 9000xx): el fondo SVG del tema mide 220px fijos y recorta textos largos.
   Se oculta el SVG y se pinta el fondo con CSS, así el botón crece con el texto. */
a.et-button[id^="et-button-9000"] { width: auto !important; min-width: 0 !important; padding: 0 34px !important; height: 56px; line-height: 56px !important; border-radius: 56px; background-color: #004a8f; color: #fff !important; overflow: visible; transition: background-color .2s; }
a.et-button[id^="et-button-9000"] .button-back { display: none !important; }
a.et-button[id^="et-button-9000"]:hover { background-color: #ed1c24; color: #fff !important; }
a.et-button[id^="et-button-9000"] .icon svg, a.et-button[id^="et-button-9000"] .icon svg * { fill: #fff !important; }
/* Variantes rojas (CTA principal) */
#et-button-900023, #et-button-900031, #et-button-900033, #et-button-900041, #et-button-900051, #et-button-900061 { background-color: #ed1c24 !important; }
#et-button-900023:hover, #et-button-900031:hover, #et-button-900033:hover, #et-button-900041:hover, #et-button-900051:hover, #et-button-900061:hover { background-color: #004a8f !important; }
/* En bandas CTA: ancho completo */
.cta-band a.et-button[id^="et-button-9000"], #cta-arq a.et-button[id^="et-button-9000"] { width: 100% !important; display: inline-flex; justify-content: center; }
/* Hero Arquitectónico: caja azul + texto blanco (refuerzo) */
.intro-segmento-arquitectonico svg.box-back, .intro-segmento-arquitectonico svg.box-back path { fill: #004a8f !important; }
.intro-segmento-arquitectonico .content, .intro-segmento-arquitectonico .content * { color: #ffffff !important; }
.intro-segmento-arquitectonico .et-heading .text-wrapper:after { background-color: #ffffff !important; }
.intro-segmento-arquitectonico .content { background: #004a8f !important; }

/* Energía Solar: bandas de producto en colores de marca (estructuras azul / conduit claro / charola rojo) */
.vc_row.vc-row-764979:has(#estructuras-solares) { background-color: #004a8f !important; }
.vc_row.vc-row-764979:has(#charola) { background-color: #ed1c24 !important; }
.vc_row.vc-row-764979:has(#estructuras-solares) .vc-curtain { background-color: #004a8f !important; }
.vc_row.vc-row-764979:has(#charola) .vc-curtain { background-color: #ed1c24 !important; }
#estructuras-solares .wpb_column:first-child .et-heading, #estructuras-solares .wpb_column:first-child p, #estructuras-solares .wpb_column:first-child span, #charola .wpb_column:first-child .et-heading, #charola .wpb_column:first-child p, #charola .wpb_column:first-child span:not(.text) { color: #ffffff !important; }
#estructuras-solares .et-heading .text-wrapper:after, #charola .et-heading .text-wrapper:after { background-color: #ffffff !important; }
#charola .et-button .regular { fill: #ffffff !important; }
#charola .et-button .text { color: #ed1c24 !important; }

/* Header fijo: que ningún salto a ancla ni contenido quede tapado por los 90px del menú */
html { scroll-padding-top: 100px; }
@media (min-width: 1024px) {
  [id]:not(body):not(html) { scroll-margin-top: 100px; }
  /* Al hacer scroll el header se compacta: tapa menos contenido */
  .header.et-desktop.sticky-true.active { box-shadow: 0 2px 12px rgba(0,0,0,.08); }
  .header.et-desktop.sticky-true.active .vc-row-151888,
  .header.et-desktop.sticky-true.active .vc-row-151888 .hbe { height: 70px !important; line-height: 70px !important; }
  .header.et-desktop.sticky-true.active .logo { max-height: 34px !important; }
}

/* El tema oculta .header-placeholder (display:none) y por eso el contenido queda bajo el header fijo.
   Se reactiva en páginas normales; se omite donde hay hero a sangre (home y landings de segmento). */
@media (min-width: 1024px) {
  .header.et-desktop.sticky-true + .header-placeholder { display: block !important; height: 90px !important; }
  body.home .header.et-desktop.sticky-true + .header-placeholder,
  body.page-id-647 .header.et-desktop.sticky-true + .header-placeholder,
  body.page-id-807 .header.et-desktop.sticky-true + .header-placeholder,
  body.page-id-812 .header.et-desktop.sticky-true + .header-placeholder,
  body.page-id-810 .header.et-desktop.sticky-true + .header-placeholder { display: none !important; }
}

/* Banners de segmento (home): capa de color de marca sobre la foto para que el texto siempre se lea */
.vc_row.stretch_row_content .vc-curtain { opacity: 1; }
.vc_row.stretch_row_content .wpb_column > .vc_column-inner[class*="vc_custom_"] { position: relative; }

/* =========================================================================
 * Modal de confirmación de envío de formularios (Contact Form 7)
 * ========================================================================= */
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output { display: none !important; }

body.ind-modal-lock { overflow: hidden; }

.ind-modal-overlay {
	position: fixed; inset: 0; z-index: 99999;
	display: flex; align-items: center; justify-content: center;
	padding: 20px;
	background: rgba(36, 53, 93, .72);
	opacity: 0; visibility: hidden;
	transition: opacity .25s ease, visibility .25s ease;
}
.ind-modal-overlay.is-open { opacity: 1; visibility: visible; }

.ind-modal {
	position: relative;
	width: 100%; max-width: 460px;
	padding: 44px 36px 36px;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
	text-align: center;
	transform: translateY(16px) scale(.97);
	transition: transform .25s ease;
}
.ind-modal-overlay.is-open .ind-modal { transform: translateY(0) scale(1); }

.ind-modal-x {
	position: absolute; top: 10px; right: 14px;
	width: 34px; height: 34px; padding: 0;
	border: 0; background: none;
	font-size: 28px; line-height: 1; color: #545456;
	cursor: pointer; transition: color .2s ease;
}
.ind-modal-x:hover { color: #ed1c24; }

.ind-modal-icon {
	width: 72px; height: 72px; margin: 0 auto 22px;
	display: flex; align-items: center; justify-content: center;
	border-radius: 50%;
	background: #004a8f;
}
.ind-modal-icon svg { width: 34px; height: 34px; fill: none; stroke: #fff; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.ind-modal-overlay.is-error .ind-modal-icon { background: #ed1c24; }

.ind-modal-title {
	margin: 0 0 12px;
	font-size: 24px; line-height: 32px; font-weight: 600;
	color: #004a8f;
}
.ind-modal-overlay.is-error .ind-modal-title { color: #ed1c24; }

.ind-modal-text {
	margin: 0 0 28px;
	font-size: 16px; line-height: 26px; color: #545456;
}

.ind-modal-btn {
	min-width: 160px; height: 52px; padding: 0 32px;
	border: 0; border-radius: 52px;
	background: #004a8f; color: #fff;
	font-size: 16px; font-weight: 500; line-height: 52px;
	cursor: pointer; transition: background-color .2s ease;
}
.ind-modal-btn:hover { background: #ed1c24; }
.ind-modal-overlay.is-error .ind-modal-btn { background: #ed1c24; }
.ind-modal-overlay.is-error .ind-modal-btn:hover { background: #004a8f; }

@media (max-width: 767px) {
	.ind-modal { padding: 38px 24px 30px; }
	.ind-modal-title { font-size: 21px; line-height: 28px; }
}