/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
#brxe-wwcsua .custom-badge-menu{ display:none;}
.notranslate:hover{
	opacity: 0.8;
}
.brxe-container {
    padding-right: 0px !important;
    padding-left: 0px !important;
    width: 1240px !important;
}

.custom-badge-menu{
    background-color:#e9521b;
    color: var(--bricks-color-whgadb);
    text-transform:uppercase;
    font-size: 12px;
    border-radius: 100px;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    margin-top: 1
}

.lista-promociones {
    list-style: none;
    padding: 0;
    margin: 10px 10px 2px;
    
}

.lista-promociones li {
    margin-bottom:5px;
}

.lista-promociones li:hover {
}

.lista-promociones a {
    text-decoration: none;
    color: #272727;
    font-weight: 500;
    font-size: 16px;
    display: block;
}



#fluentform_3 input.ff-el-form-control,
#fluentform_3 textarea.ff-el-form-control,
#fluentform_4 input.ff-el-form-control,
#fluentform_4 textarea.ff-el-form-control{
	background: #FFFFFF !important;
	border-radius: 0px !important;
	height:51px !important;
	font-family: "Montserrat" !important;
	color: #272727;
}
#fluentform_3 button{ text-transform: uppercase;}
#fluentform_3 .wpf_has_custom_css.ff-btn-submit:hover,
#fluentform_4 button{ text-transform: uppercase;}
#fluentform_4 .wpf_has_custom_css.ff-btn-submit:hover{
	color: white;
	background:#E49134;
	border-color: #E49134;
}

#fluentform_3 .terms label, #fluentform_4 .terms label{ 
	font-size:11px !important; 
	color: white !important;
	font-family: "Montserrat" !important;
}
#fluentform_3_success, #fluentform_4_success{ color: white !important}



.fluentform .ff-text-left{ text-align:center !important;}
#fluentform_1 input.ff-el-form-control{ 
	/* UI Properties */
	background: #F1F2F7 !important;
	border-radius: 4px !important;
	height:39px !important;
	font-family: "Montserrat" !important

}
.fluentform .ff-el-group{ 
	margin-bottom:10px !important;
}
.fluentform .ff-el-group.custom-checkbox{ margin-bottom:0 !important;}
.custom-textarea{ 
	background: #F1F2F7 !important;
	border-radius: 4px !important;
	font-family: "Montserrat" !important;
	height:84px !important;
}
.custom-checkbox { margin-bottom: 0 !important}
.custom-checkbox .ff_t_c{ font-size:11px !important; line-height:14px !important}
span.ff_tc_checkbox{ padding:0 !important}
.fluentform .ff-el-form-check{ margin-bottom:0px !important}
.fluentform .ff-el-tc label.ff_tc_label>span{ padding-top:0 !important}

.fluentform .ff-el-form-check-label .ff-el-form-check-input{ top:0px !important;}
button.formulario-contacto{
	margin-top:20px;
	width: 233px !important;
	height: 49px !important;
	background: #272727 0% 0% no-repeat padding-box !important;
	border-radius: 100px !important;
	opacity: 1;
}

button.btn-submit-newsletter{
	margin:0px !important;
	width: 233px !important;
	height: 49px !important;
	background: #E9521B 0% 0% no-repeat padding-box !important;
	border-radius: 100px !important;
	border-color: #E9521B !important;
	opacity: 1;
	min-width: auto !important;
}
#fluentform_2 div.ff-el-group{ margin-bottom: 0 !important;}
#fluentform_2 input#ff_2_email{ background: transparent;border:2px solid white; border-radius:4px;color:white;width: 435px !important;}
form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit:hover{
	color: white !important;
}
#fluentform_2_success{ color:white !important; font-weight: bold;}

@media (max-width: 767px) {
	button.btn-submit-newsletter{
		width:100% !important;
		margin-top:20px !important;
	}

	#brxe-frwfmg .brx-nav-nested-items > li > .brx-submenu-toggle > *{
		padding-top: 5px !important;
		padding-bottom:5px !important; 
	}
	#brxe-frwfmg .brx-nav-nested-items > li > a {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	  }
}



/* Oculta el checkbox original */
#fluentform_3 .ff_tc_checkbox input[type="checkbox"], #fluentform_4 .ff_tc_checkbox input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	width: 0;
	height: 0;
    }
    
    /* Estilo visual del checkbox como contenedor */
    #fluentform_3 .ff-el-form-check-label,  #fluentform_4 .ff-el-form-check-label{
	display: block;
	position: relative;
    }
    
    #fluentform_3 .ff-el-form-check-label::before, #fluentform_4 .ff-el-form-check-label::before {
	display: block;
	content: '';
	position: absolute;
	width: 22px;
	inset: 0;
	left:0;
	margin-top:1px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url('data:image/svg+xml;utf8,<svg fill="%23ccc" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M384 128c70.7 0 128 57.3 128 128s-57.3 128-128 128l-192 0c-70.7 0-128-57.3-128-128s57.3-128 128-128l192 0zM576 256c0-106-86-192-192-192L192 64C86 64 0 150 0 256S86 448 192 448l192 0c106 0 192-86 192-192zM192 352a96 96 0 1 0 0-192 96 96 0 1 0 0 192z"/></svg>');
	transition: filter 0.3s ease;
	transform: rotate(0deg);

    }

    #fluentform_3 .ff_t_c, #fluentform_4 .ff_t_c{
	padding-left: 10px !important	;
    }
    
    /* Rotate the SVG 180 degrees when the checkbox is checked */
    #fluentform_3 .ff-el-form-check.ff_item_selected .ff-el-form-check-label::before, #fluentform_4 .ff-el-form-check.ff_item_selected .ff-el-form-check-label::before {
	transform: rotate(180deg);
}

    
  
  #servicios h2, #tour h2 {
	font-family: "Avenir-Black", sans-serif;
	font-size: 42px;
	line-height: 1.2;
	color: #e9521b;
	margin-top: 65px;
	margin-bottom: 65px;
  }
  
  #tour h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	color: #000000;
	margin-bottom: 65px;
  }
  
  #nuevo-proyecto-salou #tour {
	margin-bottom: 65px;
  }
  
  #servicios .servicio img {
	margin-bottom: 30px;
  }
  
  #servicios .servicio p {
	margin-top: 10px;
	font-size: 20px;
	color: #000000;
	font-weight: normal;
	position: relative;
  }
  
  #servicios .servicio p.serv {
	min-height: 55px;
	letter-spacing: 1px;
  }
  
  #servicios .servicio p.distancia {
	font-size: 20px;
	color: #000000;
	font-weight: 100;
  }
  
  #servicios .servicio p.distancia::before {
	content: '\f041';
	font-family: 'FontAwesome';
	font-size: 26px;
	position: absolute;
	top: -5px;
	color: #e9521b;
	margin-left: -18px;
	font-weight: normal;
  }
  
  #servicios .servicio p.tiempo {
	font-size: 20px;
	color: #000000;
	font-weight: 100;
	margin-bottom: 60px;
  }
  
  #servicios .servicio p.tiempo::before {
	content: '\f017';
	font-family: 'FontAwesome';
	font-size: 26px;
	position: absolute;
	top: -5px;
	color: #e9521b;
	margin-left: -28px;
	font-weight: normal;
  }
  
  #servicios .items {
	max-width: 1570px;
	margin: 0 auto;
  }
  
  #servicios .item {
	display: inline-block;
	width: 12%;
	vertical-align: top;
  }
  
  #servicios .item:last-child {
	width: 14%;
  }
  

#nuevo-proyecto-salou #servicios {padding-bottom:80px;padding-top:0px;}
#nuevo-proyecto-salou #servicios #headerNegro{color: #272727; letter-spacing: -0.66px;}
#nuevo-proyecto-salou #servicios .card{padding:30px 30px 0 30px !important;}
#nuevo-proyecto-salou #servicios #card1{padding: 30px 15px 0 15px !important;}
#nuevo-proyecto-salou #servicios #card2{padding: 30px 30px 0 45px !important;}
#nuevo-proyecto-salou #servicios #card1 .serv{line-height: 30px;}
#nuevo-proyecto-salou #servicios #card2 .serv{padding: 0px 15px !important; line-height: 30px;}
#nuevo-proyecto-salou #servicios #card3 .serv{line-height: 30px;}
#nuevo-proyecto-salou #servicios #card4 .serv{padding: 0 20px; line-height: 30px;}
#nuevo-proyecto-salou #servicios #card4 .descripcion{text-wrap: balance;}
#nuevo-proyecto-salou #servicios #card5 .serv{padding: 0 80px; line-height: 30px;}
#nuevo-proyecto-salou #servicios #card6 .serv{line-height: 30px;}

#nuevo-proyecto-salou #servicios .serv{font-size:24px !important; color:#272727;font-family: 'Montserrat Bold', sans-serif;margin-top: 15px;}
#nuevo-proyecto-salou #servicios .descripcion {color: #272727; font-size:18px; padding: 15px 0px;}



/* PLANO INTERACTIVO*/
/* Estructura general */

/* Estructura general */
#nuevo-proyecto-salou .container-fluid {
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
  }

  #nuevo-proyecto-salou .row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
	justify-content: center;
  }

  #nuevo-proyecto-salou .col-12, #nuevo-proyecto-salou .col-6 {
	padding: 15px;
	box-sizing: border-box;
  }

  #nuevo-proyecto-salou .col-12 {
	flex: 0 0 100%;
	max-width: 100%;
  }

  #nuevo-proyecto-salou .col-6 {
	flex: 0 0 50%;
	max-width: 50%;
  }
  #nuevo-proyecto-salou .col-4 {
	flex: 0 0 33%;
	max-width: 33%;
  }

  #nuevo-proyecto-salou .text-center {
	text-align: center;
  }

  #nuevo-proyecto-salou .position-relative {
	position: relative;
  }

  #nuevo-proyecto-salou .position-absolute {
	position: absolute;
  }

  #nuevo-proyecto-salou .img-fluid {
	max-width: 100%;
	height: auto;
  }

  #nuevo-proyecto-salou .custom-width {
	width: 100%;
	max-width: 1200px; /* o el valor que quieras */
	margin: 0 auto;
  }

  .overlay {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 10;
  }

  .icon-hover {
	display: block !important;
  }
  #nuevo-proyecto-salou .icono-tipo {
	position: relative;
	text-align: center;
	margin: 15px;
	width: 100%;
	max-width: 600px;
  }



#nuevo-proyecto-salou #headerNaranja{color: #E9541C; font-size: 53px; line-height: 40px;}
#nuevo-proyecto-salou #headerNegro{color: #000; font-size: 35px;}
#nuevo-proyecto-salou #consejo-desktop{color: #E9541C; font-size: 13px; font-family: 'Montserrat SemiBold', sans-serif; margin-bottom: 25px;}
#nuevo-proyecto-salou #consejo-desktop #arrow-pointer{margin-left: 5px; display: inline-block; width: 18px; height: 29px;}
#nuevo-proyecto-salou #consejo-mobile{color: #E9541C; font-size: 13px; font-family: 'Montserrat SemiBold', sans-serif; display: none;}
#nuevo-proyecto-salou #bloque1{width: 39.5%; height: 15%; 
    top: 16%;
    left: 30.5%;
    }
#nuevo-proyecto-salou #bloque2{width: 29%; height: 15%; 
    top: 30%;
    left: 36%;
    }
#nuevo-proyecto-salou #bloque3{width: 18%; height: 45%; 
    top: 45%;
    left: 41%;
}
#nuevo-proyecto-salou #bloque4{width: 15%; height: 30%; 
    top: 15%;
    left: 15.5%;
}
#nuevo-proyecto-salou #bloque5{width: 9%; height: 16%; 
    top: 45%;
    left: 15.5%;
}
#nuevo-proyecto-salou #bloque6{width: 9.5%; height: 30%; 
    top: 61%;
    left: 15.5%;
}

#nuevo-proyecto-salou #bloque7{width: 15%; height: 30%; 
    top: 15%;
    left: 69.5%; 
}
#nuevo-proyecto-salou #bloque8{width: 9%;height: 16%; 
    top: 45%;
    left: 75.5%; 
}

#nuevo-proyecto-salou #bloque9{width: 9.5%; height: 30%; 
    top: 61%;
    left: 75%; 
}

#nuevo-proyecto-salou #subplano1{width: 80%; margin-left: 12%;}
#nuevo-proyecto-salou #subplano2{width: 67%;}
#nuevo-proyecto-salou #icono-tipo-c{
	content: url('https://ferrellarpromotora.dev.iprisma.es/wp-content/uploads/2025/05/tipoC.svg');
	width: 120px !important;
	top: 53% !important;
	left: 53% !important;
	height: auto !important;
}

#nuevo-proyecto-salou #icono-tipo-a{
	content: url('https://ferrellarpromotora.dev.iprisma.es/wp-content/uploads/2025/05/tipoA.svg');
	width: 120px !important;
	top: 53% !important;
	right: 53% !important;
	left: auto !important;
	height: auto !important;
}

.bloque-hover {
	width: auto;
	z-index: 100; 
}
  
.custom-width {
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
}
  
.overlay {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
  
  #bloque1:hover ~ .seccion-tipoC .overlay,
  #bloque2:hover ~ .seccion-tipoC .overlay,
  #bloque3:hover ~ .seccion-tipoC .overlay,
  #bloque4:hover ~ .seccion-tipoA .overlay,
  #bloque5:hover ~ .seccion-tipoA .overlay,
  #bloque6:hover ~ .seccion-tipoA .overlay,
  #bloque7:hover ~ .seccion-tipoA .overlay,
  #bloque8:hover ~ .seccion-tipoA .overlay,
  #bloque9:hover ~ .seccion-tipoA .overlay {
	opacity: 1;
	transition: opacity 0.5s;
  }
  
  .icon-hover .overlay {
	opacity: 1;
	transition: opacity 0.5s;
  }
  
  #btn-visita:hover {
	text-decoration: none !important;   
	color: #E9541C !important;
  }
  #nuevo-proyecto-salou #subplano2 {
	width: 67%;
  }

  .slider-wrapper{ max-width: 1200px !important;}



  @media(min-width: 992px) AND (max-width: 1200px) {
	.slider-wrapper{ max-width: 900px !important;}

	#servicios .item {
	    width: 24%;
	}  
	#servicios .item:last-child {
	    width: 25%;
	}
  
  
  }



  @media(max-width: 767px) {
	
	.col-6 {
		flex: 0 0 100%;
		max-width: 100%;
	  }
	  .col-4 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	  }
	  
	   
	  #servicios h2, #tour h2 {
		font-size: 30px;
		
	  }
	
	  .blog-ver-promocion{ font-size:30px !important;line-height:1.2 !important;}
	#nuevo-proyecto-salou{ padding-left:20px; padding-right:20px;}
	#nuevo-proyecto-salou #servicios {width:95%;}
	#nuevo-proyecto-salou .row{ flex-direction: column;}
	#nuevo-proyecto-salou #headerNaranja{font-size: 30px; line-height: 1.2;}
	#nuevo-proyecto-salou #headerNegro{font-size: 20px; line-height: 0.8;}
	#nuevo-proyecto-salou #subplano1{width: 100%; margin-left: 0;}
	#nuevo-proyecto-salou #subplano2{width: 100%; margin-top: 10px;}
	#nuevo-proyecto-salou .icono-tipo {
		max-width: 90%;
	}

	
  }