.elementor-17685 .elementor-element.elementor-element-f1fd8e3:not(.elementor-motion-effects-element-type-background), .elementor-17685 .elementor-element.elementor-element-f1fd8e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.afaelspinetons.org/wp-content/uploads/2022/12/BANNER_-ESPORTS.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17685 .elementor-element.elementor-element-f1fd8e3 > .elementor-background-overlay{opacity:0.85;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17685 .elementor-element.elementor-element-f1fd8e3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 254px 0px;}.elementor-17685 .elementor-element.elementor-element-bbfb228.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-17685 .elementor-element.elementor-element-f41aa77{text-align:center;}.elementor-17685 .elementor-element.elementor-element-f41aa77 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:4.8rem;font-weight:400;line-height:1.5em;color:#FFFFFF;}.elementor-17685 .elementor-element.elementor-element-f41aa77 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-17685 .elementor-element.elementor-element-1f0a50a{text-align:center;font-family:"Nunito", Sans-serif;font-size:18px;font-weight:400;line-height:1.8em;color:#FFFFFF;width:var( --container-widget-width, 800px );max-width:800px;--container-widget-width:800px;--container-widget-flex-grow:0;}.elementor-17685 .elementor-element.elementor-element-96e58c6 .elementor-menu-toggle{margin:0 auto;}.elementor-17685 .elementor-element.elementor-element-96e58c6 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-17685 .elementor-element.elementor-element-96e58c6 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-17685 .elementor-element.elementor-element-96e58c6 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-17685 .elementor-element.elementor-element-96e58c6 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-17685 .elementor-element.elementor-element-96e58c6 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-17685 .elementor-element.elementor-element-96e58c6 .elementor-nav-menu--main .elementor-item:focus{color:#E7DF34;fill:#E7DF34;}.elementor-17685 .elementor-element.elementor-element-96e58c6{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:dotted;}.elementor-17685 .elementor-element.elementor-element-96e58c6 .elementor-nav-menu--dropdown .elementor-item, .elementor-17685 .elementor-element.elementor-element-96e58c6 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-17685 .elementor-element.elementor-element-96e58c6 div.elementor-menu-toggle{color:#F8F4F4;}.elementor-17685 .elementor-element.elementor-element-96e58c6 div.elementor-menu-toggle svg{fill:#F8F4F4;}.elementor-17685 .elementor-element.elementor-element-96e58c6 div.elementor-menu-toggle:hover, .elementor-17685 .elementor-element.elementor-element-96e58c6 div.elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-17685 .elementor-element.elementor-element-96e58c6 div.elementor-menu-toggle:hover svg, .elementor-17685 .elementor-element.elementor-element-96e58c6 div.elementor-menu-toggle:focus svg{fill:#FFFFFF;}.elementor-17685 .elementor-element.elementor-element-089156b:not(.elementor-motion-effects-element-type-background), .elementor-17685 .elementor-element.elementor-element-089156b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17685 .elementor-element.elementor-element-089156b > .elementor-background-overlay{opacity:0.85;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17685 .elementor-element.elementor-element-089156b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-176px;margin-bottom:0px;padding:10px 0px 10px 0px;}.elementor-17685 .elementor-element.elementor-element-6103a76{text-align:center;}.elementor-17685 .elementor-element.elementor-element-6103a76 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:3.5rem;font-weight:400;line-height:1.5em;color:#000000;}.elementor-17685 .elementor-element.elementor-element-6103a76 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-button-content-wrapper{flex-direction:row;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-button span{gap:1px;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-field-group{padding-right:calc( 30px/2 );padding-left:calc( 30px/2 );margin-bottom:24px;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-form-fields-wrapper{margin-left:calc( -30px/2 );margin-right:calc( -30px/2 );margin-bottom:-24px;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-field-group.recaptcha_v3-bottomleft, .elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-labels-inline .elementor-field-group > label{padding-left:6px;}body:not(.rtl) .elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-labels-inline .elementor-field-group > label{padding-right:6px;}body .elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-labels-above .elementor-field-group > label{padding-bottom:6px;}body.rtl .elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-labels-inline .elementor-field-group > abbr{padding-left:6px;}body:not(.rtl) .elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-labels-inline .elementor-field-group > abbr{padding-right:6px;}body .elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-labels-above .elementor-field-group > abbr{padding-bottom:6px;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-field-group > label, .elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-field-subgroup label{color:#050000;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-field-group > label{font-family:"Roboto", Sans-serif;font-weight:600;letter-spacing:0.4px;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-field-type-html{padding-bottom:0px;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-field-group .elementor-field, .elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-field-subgroup label{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#EEEBEB;border-color:#FFFFFF;border-radius:4px 4px 4px 4px;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-field-group .elementor-select-wrapper select{background-color:#EEEBEB;border-color:#FFFFFF;border-radius:4px 4px 4px 4px;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-field-group .elementor-select-wrapper::before{color:#FFFFFF;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-button{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1.3px;border-radius:-3px -3px -3px -3px;padding:-3px -3px -3px -3px;}.elementor-17685 .elementor-element.elementor-element-c5965ac .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-button[type="submit"]{color:#ffffff;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-17685 .elementor-element.elementor-element-c5965ac .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-17685 .elementor-element.elementor-element-c5965ac .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-17685 .elementor-element.elementor-element-c5965ac .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-field-label-description .elementor-field-label{display:inline-block;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-field-label-description:after{content:'?';display:inline-block;border-radius:50%;padding:2px 0;height:1.2em;line-height:1;font-size:80%;width:1.2em;text-align:center;margin-left:0.2em;color:#ffffff;background-color:#777777;}.elementor-17685 .elementor-element.elementor-element-c5965ac .e-form__indicators__indicator, .elementor-17685 .elementor-element.elementor-element-c5965ac .e-form__indicators__indicator__label{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:600;line-height:13px;}.elementor-17685 .elementor-element.elementor-element-c5965ac{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;width:auto;max-width:auto;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-field-type-amount.elementor-field-group .dce-amount-visible{text-align:center;opacity:1;color:#FFF9F9;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:700;background-color:#0F0000;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-field-group.elementor-field-type-amount > label.elementor-field-label{width:100%;text-align:center;color:#000000;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:800;letter-spacing:0.4px;word-spacing:3px;}.elementor-17685 .elementor-element.elementor-element-c5965ac .elementor-field-type-dce_range input{opacity:1;}.elementor-17685 .elementor-element.elementor-element-c5965ac > .elementor-widget-container{margin:0px 13px 20px 15px;padding:0px 16px 20px 20px;border-style:dotted;border-width:1px 1px 1px 1px;}.elementor-17685 .elementor-element.elementor-element-c5965ac.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-17685 .elementor-element.elementor-element-f1fd8e3{padding:150px 0px 250px 0px;}.elementor-17685 .elementor-element.elementor-element-f41aa77 .elementor-heading-title{font-size:2.8rem;}.elementor-17685 .elementor-element.elementor-element-1f0a50a{font-size:16px;}.elementor-17685 .elementor-element.elementor-element-089156b{padding:150px 0px 250px 0px;}.elementor-17685 .elementor-element.elementor-element-6103a76 .elementor-heading-title{font-size:2.8rem;}}@media(max-width:767px){.elementor-17685 .elementor-element.elementor-element-f1fd8e3{padding:100px 0px 200px 0px;}.elementor-17685 .elementor-element.elementor-element-f41aa77 .elementor-heading-title{font-size:2rem;}.elementor-17685 .elementor-element.elementor-element-f41aa77 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-17685 .elementor-element.elementor-element-089156b{padding:5px 0px 5px 0px;}.elementor-17685 .elementor-element.elementor-element-6103a76 .elementor-heading-title{font-size:2rem;}.elementor-17685 .elementor-element.elementor-element-6103a76 > .elementor-widget-container{margin:0px 0px 10px 0px;}}/* Start custom CSS for form, class: .elementor-element-c5965ac */.afa-autoritzacio-text {
  margin-top: 12px!important;
  margin-bottom: 10px!important;
}

/* Títol */
.afa-autoritzacio-text h3 {
  font-size: 16px!important;
  font-weight: 600!important;
  color: #1f3c88!important;
  margin-bottom: 8px!important;
}

/* Text normal */
.afa-autoritzacio-text p {
  font-size: 14px!important;
  color: #374151!important;
  margin-bottom: 8px!important;
  line-height: 1.5!important;
}

/* Llista */
.afa-autoritzacio-text ul {
  margin: 8px 0 10px 18px!important;
  padding: 0!important;
}

.afa-autoritzacio-text li {
  font-size: 14px!important;
  color: #374151!important;
  margin-bottom: 5px!important;
}

/* Text legal (més suau) */
.afa-autoritzacio-text .legal {
  font-size: 13px!important;
  color: #6b7280!important;
}
/* =========================
   BLOCS (CASAL / MENJADOR / ACOLLIDA)
========================= */
.afa-titol-casal {
  background: #f8fafc!important;
  padding: 10px 14px!important;
  border-radius: 10px!important;
  border-left: 4px solid #1f3c88!important;

  margin-top: 12px!important;
  margin-bottom: 6px!important;
}

/* Títol */
.afa-titol-casal .titol {
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #1f3c88 !important;
  letter-spacing: 0.2px !important;
  line-height: 1.2!important;
  margin: 0!important;
}

/* Subtítol */
.afa-titol-casal .subtitol {
  font-size: 13px !important;
  color: #6b7280 !important;
  font-style: italic !important;
  margin-top: 2px !important;
  margin-bottom: 0!important;
  line-height: 1.2!important;
}


/* =========================
   ESPAIAT (ARREGLAT 🔥)
========================= */
.elementor-field-group {
  margin-bottom: 10px!important; /* 🔽 una mica més compacte */
}

.elementor-field-group:first-child {
  margin-top: 0!important;
}

.elementor-form .elementor-field-group:last-child {
  margin-bottom: 5px!important;
}


/* =========================
   RADIO BUTTONS (APP STYLE)
========================= */
.elementor-form input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
}

.elementor-field-option {
  display: inline-block!important;
  margin-right: 5px!important;
}

.elementor-field-option label {
  display: inline-block !important;
  padding: 10px 18px!important;
  margin-right: 8px!important;
  border-radius: 25px!important;
  border: 2px solid #dcdcdc!important;
  background-color: #f5f5f5!important;
  color: #444!important;
  font-size: 14px!important;
  cursor: pointer!important;
  transition: all 0.25s ease!important;
}

.elementor-field-option label:hover {
  border-color: #1f3c88!important;
  color: #1f3c88!important;
  background-color: #eef2ff!important;
}

input[type="radio"]:checked + label {
  background-color: #1f3c88!important;
  border-color: #1f3c88!important;
  color: #fff!important;
  box-shadow: 0 4px 10px rgba(31, 60, 136, 0.2)!important;
}

.elementor-field-option label:active {
  transform: scale(0.96)!important;
}


/* =========================
   INPUTS TEXT / SELECT
========================= */
.elementor-field input[type="text"],
.elementor-field input[type="email"],
.elementor-field input[type="number"],
.elementor-field input[type="date"],
.elementor-field select,
.elementor-field textarea {

  width: 100%!important;
  padding: 10px 12px!important; /* 🔥 ajust clau */
  border-radius: 8px!important; /* 🔥 més coherent */
  border: 2px solid #e0e0e0!important;
  background-color: #f9fafb!important;
  font-size: 14px!important;
  color: #333!important;
  transition: all 0.25s ease!important;
  box-shadow: none!important;
}

.elementor-field input:hover,
.elementor-field select:hover,
.elementor-field textarea:hover {
  border-color: #c7d2fe!important;
  background-color: #fff!important;
}

.elementor-field input:focus,
.elementor-field select:focus,
.elementor-field textarea:focus {
  border-color: #1f3c88 !important;
  background-color: #fff!important;
  outline: none!important;
  box-shadow: 0 0 0 3px rgba(31, 60, 136, 0.1)!important;
}

/* 🔥 MICRO UX PRO */
.elementor-field-group:focus-within .elementor-field-label {
  color: #1f3c88!important;
}

.elementor-field ::placeholder {
  color: #9ca3af!important;
}


/* =========================
   LABELS
========================= */
.elementor-field-label {
  font-weight: 500!important;
  font-size: 14px!important;
  color: #374151!important;
  margin-bottom: 6px!important;
}

.elementor-field-label .required {
  color: #e53935!important;
}


/* =========================
   TITOL SECCIÓ
========================= */
.titol-formulari {
  background: transparent!important;
  padding: 0!important;
  border: none!important;

  font-size: 26px!important;
  font-weight: 600!important;
  color: #1f3c88!important;

  margin-top: 20px!important;
  margin-bottom: 12px!important;

  letter-spacing: 0.2px!important;
  border-bottom: 1px solid #e5e7eb!important;
  padding-bottom: 6px!important;
}


/* =========================
   SELECT ARROW
========================= */
.elementor-field select {
  appearance: none!important;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23666' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7l5 5 5-5z'/%3E%3C/svg%3E")!important;
  background-repeat: no-repeat!important;
  background-position: right 10px center!important;
  background-size: 16px!important;
}/* End custom CSS */