/* @override 
	https://www.fibrava.com/wp-content/themes/fibrava/style.css?* */

/*
 Theme Name:   FIBRAVA
 Theme URI:    https://bricksbuilder.io/
 Description:  Theme Agrotecnio
 Author:       Albert Calzada
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      2.02
 Text Domain:  bricks
*/


/* ==========================================================================
   Fluid Typography Variables
   
   Mides del dissenyador:
   Desktop (1440px) → Mobile (480px)
   
   --text-l:  60px → 30px
   --text-m:  36px → 24px
   --text-s:  24px → 18px
   
   Fórmula clamp():
   clamp(min, preferred, max)
   
   preferred = min + (max - min) * ((100vw - minViewport) / (maxViewport - minViewport))
   
   Amb viewports: 480px (mobile) — 1440px (desktop)
   Diferència: 960px
   ========================================================================== */

:root {
  /* --text-l: 30px (mobile) → 60px (desktop) */
  /* Creixement: (60 - 30) / 960 = 0.03125 per px = 3.125vw per 100vw */
  /* Intercept: 30 - (0.03125 * 480) = 15 */
  --text-l: clamp(1.875rem, 0.9375rem + 3.125vw, 3.75rem);

  /* --text-m: 24px (mobile) → 36px (desktop) */
  /* Creixement: (36 - 24) / 960 = 0.0125 per px = 1.25vw per 100vw */
  /* Intercept: 24 - (0.0125 * 480) = 18 */
  --text-m: clamp(1.5rem, 1.125rem + 1.25vw, 2.25rem);

  /* --text-s: 18px (mobile) → 24px (desktop) */
  /* Creixement: (24 - 18) / 960 = 0.00625 per px = 0.625vw per 100vw */
  /* Intercept: 18 - (0.00625 * 480) = 15 */
  --text-s: clamp(1.125rem, 0.9375rem + 0.625vw, 1.5rem);
}


/* ==========================================================================
   Ús:
   
   h1, .heading-large  { font-size: var(--text-l); }
   h2, .heading-medium { font-size: var(--text-m); }
   p, .body-text       { font-size: var(--text-s); }
   
   A Bricks Builder, pots posar les variables directament
   al camp font-size de qualsevol element: var(--text-l)
   ========================================================================== */
   
   
   
   

:where(p) {
  /*margin: 0 0 0.8em;*/
}
.brx-body {
	/*min-height: 100dvh;*/
}

:where(p:last-child) {
  margin-bottom: 0;
}

#wp-admin-bar-editor_mode {
	display: none !important;
}

.subratllat_fi {
	text-decoration-line: underline;
text-decoration-thickness: 0.9px;
text-underline-offset: 5px;
}
.subratllat_fi2 {
	text-decoration-line: underline;
text-decoration-thickness: 1.25px;
text-underline-offset: 3px;
}

* {
	text-decoration-thickness: 0.7px !important;
	text-underline-offset: 4px;
}


a .link_subratllat, a.link_subratllat, .link_subratllat a {
	text-decoration: underline;
}



.link_hover_subratllat:hover div, a.link_hover_subratllat:hover {
	text-decoration-line: underline;
}

footer .lofooter a:hover {
	text-decoration: underline;
}
.menumobile .bricks-menu-item a {
	width: auto;
	display: inline;
}
footer #menu-menu-legalitat {
	flex-wrap: wrap;
}
/* video background css */

.video-bg__media {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  
}
.video-bg__media video {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  max-width: none;
}
@supports (object-fit: cover) {
  .video-bg__media video {
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
}
@supports (object-fit: cover) and (-ms-ime-align: auto) {
  .video-bg__media video {
    height: auto;
    width: auto;
  }
}
.video-bg__media img {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .video-bg__media video {
    visibility: hidden;
  }
  .video-bg__media img {
    display: block;
    position: absolute;
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
}


.video-bg__media:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.31);
	z-index: 12;
}



/* FORM CONTACTO */
.gform_required_legend {
	display: none;
}
/* deshabilitar chrome estils formularis */


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 0px white inset !important;
	box-shadow: none !important;
	outline: none !important;
	
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
 -webkit-box-shadow: 0 0 0 0px white inset !important;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: none !important;
  outline: none !important;
  
}
:focus, :focus-visible{
   -webkit-box-shadow: 0 0 0 0px white inset !important;
	box-shadow: none !important;
	outline: none !important;
	/*border-color: #000 !important;*/

}
.gform_wrapper *:focus,
.gform_wrapper *:focus-visible,
.gform_wrapper *:focus-within {
    outline: 0 !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    border-color: transparent !important;
}
.gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) {
    /*line-height: 1 !important;*/

}

.form_fibrava div.gform_fields input, .form_fibrava div.gform_fields textarea, .form_fibrava div.gform_fields select {
	
border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background-color: rgba(255, 255, 255, 0);
border-color: #1F1F21 !important;
color: #1F1F21;
font-size: var(--text-s);
border-right-style: none;
border-left-style: none;
box-shadow: none !important;
padding-left: 0;
height: 40px;
font-weight: normal;
border-top-style: none;
font-style: normal;
padding-bottom: 9px;
}
 .form_fibrava div.gform_fields textarea {
 	height: 100px;
 	border-top: 1px solid #000 !important;
 	border-top: 1px solid #000;
 	line-height: 1.1em !important;
 	resize: none;
 }
.form_fibrava .ginput_container_fileupload input {
width: 100% !important;
}

.form_fibrava input::-webkit-input-placeholder { /* Edge */
color: rgba(0, 0, 0, 0.3);
  	font-weight: 400 !important;
	font-style: normal !important;
	opacity: 1 !important;
	 font-size: var(--text-s);
}

.form_fibrava input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: rgba(0, 0, 0, 0.3);  
  	font-weight: 400 !important;
	font-style: normal !important;
	opacity: 1 !important;
font-size: var(--text-s);
}

.form_fibrava input::placeholder, .form_fibrava textarea::placeholder{
color: rgba(0, 0, 0, 0.3);  
  	font-weight: 400 !important;
	font-style: normal !important;
	opacity: 1 !important;
font-size: var(--text-s);
}

 .gfield_consent_description {
	border: none !important;
	padding: 0 !important;
	 color: #1F1F21 !important;	
  	font-weight: normal !important;
	font-style: normal !important;
 	overflow: visible !important;
  margin-bottom: 30px !important;
  font-weight: 400 !important;
  letter-spacing: 0;
  min-height: auto !important;
  height: auto !important;
  max-height: inherit !important;
  line-height: 1.3em !important;
  font-size: 10px !important;
  margin-top: 0 !important;
 } 
 .gfield_consent_description a:hover {
 	text-decoration: underline;
 }
.ginput_container_consent input {
	border: 1px solid #1F1F21 !important;
	height: 15px !important;
	min-height: 15px !important;
	max-height: 15px !important;
	max-width: 15px !important;
	min-width: 15px !important;
	width: 15px !important; 
	border-radius: 100% !important;
}

fieldset.gfield--type-consent div.ginput_container.ginput_container_consent:hover, fieldset.gf_campo_check_newsletter .gchoice:hover {
	cursor: pointer;
}
.form_fibrava label.gfield_label.gform-field-label {
color: #2A2A2A;
font-weight: 400;
	font-size: 16px;
margin-bottom: 3px;
display: none;
}
.form_fibrava legend.gfield_label.gform-field-label.gfield_label_before_complex {
	text-transform: uppercase;	font-size: 17px;
}
fieldset.gfield--type-consent div.ginput_container.ginput_container_consent label  {
		letter-spacing: 0;
	margin-left: 4px;
	color: #1F1F21;
	margin-top: 0;
	font-size: 12px;
	line-height: 12px;
}
fieldset.gfield--type-consent div.ginput_container.ginput_container_consent {
	display: flex;
	align-items: center;
	gap: 4px;
}
fieldset.gfield--type-consent div.ginput_container.ginput_container_consent label a:hover {
	text-decoration: underline;
}
.gform-theme--framework input[type="checkbox"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before  {
	background-color: #1F1F21;
	border-radius: 100%;
	border: 1px solid #1F1F21 !important;
	height: 15px !important;
	min-height: 15px !important;
	max-height: 15px !important;
	max-width: 15px !important;
	min-width: 15px !important;
	width: 15px !important; 
	content: "" !important;
	margin-top: 10px !important;
}
.gfield_required.gfield_required_asterisk {
	
	display: none !important;
}

.gform-theme--framework input[type="checkbox"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before { 
color: #1F1F21 !important;

}
.form_fibrava div.gform_footer {
	margin-top: -30px;
	width: auto !important;
	min-width: auto;
	display: flex;
	justify-content: flex-end;
	position: relative;
	
}
.form_fibrava input.gform_button.button {
		cursor: pointer;
	font-size: var(--text-m) !important;
	transition: all 0.3s ease-in-out !important;
	align-items: center;
  
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  
  padding: 0 !important;
	text-align: center;
  font-weight: normal !important;
  color: #1F1F21 !important;
  border-radius: 10px !important;
  background-color: rgba(178, 216, 134, 0) !important;
  line-height: 1em;
  border: 1px solid rgba(179, 141, 60, 0) !important;
  box-shadow: none !important;
  font-style: normal;
}

.form_fibrava input.gform_button.button:hover {
		cursor: pointer;
	transition: all 0.3s ease-in-out !important;
	background-color: var(--bricks-color-sqhhyn) !important;
	color: #000 !important;
	
}
.gform-theme--foundation .gform_fields {
	row-gap: 40px !important;
}

.gform-theme--framework .gfield_validation_message:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	color: #000 !important;
}

div.gform_validation_errors {
	background-color: rgba(0, 0, 0, 0.02) !important;
}
.gform-theme--framework .gform_validation_errors, .gform-theme--framework .gform_validation_errors h2{
	border-color: #000 !important;
	color: #000 !important;
}
/* formulario  */


fieldset#field_1_7.gfield.gfield--type-consent.gfield--type-choice.gfield--input-type-consent.gfield_contains_required.field_sublabel_below.gfield--has-description.field_description_above.hidden_label.field_validation_below.gfield_visibility_visible {
	width: 100%;
}

/* img zoom */
.wrap_hover_img_zoom:hover .wrap_img_zoom img {
  transform: scale(1.08);
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.wrap_hover_img_zoom .wrap_img_zoom {
	overflow: hidden;
}
.wrap_hover_img_zoom .wrap_img_zoom img {
  transform: scale(1);
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}


:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu {
	min-width: 15px !important;
    
}
  
.text-llistapunts ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 21px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

@media (max-width: 1024px) {
.form_fibrava div.gform_footer {
	margin-top: 40px;
	width: auto !important;
	min-width: auto;
	display: flex;
	justify-content: flex-start;
	position: relative;
	
}
.gfield_consent_description {
	font-size: 9px;
}
}@media (max-width: 1124px) {

}