/*
Theme Name: ts
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.7.1
Text Domain: uncode
*/

.altOcultar{
	display: none !important;
}

.anchoCompleto > div{
	padding: 0px !important;
}

/* Productos*/
.botonProducto .mega_hvr_btn {
    position: relative;
    
    padding-right: 55px !important; /* Adjust this value as needed (e.g., icon width + margin) */
}

.mega_hvr_btn i {
	position: absolute;
    
    right: 18px;
    
    top: 50%;
    transform: translateY(-50%);
    
    z-index: 1;
}
@media (max-width: 512px){
	.botonProducto .mega_hvr_btn {
		padding-right: 30px !important; /* Adjust this value as needed (e.g., icon width + margin) */
	}

	.mega_hvr_btn i {
    	right: 10px;
	}
}


@media (max-width: 440px){
	.botonProducto a{
		font-size: 20px !important;
	}
}

/* Animación cabecera */
@media (min-width: 960px){
/*
==================================================
1. Z-INDEX Y OVERFLOW: Solución para submenús cortados
   Esto asegura que los menús se vean por encima de todo el contenido
   y no sean recortados por la cabecera.
==================================================
*/
#masthead {
    z-index: 9999; 
    overflow: visible !important; 
}

#masthead .menu-container,
#masthead .main-menu-container {
    overflow: visible !important;
}

/* Elevamos los submenús desplegables verticales (About +, Products +, etc.) */
.drop-menu {
    z-index: 10000 !important; 
    overflow: visible !important;
    max-height: none !important; 
}

/*
==================================================
2. ESTADO INICIAL (REPOSO): Ícono Visible / Menú Oculto
==================================================
*/

#masthead:not(.is_stuck) > div > div > div{
	background-image: url(https://www.techs.es/wp-content/uploads/2025/10/logo-menu.jpg) !important;
	background-repeat: no-repeat !important;
  	background-position: 90% !important;
}

/* 2b. Menú Horizontal (Lista de enlaces): Oculto por defecto */
#masthead:not(.is_stuck) .main-menu-container {
    /*position: absolute; */
	position: static;
    top: 50%;
    right: 10; 
    height: 100%; 
	width: unset !important;
    
    transform: translate(100%, 0%); 
    opacity: 0;
    pointer-events: none; 
    transition: transform 0.4s ease-out, opacity 0.4s ease-out;
    z-index: 9998; 

	display: flex;
    align-items: center;
    white-space: nowrap;

}*/

/* Aseguramos que los enlaces estén en fila dentro del menú horizontal si no lo están ya */
#masthead .menu-horizontal-inner,
#masthead .nav {
    display: flex;
    align-items: center;
    height: 100%;
}


/*
==================================================
3. ESTADO HOVER: Menú Visible / Ícono Oculto
==================================================
*/


/* 3b. Desplegamos el Menú Horizontal cuando hacemos hover en la cabecera */
#masthead:hover .main-menu-container {
    transform: translate(0%, 0%); 
    opacity: 1;
    pointer-events: auto; 
}
#masthead:hover > div > div > div{
	background-image: none !important;

}
}
@media (max-width: 959px){
	#masthead > div > div > div{
		background-image: none !important;
	}
}

/* Pie */
.textoPie, .textoPie *{
	font-family: AkzidenzGrotesk-Regular !important;
	font-size: 18px !important;
	color: #002D72 !important;
}

h2.tituloPie{
	font-family: AkzidenzGrotesk-Bold !important;
	font-size: 28px !important;
	color: #002D72 !important;
}

#icl_lang_sel_widget-2 > div > div > ul > li > ul{
	border: none !important;
	margin: 0px !important;
}
#icl_lang_sel_widget-2 > h3{
	display: none;
}
@media (max-width: 959px){
	.bloqueLogosWrapper.row-internal.row-container > div > div > div{
		width: 100% !important;
	}
}
@media (max-width: 440px){
	.bloqueLogosWrapper img{
		width: 80%;
	}
	.bloqueLogosWrapper div.bloqueLogos{
		flex-direction: column;
	}
	.bloqueLogosWrapper div.bloqueLogos > div{
		border: none !important;
		padding: 20px 0px !important;
	}
	
	.textoPie{
		margin: 10px 5px !important;
	}
	.textoPie *{
		font-size: 18px !important;
	}
	.legal {
		padding-top: 0px !important;
	}
	.legal  p{
		display: flex;
		text-align: center;
    	flex-direction: column;
	}
	.legal  span.espai{
		display: none;
	}
	.footer-3{
		padding-bottom: 0px !important;
	}
	
}
/* Inicio */
#post-82070 > div > div > div > div > div,
#post-82303 > div > div > div > div > div{
	padding-bottom: 0px;
	padding-top: 0px;
}
.bannersProductos > div > div > div:nth-child(1) > div > div > div > div > div:nth-child(2),
.bannersProductos > div > div > div:nth-child(2) > div > div > div > div > div:nth-child(2){
	margin-top: 20px !important;
}
.bannersProductos > div,
#post-82070 #row-unique-3 > div,
#post-82303 #row-unique-3 > div{
	padding: 0px !important;
}
#post-82070 .bannerFeria .uncode-single-media-wrapper,
#post-82303 .bannerFeria .uncode-single-media-wrapper{
	display: flex;
    justify-content: center;
}


@media (max-width: 440px){
	.bannersProductos *,
	.bannersProductos > div > div > div:nth-child(1) > div > div > div > div > div:nth-child(2), 
	.bannersProductos > div > div > div:nth-child(2) > div > div > div > div > div:nth-child(2),
	.bannerFeria {
		margin-top: 0px !important;
		padding-top: 0px !important;
	}
	.buscadorProductos .titulo{
		font-size: 30px !important;
	}
}
@media (max-width: 839px){
	#buscadorDataTechs{
		min-height: 470px;
		
	}
}

/* PROVES CSS PER NOVES NOTICES PORTADA */



.nova-news-home .t-background-cover {
	background-image: none!important;
}

.nova-news-home .col-noticia .t-inside {
	height: 250px!important;
}

.nova-news-home a h3 {
	font-size: 25px!important;
	font-weight: 300!important;
	line-height: 115%;

}

.nova-news-home a .t-entry-date {
	margin-bottom: 10px!important;
	font-size: 17px!important;
	font-weight: 100!important;
}


.responsive-nova-news-home .t-background-cover {
		background-image: none!important
}
.responsive-nova-news-home .t-inside {
	height: 250px!important;
}

.responsive-nova-news-home a {
	color: black;
}


.responsive-nova-news-home a h3 {
	font-size: 30px!important;
	font-weight: 300!important;

}

.responsive-nova-news-home a .t-entry-date {
		font-size: 20px!important;
		font-weight: 100!important;
		margin-bottom: 15px!important;
}


.responsive-nova-news-home .tmb-iso-w1 {
	width: auto!important;
}

.responsive-nova-news-home .columna-titol-news {
	height: 100px!important
}

.nova-news-home .t-background-cover {
	background-image: none!important
}

.nova-news-home .t-background-cover {
	background-image: none!important
}

.nova-news-home h3, .nova-news-home p {
	color: black;
}

.mobil-nova-news-home {
	margin: 1px 1px 1px 1px!important;
}

.titol-news-mobil {
	height: 100px!important;
}

.tablet-nova-news-home {
	margin: 1px 1px 1px 1px!important;
}


.cusom-area {
	margin-right: 70px;	
	padding-top: 12px;

}


/*Comptador ampolles*/

.comptador-ampolles .ampolla-text {
	padding-top: 6px;
}

.comptador-ampolles h1 {
	letter-spacing: -1px;
}
	

/* PROVES CSS PER NOVES NOTICES PORTADA */


/*   NOVA NEWS HOME   */


/* Color fons franja menu mobil*/
.row-menu-inner {
	background-color: white;
}


/*   ESTILS ESPECÍFICS TECHS   */
.row-offcanvas {
	background-color: white;
}

.uncode-slider .owl-height-forced .owl-stage-outer .owl-stage { min-height:370px}

@media (min-width: 960px) {
	.mmb-container {
	margin-top: 16px;
	}
}

@media (max-width: 959px) {
	.mmb-container {
	margin-top: 5px;
	}
}
/*   ESTILS ESPECIFICS TECHS   */

.certificats .uncode-single-media, .certificats .uncode_text_column {
	margin-top: 0px!important;
}

.peu p {
	font-size: 14px;
}


h3, h4, h5 {
	font-weight: 300;
	font-style: normal;	
}

h1, h2 {
	font-weight: 700;
}


.submenu-light .menu-accordion .menu-smart ul {
	padding: 25px 0px 25px 0px!important;
}


/*pagina noticies*/


.t-entry-text-tc {
	vertical-align: bottom!important;
	
}




.pagina-news h3.t-entry-title {
	font-family:'Roboto';
	font-weight: 100!important;
	font-size: 32px;
}

.pagina-news span.t-entry-date {
	font-weight: 100!important;
	padding: 25px 0px 25px 0px;
	font-size: 14px!important;
	
}

.pagina-news hr {
	display: none;
	
	
}

.pagina-news h3.t-entry-title a {
	color: black;
}

/*
.main-container .row-container .col-one-gutter > .row-inner > div
*/


.brands-home {
	margin-left: 3px;
	margin-right: 8px;
}

.news-home {
	margin-left: 8px;
	margin-right: 8px;
}



.brands-home {
	margin-top: 2px;
}

a.novedad-portada .contingut {
	vertical-align: bottom!important;
	position: absolute;
	bottom: 28px;
	margin-right: 40px;
}



a.novedad-portada .data {
	font-size: 16px;
}

.half-block-padding {
	padding: 18px 18px 40px 40px;
}

a.novedad-portada .titol-noticia {
	font-size: 22px;
	display: block;
	margin-top: 10px;
}

a.novedad-portada:hover {
	background-color: #dfdfdf;
}

.h4:not([class*="fontsize-"]) {
	font-size: 42px;
}


/*CORRECCIÓ SEARCH AL FIREFOX*/
@-moz-document url-prefix() { 
	@media (min-width: 960px) {
	.menu-primary .row {border-collapse: inherit;}
	}
}

h1 {
	line-height: 90%;
	letter-spacing: -1px;
}

h2 {
	line-height: 100%;
	letter-spacing: -1px;
}

h3 {
	line-height: 110%;
}



.t-entry h3 {
	/*font-family:'ITC Caslon No. 224 W01';*/
	font-weight: 500!important;
	line-height: 100%;
	letter-spacing: -50%;
}

.tmb .t-entry .t-entry-title {
	letter-spacing: -0.5px;
}

.entrades-top .t-entry h3,  {
	font-size: 42px;
	line-height: 100%;
	letter-spacing: -50%;
}



.entrades-peu-portada .t-entry h3 {
	font-size: 32px;
	line-height: 100%;
	letter-spacing: -50%;
}

.h5:not([class*="fontsize-"]) {
	font-size: 32px;
	line-height: 100%;
	letter-spacing: -50%;
}



.mailchimp-portada input {
	border-color: black;
}

#mc4wp-form-1 div.mc4wp-form-fields table tbody td {
	margin: 0px!important;
	padding: 0px;
}

p {
	font-weight: 300;	
	font-size: 16px;
	line-height: 140%;
}	

.text-destacat, .text-destacat p {
	font-size:20px;
	font-weight: 500;
	line-height: 120%;
}

.mega-titol, .mega-titol h1 {
	font-weight: 600;
	font-style: normal;
	font-size: 80px!important;
	letter-spacing: -1px;
}

.llistat-destacat, .llistat-destacat li {
	font-size: 24px;
	line-height: 120%;
	font-family:'Roboto Condensed';
	font-weight: 400;
	color: #003366;
	padding: 5px 0px 5px 0px;
}

.style-dark h1.header-title, .style-dark .category-info, .style-dark .category-info a {
	color: #ffffff;
}

.style-light h1.header-title, .style-light .category-info, .style-light .category-info a {
	color: #262626;
}


.linia-sota {
	border-bottom: 1px dashed #000000!important;
}

.menu-wrapper.menu-sticky .menu-container {
	background-color: transparent!important;
 }
 


.post-after .row-container .single-top-padding {
	margin-top: 0px;
	padding-top: 0px;
}



/*color text sel·leccionat i fons*/
::selection {
    background: #c4f0ff!important;
	color: #242424!important;
}

::-moz-selection {
    background: #c4f0ff!important;
	color: #242424!important;
}
/*color text sel·leccionat i fons*/

li.menu-item-has-children:active {
	color: green!important;
}

.menu-accordion a:hover {
	color: green;
}


H1.black {
	/*font-family:'ITC Caslon No. 224 W01';*/
	font-weight: 800;
	font-style: normal;
}

.post-info .date-info, .post-info .author-info, .post-info span {
	display: none;
}

a.boto-info {
	background-image: url(/wp-content/themes/ts/img/button-bg-suma.png);
}

.btn:not(.btn-custom-typo) {
	letter-spacing: 0px;
	background-position: right center;
	background-repeat: no-repeat;
	padding: 30px 30px 30px 40px!important;
	font-size: 20px;
	font-family:'Roboto Condensed';
	font-weight: 800;
	color: white;
	text-align: left;
}

/*boto menu*/

.mobile-menu-button {
	background-image: url(/wp-content/themes/ts/img/bola-90.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 2px;
	background-size: 55px 55px;
}


body .menu-button-offcanvas {
	margin-right: 20px;
	margin-top: -18px;
}

/*boto menu*/

.panel-title > a span {
	font-size: 16px;
}

.panel-title > a span:after {
	margin-right: 20px;
}


.menu-smart i.fa-dropdown, .vmenu-container a {
	margin: 0px;
	padding: 0px;
}


/* Codi Oriol */


/* Capçalera de 2n nivell */
.header-wrapper .header-content-inner {
    padding: 40px 36px 16px 36px!important;
}
/* Capçalera de 2n nivell */

/* Capçalera de 1er nivell */
.posicio-marca-capcalera {
    position: absolute;
    top: 10px;
    z-index: -1;
}
/* Fi Capçalera de 1er nivell */


/* Footer  */
#colophon > div.footer-2 > div.row-parent{
	padding: 30px 0px 10px 0px !important;
}

#row-unique-5 > div{
	padding: 0 0 0 0 !important;
}

.footer-ts .xarxes ul {
	text-align: center;
}

.wpml-ls-sidebars-sidebar-134023 {
	width: 100px;
	margin-left: auto;
	margin-right: auto;
}

.wpml-ls-sidebars-sidebar-134023 a:hover {
	text-decoration: none;
}

.footer-ts p {
	color: white;
	font-weight: 300;

}
.footer-ts h2 {
	font-weight: 500!important;
	color: white;
}

.footer-2 {
	border-top: 1px solid white!important;
	border-bottom: 1px solid white!important;
}

.footer-2 .tipografia-pal a:hover, .footer-3 .tipografia-pal a:hover {
	text-decoration: underline;
}

.footer-3 {
	margin-bottom: 1px;
	padding-top: 10px;
}


.footer-ts a {
	color: white;
}

.footer-ts h2 {
	font-size: 18px;
	letter-spacing: 0px;
}

.legal {
	margin-top: 30px!important;

}

/*.legal a {
	opacity: 0.7;
	color: white;
}*/

table.mailchimp {
    margin: 0px auto 50px auto;
  }

table.mailchimp, table.mailchimp tbody, table.mailchimp tr, table.mailchimp td {
	border: none;
}

.mailchimp-portada h4 {
	font-size: 25px;
	margin-bottom: -15px;
}

.mc4wp-form-theme-dark button, .mc4wp-form-theme-dark input[type=submit] {
	background-color: #1C1D3B;
	border: 1px solid white;
	font-size: 15px;
	margin-left: 10px;
	font-weight: 100!important;
	padding: 9px 16px;
    letter-spacing: 0px;
    color: white;
}

.mc4wp-form-theme-dark input[type=submit]:hover {
	background-color: black;

}

.espai {
	margin-left: 20px;
	margin-right: 20px
}
.icones-social .uncode-single-media {
	display: inline;
	margin-right: 12px;
	margin-left: 12px;
}

.icones-social a:hover {
	opacity: 0.7;
}

.fila-entrades .row-header {
	padding-bottom: 3px!important;
}

#colophon .footer-2 ul {
	text-align: center;
}

#row-unique-10 > div > div > div,
#row-unique-10 > div{
	padding: 0 0 0 0!important;
}


/*Final Footer */



/* Pàgina fabrics */


.tipografia-pal h2, .tipografia-pal h1, .tipografia-pal h3, .tipografia-pal h4 {
	font-family:'Roboto';
	font-weight: 100;
}

.capcalera .el-text {
	margin-top: 0px!important;
}	


.post-info .category-info{
	display:none;
}


#post-4237 h3 {
	margin-top: 0px;
}

/* Acordeo */
.panel-heading {
    background-color: #002c76;
}

.panel-title > a {
    color: #ffffff;
    padding: 20px;
   	font-family:'Roboto Condensed';
	font-weight: 400;
}

.uncode-accordion .panel-body {
	background-color: #ffffff;
	padding: 20px;
}

/* final Acordeo */



/*  ORDINADOR  */


@media (min-width: 960px) {

	.vmenu-container .menu-accordion ul ul {
		padding: 25px 0px 25px 0px!important;
	}
	.menu-accordion .menu-smart a {
		padding: 0px 30px 0px 50px;
	}
	.menu-container ul.menu-smart > li > a {
		padding: 1px 40px 1px 50px;
	}

	.nomes-mobil { display: none;}
	
	
	.tmb-content-lateral-left .t-entry-text-tc h3.t-entry-title {
		padding-right: 100px;
	}

	.tmb-content-lateral-right .t-entry-text-tc h3.t-entry-title {
		padding-left: 100px;
	}
}

/*  IPAD I MOBIL  */

@media screen and (max-width: 959px) {
	
	.comptador-ampolles h1 {
	letter-spacing: -1px;
	font-size: 69px!important;
	}
	
	body .menu-button-offcanvas {
	margin-top: -7px!important;
	margin-right: 7px!important; 
	}

	.menu-smart a {
		text-transform: none!important;
	}
	
	.font-size-menu-mobile, .menu-container:not(.isotope-filters) ul.menu-smart a {
		font-size: 18px!important;
	}
	
}


/*  MOBIL  */


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

	.marge-mobil-gran {
		margin: 0px 30px!important;
	}

	/*Canvis tipogràfics*/
	.mega-titol h1 {font-size: 50px!important;}
	h1 {line-height: 100%;}
	h2 {margin: 0px 20px; font-size: 35px!important;}
	h3 {margin: 0px 20px; font-size: 30px!important;}
	h4 {margin: 0px 20px; font-size: 20px!important}
	h5 {margin: 0px 20px; font-size: 18px!important}
	p {margin: 0px 10px;}
	.tmb-content-overlay .h1, .tmb-content-overlay .h2, .tmb-content-overlay .h3, .tmb-content-overlay .h4, .tmb-content-overlay .h5, .tmb-content-overlay .h6 {
    	font-size: 32px !important;
		line-height: 1 !important;}
/*Ajustos vista mobil*/
	.marges-mobil {margin: 0px 30px;}
	.llistat-destacat li {font-size: 18px;}
	.text-mobil-petit h1, .text-mobil-petit h2, .text-mobil-petit h3, .text-mobil-petit h4, .text-mobil-petit h5, .text-mobil-petit h6, .text-mobil-petit p, .text-mobil-petit a {
	font-weight: 200;
	line-height: 150%;
	font-size: 15px!important;} 
	
	.nomes-ordinador { display: none;}

	p.novetat-home {
		margin: 5px 0px 0px 0px!important;
	}
	.imatge-titol {
		margin-left: 4px;
		border-right: 4px solid #ffffff;
	}
	.footer-ts h2 {
		font-size: 22px!important;
	}
	.row-internal {
		margin-bottom: 30px;
	}
	.footer-ts p {
		margin: 15px;
		margin-top: 15px;
	}
	.cusom-area {
		display: none;
	}
}


/*  NOMÉS IPAD  */

@media screen and (min-width: 571px) and (max-width: 959px) {
	.nomes-mobil { display: none;}
	h3 {
		font-size: 42px!important;
	}
	h2 {
		font-size: 55px!important;
	}
	.footer-ts h2 span {
		font-size: 25px!important;
	}
	h4 {
		font-size: 24px!important;
	}
	
	.tmb-iso-w4:last-of-type {
		display: none;
	}

}


#menu-menu-principal-santanderina > li > ul,
#menu-menu-principal-santanderina-spanish > li > ul{
	width: auto;
	min-width: 13em;
    max-width: 20em;
}


/* Ecodesk */
#overallSavings div.imagen > div > div > div > div > div > div,
#overallBenefits div.imagen > div > div > div > div > div > div{
	display: flex !important;
	flex-wrap: nowrap;
	justify-content: center;
}
#overallSavings div.imagen > div > div > div > div > div > div > img,
#overallBenefits div.imagen > div > div > div > div > div > div > img{
width: auto !important;
max-width: 100% !important;
}


/* Menu */
#menu-item-80561 > a,
#menu-item-80606 > a{
	font-weight: 900 !important;
}