/*
 Theme Name:     Envor Child Theme
 Theme URI:      http://demo.vegatheme.com/envor/
 Description:    Child theme de Envor 2.5 con los estilos personalizados de Envor-Tecno.
 Author:         Ocean Theme
 Author URI:     http://vegatheme.com
 Template:       envor
 Version:        1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  envor-child
*/
 
/*@import url("../envor/style.css");*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/*--------------------------------------------------------------
[1. Body]
--------------------------------------------------------------*/
body {
    color: #000;
}

a, a:hover, a:active, a:focus {
    text-decoration: none;
    outline: 0;
}

/* Botón "to the top": ajustar ancho y color del icono */
#to-the-top i {
	width: 31px;
	color: #fff;
}

/*------------------------------------------------------------------
[3. Section / .envor-section]
*/

/* Ajuste de padding de las secciones */
.envor-section {
    padding-top: 27px;
    padding-bottom: 0;
}

/* Quitar el text-transform de los H2 dentro de secciones */
.envor-section h2 {
    text-transform: none;
    margin-bottom: 20px;
    width: auto;
    display: inline-block;
}

/*------------------------------------------------------------------
[6. Page Title / .envor-page-title-1]
*/

/* Ocultar el page title como en Envor-Tecno */
.envor-page-title-1 {
    display: none;
}

/*------------------------------------------------------------------
[9. Navbar/ .envor-navigation]
*/

/* Pantalla David - Añadido / Editado */
@media only screen and (width: 1024px) and (height: 1366px) {
	.envor-header-1 .envor-header-bg .envor-logo img {
		width: 205px;
		margin-left: -31px;
	}
	.col-lg-12 {
		padding-right: 0px;
	}
}

/* Ajuste posición y altura del menú móvil */
.envor-mobile-menu {
	top: 86px;
	height: auto;
}

/* Botones de apertura menú/carrito en móvil */
#envor-mobile-menu-btn,
#envor-mobile-cart-btn {
	top: 81px;
}

#envor-mobile-cart-btn {
	top: 92px;
}

/* Ajustes del título del menú móvil */
.envor-mobile-menu h3 {
	width: auto;          /* en lugar de width: 100%; */
	font-size: inherit;   /* si no quieres que fuerce 100% */
	margin: 0;
	padding: 0;
	line-height: 40px;
	text-transform: uppercase;
	padding-left: 20px;
	box-sizing: border-box;
	float: left;
	position: relative;
	color: #ffffff !important;
	display: none;
}

/*------------------------------------------------------------------
[11. Controls and Widget/ .envor-controls]
*/
.envor-widget h3 {
	font-weight: normal; /* en lugar de lighter */
}

/* Widgets con texto en blanco */
.envor-widget-inner {
	color: white;
}

/* Caja de widget con sombra y padding */
.envor-content .envor-widget {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
	            0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
	padding: 15px;
}

/*------------------------------------------------------------------
[13. Testimonials / .envor-testimonials-1]
*/

/* 1) Testimonials: quitar el padding lateral nuevo que añade Envor 2.5 */
/*.envor-testimonials-inner {
    padding: 0;
}*/

/* 2) Footer: hover de tags como en Envor-Tecno (negro en vez de blanco) */
.envor-tags-widget a.envor-tag-item:hover {
    text-decoration: none;
    color: black !important;
}

/* 3) Footer: contactos con estilo “tarjeta” y texto en blanco */
.envor-contacts-widget p {
    width: 100%;
    /* en tu versión quitaste el padding-top:45px y usas bordes y padding lateral */
    border-top-width: 0;
    border-bottom-width: 1px;
    padding: 10px 0;
    padding-left: 20px;
    margin-bottom: 0;
    box-sizing: border-box;
    position: relative;
    color: white;
}

.envor-contacts-widget p .fa,
.envor-contacts-widget p .glyphicon {
    color: white;
    position: absolute;
    left: -23px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 30px;
    font-size: 18px;
    padding-left: 16px;
}

/* 4) Footer: copyrights como en Envor-Tecno (sin padding superior, textos a la derecha y blancos) */
.envor-copyright-widget {
    padding-top: 0;
}

.envor-copyright-widget p {
    float: right;
}

.envor-copyright-widget p:last-child {
    color: white;
}


/*------------------------------------------------------------------
[16. Featuures / .envor-feature]
*/

/* Post preview: mantener el hover blanco sobre fondo oscuro del footer */
.envor-footer .envor-widget .envor-post-preview .header span {
    color: #fff;
}

.envor-footer .envor-widget .envor-post-preview .header a {
    color: #fff;
}

/* Feature-3: restaurar color de texto modificado */
.envor-feature-3 p {
    color: black;
}


/*------------------------------------------------------------------
[24. Social Button / .envor-soc-buttons-list]
*/
.text-post{	font-size: 15px;}


/*------------------------------------------------------------------
[26. Count Down / .riva-countdown]
*/

/* Ajustes de la barra de filtros */
.envor-sorting .envor-sorting-filters {
    width: 100%;
    float: none;              /* antes: float:left; */
    margin-bottom: 0;         /* antes: 30px; */
    margin-top: 0;            /* antes: 20px; */
    background-color: transparent; /* antes: #e5e5e5; */
}

/* Estilo de cada filtro */
.envor-sorting .envor-sorting-filters span {
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #1b77d3;   /* antes: #e5e5e5; */
    line-height: 35px;
    padding: 0 47px;             /* antes: 0 30px; */
    float: left;
    width: auto;
    cursor: pointer;
    transition-style: linear;
    transition-duration: 0.2s;
    background-color: #1b77d3;   /* antes: #e5e5e5; */
    text-transform: uppercase;
    color: white;                /* antes sin color explícito */
}

/* Ajustes responsive para los filtros de productos */
@media screen and (min-width: 1199px) {
    .envor-sorting .envor-sorting-filters span {
        text-align: center;
        padding: 0;
        width: 16.6%; /* 16.66% */
    }
    #productosPT span {
        width: 14.28%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1198px) {
    #productosPT span {
        padding: 0 3%;
        text-align: center;
        width: 14.28%;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    #productosPT span {
        padding: 0;
        text-align: center;
        font-size: 12px;
        width: 14.28%;
    }
}

/* Hover: solo cambio de fondo, manteniendo el texto blanco */
.envor-sorting .envor-sorting-filters span:hover {
    transition-style: linear;
    transition-duration: 0.2s;
    background-color: #1863af;  /* añadido */
}

/* Estado activo: mantiene el fondo azul y texto blanco */
.envor-sorting .envor-sorting-filters span.active {
    border-top-width: 2px;
    border-top-style: solid;
    color: #fff;
}

/*------------------------------------------------------------------
[27. Message / .envor-msg]
*/

.envor-projects-listing {margin-top: 30px;}

.envor-projects-listing .envor-project {
    display: inline-table;
}

.envor-project .envor-project-inner .envor-project-details p.link {
	font-size: 128%;
}

/*------------------------------------------------------------------
[30. Blog / .envor-post]
*/
.envor-post .date span {display: none;}
.envor-post .likes {display: none;}


/*------------------------------------------------------------------
[31. Edit / .envor-section]
*/

/* Menos espacio entre párrafos en el formulario MC4WP */
.mc4wp-form p {
    margin-bottom: 15px;
}

.textwidget{ margin-top: 10px; }

/* Imágenes del widget de texto (más grandes y desplazadas) */
.widget_text .textwidget img {
    max-width: 110%;
    height: auto;
    margin-left: 15px;
    width: auto;
}

/* Footer menu más estrecho (de 51% a 35%) */
.footer-menu {
    width: 35%;
}

/*------------------------------------------------------------------
[33. Añadidos - Personalizados]
*/

.envor-header-1 .envor-top-bar p.contacts {
    color: #fff;
	font-family: sans-serif;
}

/**** certificats 0 footer para Awarded ****/

.certificados-footer-0 {
    margin: -405px 0px 0px 443px;
    float: left;
    width: 120%;
    height: 130px;
    display: flex;
	max-width: 100%;
}

@media screen and (max-width: 480px) {
	.certificados-footer-0 { width: 50%; }
}
@media screen and (max-width: 600px) {
	.certificados-footer-0 { width: 50%; }
}
@media screen and (max-width: 768px) {
	.certificados-footer-0 { width: 100% !important; }
}
@media screen and (max-width: 991px) {
	.certificados-footer-0 {
	width: 130%;
	max-width: 130%;
    margin: 20px 0px 0px -32px;
    display: inline-table;
	}
}
@media tv and (min-width: 800px) and (orientation: landscape) { 
.certificados-footer-0 { width: 100%; }
}

/**** certificats 1 footer ****/

.certificados-footer-1 {
    /*margin: -374px 0px 0px 443px;  Sin Awarded */
    float: left;
    width: 146px;
	/*width: 100%;  Sin Awarded */
	/*width: 38%;*/
    /*height: 146px;  Sin Awarded */
    /*max-width: 156%;  Sin Awarded */
    display: flex;
	/*Con awarded*/
	margin: -280px 0px 0px 480px;
	/*width: 120px;*/
	height: 120px;
	max-width: 100%;
}

@media screen and (max-width: 480px) {
	.certificados-footer-1 {
	width: 50%;
	}
}

@media screen and (max-width: 600px) {
	.certificados-footer-1 {
	width: 50%;
	}
}


@media screen and (max-width: 768px) {
	.certificados-footer-1 {
	width: 100%;
	}
	
	/*Pagina dif.tubular*/
	.puntosTubular { width: 100% !important;}
	div.tabladifusoresTubu { float: none !important;}
	div.tabladifusoresTubulares { float: none !important;}
	/*Strip*/
	.titoldifusores1 {margin-top: 87% !important;}
	.tabladifusores4img { margin: 2px auto 40px auto !important; float: none !important;}
	/*Lagunas*/
	#tituloLagunas { margin-top: 100% !important;}
	/*Parrillas Extraibles*/
	div.categoriastablasuperiordifusores {width: 100% !important;display: table !important; margin-top: auto !important;}
	.tabladifusores4img { margin: 2px auto 40px auto !important; float: none !important;}
	div.thruster {display: flex;}
	/*Margin Auto formato movil*/
	#marginAuto767 {margin:auto !important;}
	
}

@media screen and (max-width: 900px) {
	.certificados-footer-1 {
	width: 100%;
	}
}

@media screen and (max-width: 1200px) {
	.certificados-footer-1 {
	width: 40%;
    margin: 20px 0px 0px -32px;
    display: inline-table;
	}
}


@media tv and (min-width: 800px) and (orientation: landscape) { 
.certificados-footer-1 {
	width: 100%;
	}
}

/**** certificats 2 footer ****/

.certificados-footer-2 {
    /*margin: -200px 0px 0px 495px;  /*Sin Awarded */
    float: left;
    display: flex;
    width: 100%;
	/*Con awarded*/
	margin: -115px 0px 0px 456px;
}

/*Con award*/
	@media screen and (min-width: 1201px) {
		#separacion-isos { width: 18%; height: 18%; margin-left: 65px; }
	}

@media screen and (max-width: 480px) {
	.certificados-footer-2 {
	width: 50%;
	}
}

@media screen and (max-width: 600px) {
	.certificados-footer-2 {
	width: 50%;
	}
}	
@media screen and (max-width: 768px) {
	.certificados-footer-2 {
	width: 100%;
	}
}	
@media screen and (max-width: 900px) {
	.certificados-footer-2 {
	width: 100%;
	}
}

@media screen and (max-width: 1200px) {
	.certificados-footer-2 {
	width: 40%;
    margin: 20px 0px 0px 44px;
    display: inline-table;
	}
}
	
@media tv and (min-width: 800px) and (orientation: landscape) { 
.certificados-footer-2 { width: 100%; }
}

/**** Otros ****/

#color-texto-negro { color: black; }

.row-productes{
	margin-right:-12px;
	margin-left:-19px
}

ul.guio2 li{ 
	background:url(/img/fletxa-tecno.png) no-repeat 0 5px; 
	padding:0px 0px 0px 12px; 
}

.join2words{
	white-space: nowrap;
}


/*** Productos Tecno ***/
/*
@media (min-width: 768px) and (max-width: 4000px) {
  .envor-project .envor-project-inner figure img {
    max-width: 263.25px !important;
    max-height: 174.5px !important; /*envor-tecno -> max-height: 175.06px !important;*//*
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    margin: 0 auto;
  }
}
*/

/*** Productos Tecno Version responsive***/
/* Todas las miniaturas de productos/proyectos con misma proporción */

/* Contenedor con relación de aspecto fija */
.envor-project .envor-project-inner figure {
    position: relative;
    width: 100%;
    padding-top: 66.66%; /* 3:2, ajusta si quieres más alto/bajo */
    overflow: hidden;
}

/* Imagen rellena el contenedor y se recorta */
.envor-project .envor-project-inner figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0;
    max-width: none !important;
    max-height: none !important;
}

/* Opcional: en móvil un poco más altas */
@media (max-width: 767px) {
    .envor-project .envor-project-inner figure {
        padding-top: 75%;
    }
}

/****************************************************
 * GRID DE PRODUCTOS – ALINEACIÓN PERFECTA
 ****************************************************/

/* 1) Mantener todas las imágenes exactamente iguales */
.envor-project .envor-project-inner figure img {
    width: 100%;
    height: auto;
    max-width: 263px !important;
    max-height: 175px !important;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}


/* 2) Igualar altura de la zona de texto para evitar descuadres */
.envor-project .envor-project-inner .envor-project-details {
    min-height: 115px; /* ajustable si un idioma tiene títulos más largos */
}


/* 3) Mantener alineada la línea inferior gris */
.envor-project .envor-project-inner .envor-project-details p.filter {
    margin-bottom: 10px !important;
}


/* 4) Forzar filas perfectas de 4 columnas en escritorio 
@media (min-width: 992px) {
    .envor-projects-listing .envor-project:nth-child(4n+1) {
        clear: both;
    }
}*/


/****************************************************
 * ADAPTACIÓN PARA PORTUGUÉS (PT)
 * Si usas filtros de productos distintos sólo en ese idioma
 ****************************************************/
@media screen and (min-width: 1199px) {
    #productosPT span {
        width: 14.28%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1198px) {
    #productosPT span {
        padding: 0 3%;
        text-align: center;
        width: 14.28%;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    #productosPT span {
        padding: 0;
        text-align: center;
        font-size: 12px;
        width: 14.28%;
    }
}


/*** Productos Tecno PT***/
/* Soplantes */

div.tablasuperiorsoplantes {
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
	border-spacing: 0;
	-webkit-margin-start: auto;
	-webkit-margin-end: auto;
	display: table;
	/*font-size: 12px;*/
}

div.tablasoplantes {
	width:198px;
	padding: 8px;
	border: 1px solid #ddd;
	background-color: #f3f3f3;
	margin: 2px 2px 40px 2px;
	float: left;
}

div.tablasoplantes2 {
	width:auto;
	padding: 8px;
	border: 1px solid #ddd;
	background-color: #f3f3f3;
	float: left;
}

/* Difusores */
div.n1sistemas {
	padding: 5px 10px;
	border-radius: 10px 0;
	background-color: #5f5f5f;
	font-size: 14px;
	color: white;
	letter-spacing: 2px;
	margin: 3px 10px 3px 0px;
	font-weight: bold;
	float: left;
}

div.easyinstall {
	padding: 5px 10px;
	border-radius: 10px 0;
	border: 1px solid red;
	font-size: 14px; color: red;
	letter-spacing: 2px;
	margin: 3px 10px 3px;
	font-weight: bold;
	float: left;
}

div.titoldifusores {
	font-size: 36px;
	color: black;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	margin-top: 14px;
	line-height: normal;
}

div.tablasuperiordifusores {
	text-align: center;
	margin: auto;
	margin-top: 12%;
	border-collapse: collapse;
	border-spacing: 0;
	-webkit-margin-start: auto;
	-webkit-margin-end: auto;
	display: block; /*table*/
	font-size: 12px;
	position: relative;
	width: 100%; /*900px*/
}

div.tabladifusores {
	width:198px;
	/*padding: 8px;*/
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	margin: 2px 2px 40px 2px;
	/*float: left;*/
	display: inline-block;
}

.puntosTubular { width: 100%; margin-top: 30px; text-align: justify;}

div.accesorios { font-size: 30px; text-align: center; color: black; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; }

div.tablaSuperiordifusoresTubu{
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
	border-spacing: 0;
	-webkit-margin-start: auto;
	-webkit-margin-end: auto;
	display: table;
	font-size: 12px;
}

div.tabladifusoresTubu{
	width:150px;
	/*padding: 8px;*/
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	margin: 2px 10px 40px 10px;
	float: left;
}

.ventajasStrip { margin-left: 0;	margin-right: auto;	text-align:justify;	width: 90%; }

div.categoriastablasuperiordifusores {
	text-align: center;
	margin: auto;
	margin-top: 12%;
	border-collapse: collapse;
	border-spacing: 0;
	-webkit-margin-start: auto;
	-webkit-margin-end: auto;
	display: table-cell;
	font-size: 12px;
	position: relative;
	width: 900px;
}

div.tabladifusores4img {
	width:198px;
	padding: 8px;
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	margin: 2px 2px 40px 2px;
	float: left;
	display: contents;
}

.aplicacionesSoplantes { font-size:16px;}

.upWord{
	text-transform: initial !important;
}

.fade{
        opacity:1;
}
.fade:hover{
        opacity:0.7;
}

.textWeb{
	color: black;
	text-align:justify;
	text-transform: initial !important;
}

.newsImages img {
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}


/**** Banner producto novedad **** añadido/modificado ****/
.novedad {
	height: 50px;	
	overflow: hidden;
	position: relative;
}
.novedad h4 {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	line-height: 50px;
	text-align: center;
	/* Starting position */
	-moz-transform:translateX(-100%);
	-webkit-transform:translateX(-100%);	
	transform:translateX(-100%);
	/* Apply animation to this element */	
	-moz-animation: novedad 15s linear infinite;
	-webkit-animation: novedad 15s linear infinite;
	animation: novedad 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes novedad {
	0%   { -moz-transform: translateX(-100%); }
	100% { -moz-transform: translateX(100%); }
}
@-webkit-keyframes novedad {
	0%   { -webkit-transform: translateX(-100%); }
	100% { -webkit-transform: translateX(100%); }
}
@keyframes novedad {
	0%   { 
		-moz-transform: translateX(-100%); /* Firefox bug fix */
		-webkit-transform: translateX(-100%); /* Firefox bug fix */
		transform: translateX(-100%); 		
	}
	100% { 
		-moz-transform: translateX(100%); /* Firefox bug fix */
		-webkit-transform: translateX(100%); /* Firefox bug fix */
		transform: translateX(100%); 
	}
}

/***  Arreglar alineación productos, y linea inferior de estos ***/
@media (min-width: 768px) and (max-width: 1200px) {
    .envor-project .envor-project-inner .envor-project-details p.filter {
        margin-bottom: 10px;
    }
}


/*--------------------------------------------------------------
 * OVERRIDES HEADER (envor-header-1) EN CHILD
 *--------------------------------------------------------------*/

/* 1) Top bar: icono más grande + texto contacto */
.envor-header-1 .envor-top-bar p.contacts i {
	font-size: 19px;
}

.envor-header-1 .envor-top-bar p.contacts a {
	color: #fff;
	font-size: 14px;
}

/* 2) Top bar: social icons más grandes y con fondo blanco */
.envor-header-1 .envor-top-bar ul.social-btns li {
	width: 60px;
	height: 40px;
	/*background-color: #fff;*/
}

/* quitamos el fondo oscuro y ponemos transición lenta */
.envor-header-1 .envor-top-bar ul.social-btns li a {
	/*background-color: transparent;*/
	transition-duration: 1s;
}

/* 3) Logo: tamaño y posición en desktop */
.envor-header-1 .envor-header-bg .envor-logo img {
	max-height: none;     /* anula el max-height:40px del parent */
	float: left;
	width: 307px;
	margin-left: -40px;
	margin-top: -30px;
}

/* 3b) Logo responsive: mismas reglas que tienes en el modificado */
@media only screen and (min-width: 320px) and (max-width: 480px) {
	.envor-header-1 .envor-header-bg .envor-logo img {
		float: left;
		width: 256px;
		margin-left: -18px;
		margin-right: 10px;
		margin-top: -38px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
	.envor-header-1 .envor-header-bg .envor-logo img {
		float: left;
		width: 256px;
		margin-right: 10px;
		margin-top: -38px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
	.envor-header-1 .envor-header-bg .envor-logo img {
		float: left;
		width: 256px;
		margin-right: 10px;
		margin-top: -38px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.envor-header-1 .envor-header-bg .envor-logo img {
		float: left;
		width: 118px;
		margin-right: 15px;
		margin-top: -5px;
		margin-left: -33px;
	}
}

/* añadido por ti para 1025–1201px */
@media only screen and (min-width: 1025px) and (max-width: 1201px) and (orientation: landscape) {
	.envor-header-1 .envor-header-bg .envor-logo img {
		float: left;
		width: 118px;
		margin-right: 15px;
		margin-top: -5px;
		margin-left: -33px;
	}
}

/* 4) Menú principal: texto blanco + efecto subrayado animado */
.envor-header-1 .envor-header-bg nav > ul > li {
	width: auto;
	padding: 0 20px;
	line-height: 100px;
	border-left-width: 1px;
	border-right-width: 1px;
	position: relative; /* para el ::before */
	color: #fff;        /* color del texto del li */
	overflow: hidden;
}

/* ajuste de tamaño de fuente + hereda color blanco del li */
.envor-header-1 .envor-header-bg nav > ul > li > a {
	font-size: 130%;
	/*color: inherit;*/
}

/* subrayado animado al hacer hover */
.envor-header-1 .envor-header-bg nav > ul > li a:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background-color: #1b77d3;
	content: "";
	opacity: 0;
	transition: all .5s;
}

.envor-header-1 .envor-header-bg nav > ul > li a:hover:before {
	opacity: 1;
	width: 100%;
	left: 0;
}

/* 5) Color blanco para enlaces en el header oscuro (por si lo usas) */
.envor-header-1 .envor-dark-header-bg nav > ul > li > a {
	color: #fff;
}

/* 6) Separación banderas idioma (WPML) – regla nueva totalmente tuya */
.menu-item-object-wpml_ls_menu_item {
	padding: 0 5px 0 10px !important;
	margin-top: 45px !important;
}

/* Override solo para los iconos de la top bar */
.envor-header-1 .envor-top-bar ul.social-btns li a .fa {
    font-size: 30px !important;
    margin: 5px !important;
}