/*
Theme Name: TCR

*/

body {
  font-family: "Raleway", sans-serif;
}

a {
	text-decoration: none;
	color:inherit;
}

a:hover {
	text-decoration:underline;
	color:inherit;
}

h1 {
  font-size: 50px;
  font-weight: 200;
}

h1 b {
  font-weight: 500;
}

h2 {
  font-size: 30px;
  font-weight: 200;
}

.btn-primary {
  background: #fcc400 !important;
  border-radius: 45px;
  color: #000 !important;
  font-size: 16px;
  border: none;
  padding: 15px 25px;
  display: block;
  width: 100%;
  
}

.btn-primary:hover {
  background: #000 !important;
  color: #fff !important;
  font-weight: 500;
  text-decoration: none;
}

.btn-secondary {
  background: #fff;
  border-radius: 45px;
  color: #000;
  font-size: 18px;
  border: none;
  padding: 10px 25px;
  display: block;
}

.btn-secondary:hover {
  background: #000;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
}

.boton-contacto {
	display: inline-block;
	background: #fcc400 !important;
  border-radius: 45px;
  color: #000 !important;
  font-size: 16px;
  border: none;
  padding: 5px 15px;
}

.boton-contacto:hover {
	text-decoration: none;
}

.menu {
  padding: 30px 0;
  list-style: none;
  display: flex;
  margin: 0;
}

.menu a {
  text-decoration: none;
  color: #fff;
  margin-left: 20px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: inherit;
}

.menu-item-128 {
	
}

.menu-item-128 a, .menu-item-657 a {
	border: 2px solid #fcc400;
    padding: 12px;
    border-radius: 30px;
}

.menu a:hover, .current-menu-item a {
  color: #fcc400;
}



.big-title {
  text-align: center;
  font-size: 50px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
}

.border-section {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

.trapos-section {
  padding: 40px;
}

.trapos-title {
  display: flex;
  align-items: center;
}
.trapos-title h2 {
  font-size: 50px;
}

.fons-esquerra,
.fons-esquerra-trapos {
  position: absolute;
  height: 100%;
  width: 66.666%;
  left: 0;
  top: 0;
}

.fons-dreta,
.fons-dreta-trapos {
  position: absolute;
  height: 100%;
  width: 33.333%;
  right: 0;
  top: 0;
}
@media (min-width: 992px) {
  .fons-esquerra {
    width: calc((100% - 960px) / 2 + 960px * 0.66666);
  }

  .fons-dreta {
    width: calc((100% - 960px) / 2 + 960px * 0.33333);
  }

  .fons-esquerra-trapos {
    width: calc((100% - 960px) / 2 + 960px * 0.33333);
  }

  .fons-dreta-trapos {
    width: calc((100% - 960px) / 2 + 960px * 0.66666);
  }
}
@media (min-width: 1200px) {
  .fons-esquerra {
    width: calc((100% - 1140px) / 2 + 1140px * 0.66666);
  }

  .fons-dreta {
    width: calc((100% - 1140px) / 2 + 1140px * 0.33333);
  }

  .fons-esquerra-trapos {
    width: calc((100% - 1140px) / 2 + 1140px * 0.33333);
  }

  .fons-dreta-trapos {
    width: calc((100% - 1140px) / 2 + 1140px * 0.66666);
  }
}

@media (min-width: 1400px) {
  .fons-esquerra {
    width: calc((100% - 1320px) / 2 + 1320px * 0.66666);
  }

  .fons-dreta {
    width: calc((100% - 1320px) / 2 + 1320px * 0.33333);
  }

  .fons-esquerra-trapos {
    width: calc((100% - 1320px) / 2 + 1320px * 0.33333);
  }

  .fons-dreta-trapos {
    width: calc((100% - 1320px) / 2 + 1320px * 0.66666);
  }
}




.home-featured {
  font-weight: 200;
  font-size: 50px;
}

.background-con-texto {
  display: flex;
  color: #fff;
  font-size: 50px;
  align-items: center;
  padding-left: 50px;
  line-height: 1.2;
}

.background-con-texto span {
	font-weight: bold;
	font-size: 90px;
}

.trapos-formatos {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

.trapos-tipologias,
.trapos-sectores {
  border-bottom: 2px solid #000;
}

.trapos-sectores .icons img {
  max-width: 30px;
}
.filtro-label {
  text-transform: uppercase;
  font-weight: bold;
}

.filtros-sector .sector {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.filtros-sector img {
  width: 30px;
  height: 30px;
  margin-right: 5px;
}

.trapos-section .options {
  display: flex;
  margin-bottom: 25px;
}

.trapos-section .options div {
  margin-right: 25px;
}

.table-productos {
  width: 100%;
  border-collapse: inherit;
  margin-bottom: 2%;
}

.table-productos th {
	border-bottom: 3px solid #fcc400;
	font-weight: 500
}
.table-productos td {
	padding: 5px;
}

.section-title {
  border-bottom: 3px solid #fcc400;
  margin-top: 25px;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 14px;
}

body {
  font-weight: 300;
}

.single-producto .sector img {
  display: block;
  width: 50px;
  margin-top: 25px;
}

.fons-esquerra-nosotros {
  width: calc((100% - 1320px) / 2 + 1320px * 0.4);
  height: 100%;
  position: absolute;
}

.fons-dreta-nosotros-contenido {
  background: #fcc400;
  width: calc((100% - 1320px) / 2 + 1320px * 0.2);
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  z-index: -1;
}

.iconos-nosotros {
  text-align: center;
  font-size: 20px;
  justify-content: space-between;
}

.iconos-nosotros > div {
  max-width: 200px;
}
.quote {
  color: #fcc400;
  font-size: 40px;
  font-style: italic;
  font-weight: 400;
}

.fons-esquerra-rsc {
  background: #f2f2f2;
  width: calc((100% - 1320px) / 2 + 1320px * 0.66666);
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.fons-dreta-rsc {
  background: #fcc400;
  width: calc((100% - 1320px) / 2 + 1320px * 0.33333);
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  z-index: -1;
}

.footer {
  color: #fff;
  border-top: 2px solid black;
}
.footer a {
  text-decoration: none;
  color: #fff;
}

.footer .bgimg {
	background-color:red;
}

.footer-presupuesto {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;	
}

.footer-presupuesto .btn-primary {
	color: #000;
	padding: 15px 80px;
}

.footer-presupuesto .btn-primary:hover {
	color: #fff;
}


.header-section {
	background: #F2F2F2;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
}
.referencia {
	font-size: 50px;
	font-weight: 500;
	margin-top: 20px;
	
}
.single-producto h1 {
	font-size: 30px;
	margin-bottom: 70px;
}

.back {
	display: flex;
	color: rgb(134, 134, 134);
	font-size: 14px;
}

.sidebarproducto {
	background: rgba(252, 196, 0, 0.3);
	aspect-ratio: 1 / 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px;
	text-align: center;
}
.sidebarproducto img {
	opacity: 1;
	position: absolute;
	z-index: 0;
}
.sidebarproducto p {
	z-index: 10;
}

.boton-tienda {
	background: rgba(255,255,255,0.8);
	display: block;
	border-radius: 0 50px 50px 0;
	margin-left: -100px;
	padding: 20px;
	padding-left: 100px;
	font-weight: normal;
	font-size: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 40px;
}


.boton-tienda:hover {
	background: rgba(0,0,0,.8);
	color: #fff;
	text-decoration: none;
}

.boton-formatos {
	background: rgba(255,255,255,0.8);
	display: block;
	border-radius: 0 50px 50px 0;
	margin-left: -100px;
	padding: 20px;
	padding-left: 100px;
	font-weight: normal;
	font-size: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 40px;
	margin-top: 30px;
}

.boton-formatos:hover {
	background: rgba(255,255,255,0.8);
	display: block;
	border-radius: 0 50px 50px 0;
	margin-left: -100px;
	padding: 20px;
	padding-left: 100px;
	font-weight: normal;
	font-size: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 40px;
}

.boton-formatos:hover {
	background: rgba(0,0,0,.8);
	color: #fff;
	text-decoration: none;
}

.boton-formatos p {
	margin: 0;
	line-height: 1.2;
}

.page-id-119 .footer-presupuesto, .single-producto .footer-presupuesto, .page-id-123 .footer-presupuesto, .page-id-125  .footer-presupuesto{
	display: none;
}

.nf-before-form-content {
	display: none;
}

.nf-form-cont {
	margin-top: 50px;
}
.cantidad-total {
	max-width: 200px;
	margin-right: 30px;
}

.producto.list-container {
	max-width: 300px;
	margin-right: 30px;
}

.ninja-forms-field.btn-primary {
	width: 100% !important;
	display: block !important;
	border-radius: 50px !important;
}
.opciones-formato ul {
	display: flex;
}

.opciones-formato .list-checkbox-wrap .nf-field-element li {
	margin-right: 15px !important;
}

.maps-contacta .fons-esquerra {
	position: absolute;
	width: 50%;
	left: 0;
	background: #E85113;	
	z-index: -1;
}
.maps-contacta .fons-dreta {
	position: absolute;
	width: 50%;
	right: 0;
	background: #F2F2F2;	
	z-index: -1;
}

.swiper {
	width: 100%;
	height: 100%;
}

.options div, .sector {
	cursor: pointer;
}

.options .active {
	border: 1px solid;
    border-radius: 50px;
    padding-left: 10px;
    padding-right: 10px;
	background-color: #FCC400;
}

.sector.active {
	font-weight: bold;
}

.trapo-hover:hover {
	background: #FCC40033;
}

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]):not([type=submit]), .nf-form-content textarea {
	background: transparent !important;
	border: none !important;
	border-bottom: 2px solid #000 !important;
}

.nf-field-label label {
	font-weight: 300 !important;
}

#nf-field-19-wrap .nf-field-element ul {
	display: flex !important;
	flex-wrap: wrap;
}
#nf-field-19-wrap li {
	display: flex;
	align-items: center;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 50%;
}

#nf-field-19-wrap li img {
	max-height: 33px;
	margin-right: 5px;
}


.open-mobile-menu {
	display: none;
}

.nosotros-icono-triangulo {
	font-size: 30px;
	text-align: right;
	font-weight: 400;
	display: flex;
	flex-direction: column;
	align-items: end;
}

.ti-widget-container {
	text-align: left !important;

}

.logos-footer{
	padding-top:20px;
}

.footer-txt{
	font-size:12px;
	text-align: center;
}


.format_descrip {
	font-size:13px;
}

.bg-black {
	background-color: #2B2B2B!important;
}
.icono-destacado {
	position: relative;
}
.icono-destacado::before {
	content: url('/wp-content/uploads/2023/01/comillas_destacado-1.svg');
	position: absolute;
	position: absolute;
	left: -30px;
	top: -110px;
	z-index: -1;
}

#whatsapp {
	position: fixed;
	right: -120px;
	bottom: 50px;
	transition-duration: .5s;
}

#whatsapp:hover {
	right: -80px;
	transition-duration: .5s;
}

.fons-clar-trapos {
	background-color: rgb(255, 248, 226);
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 130px;
position: absolute;
z-index: 0;
}

.fons-clar-content {
	margin-bottom: 0;
	padding-top:10px;
	font-size: 14px;
}

a.boton-contacto.formatos{
	font-size:14px;
	margin-top:10px;
}


img.img-abs {
	max-height:20px;
}


button.nf-add-fieldset {
	padding: 10px 15px;
    border-radius: 55px;
}

.swiper-pagination-bullet {
	width: 15px !important;
	height: 15px !important;
	background: #fff !important;
	opacity: 0.8 !important
}

.swiper-pagination-bullet-active {
	background: #fcc400 !important
}

#menu-footer {
	justify-content: end;
	padding: 0;
}
#menu-footer li a{
	font-size: 14px;
	text-transform: none;
}

#menu-footer a {
	margin-left: 10px;
}
#menu-footer li a:after {
	content: '|';
	margin-left: 5px;
}

#menu-footer li:last-child a:after {
	display: none;
}

.nf-form-content input[type=checkbox].ninja-forms-field {
		display: none;
	}


.filtro {
	border: 1px solid;
	border-radius: 50px;
	padding-left: 10px;
	padding-right: 10px;
}
@media (max-width: 1200px) {
	.header {
		position: fixed;
		width: 100%;
		z-index: 99;
		top: 0;
	}
	body {
		padding-top: 80px;
	}
	.header img {
		padding: 15px 0;
	}
	
	.fons-esquerra {
		width: 100%;
	}
	
	.fons-dreta {
		width: 100%;
	}	
	
	.single-producto .header-section {
		display: none;
	}
	
	.single-producto h1 {
		margin-bottom: 0;
	}
	
	.fons-esquerra-nosotros {
		display: none;
	}
	.logos-footer {
		margin-top: 15px !important;
		display: block !important;
	}
	
	.logos-footer div {
		width: 100%;
		margin-bottom: 30px;
	
		text-align: center;
	}
	
	.footer .text-end {
		text-align: center !important;
	}
	
	.footer .justify-content-end {
		justify-content: center !important;
	}
	
	.home-featured {
		font-size: 30px;
	}
	
	h1 {
		font-size: 30px;
	}
	
	h2 {
		font-size: 24px;
	}
	
	.pe-5 {
		    padding-right: calc(var(--bs-gutter-x) * .5) !important;
	}
	
	.border-section {
		margin-top: 15px;
	}
	
	.open-mobile-menu {
		display: block;
		width: 40px;
		height: 40px;
	    color: #fff;
	    z-index: 99999;
	}
	
	.menu-closed .menu-menu-1-container {
		display: none;
	}
	
	.menu-menu-1-container {
		display: flex;
		align-items: center;
		justify-content: center;
	    position: fixed;
	    height: 100%;
	    width: 100%;
	    left: 0;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    background: rgba(0,0,0,0.9);
	    z-index: 99;
	    transition-duration: 1s;
	}
	
	#menu-menu-1 {
		text-align: center;
		display: block;
	}
	
	#menu-menu-1 a {
		font-size: 22px;
		margin-left: 0;
	}
	
	.background-con-texto {
		font-size: 40px;
	    background: #fcc400 !important;
	    color: #000;
	    padding: 20px;
	}
	
	.fons-esquerra-trapos, .fons-dreta-trapos, .fons-dreta, .fons-esquerra-rsc, .fons-dreta-rsc {
		display: none;
	}
	
	.trapos-title {
		background: #fcc400
	}
	
	.trapos-section .icons img {
		max-width: 40px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	.trapos-section .icons.justify-content-between {
		justify-content: flex-start !important;
	}
	
	.fons-esquerra-nosotros {
		width: 100%;
		height: 300px;
		position: relative;
	}
	
	.nosotros-icono-triangulo {
		align-items: center;
	}
	
	.boton-tienda-container {
		background: #fcc400;
		padding: 15px;
	}
	
	.iconos-nosotros > div {
		text-align: center;
		margin: auto;
		margin-bottom: 30px;
		max-width: 100%;
		width: 100%;
	}
	
	#nf-field-19-wrap li label {
		font-size: 12px;
	}
	
	#menu-footer {
		display: block;
	}
	
	#menu-footer li a:after {
		content: '|';
		margin-left: 5px;
		display: none;
		text-align: center;
	}
	
	#menu-menu-1 li {
		margin: 20px 0;
	}
	
	.fons-clar-trapos {
		height: 170px;
	}
	
	
}