.elementor-kit-6{--e-global-color-primary:#22201F;--e-global-color-secondary:#22201F;--e-global-color-text:#22201F;--e-global-color-accent:#DD1A33;--e-global-color-1d9e542:#FFFFFF;--e-global-color-a259140:#EBEBEB;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Krub";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Krub";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Space Grotesk";--e-global-typography-accent-font-weight:500;--e-global-typography-52d9869-font-family:"Space Grotesk";--e-global-typography-52d9869-font-size:60px;--e-global-typography-52d9869-font-weight:700;--e-global-typography-52d9869-text-transform:uppercase;--e-global-typography-e217248-font-family:"Krub";--e-global-typography-e217248-font-size:16px;--e-global-typography-e217248-font-weight:400;--e-global-typography-e217248-line-height:1.5em;--e-global-typography-b2063ac-font-family:"Krub";--e-global-typography-b2063ac-font-size:16px;--e-global-typography-b2063ac-font-weight:700;--e-global-typography-073cce2-font-family:"Space Grotesk";--e-global-typography-073cce2-font-size:25px;--e-global-typography-073cce2-font-weight:bold;--e-global-typography-8f063e6-font-family:"Space Grotesk";--e-global-typography-8f063e6-font-size:14px;--e-global-typography-8f063e6-font-weight:400;--e-global-typography-8f063e6-text-transform:uppercase;color:var( --e-global-color-primary );font-family:var( --e-global-typography-e217248-font-family ), Sans-serif;font-size:var( --e-global-typography-e217248-font-size );font-weight:var( --e-global-typography-e217248-font-weight );line-height:var( --e-global-typography-e217248-line-height );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#02010100;font-family:var( --e-global-typography-b2063ac-font-family ), Sans-serif;font-size:var( --e-global-typography-b2063ac-font-size );font-weight:var( --e-global-typography-b2063ac-font-weight );color:var( --e-global-color-1d9e542 );border-style:none;border-radius:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-accent );}.elementor-kit-6 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-52d9869-font-family ), Sans-serif;font-size:var( --e-global-typography-52d9869-font-size );font-weight:var( --e-global-typography-52d9869-font-weight );text-transform:var( --e-global-typography-52d9869-text-transform );}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-52d9869-font-family ), Sans-serif;font-size:var( --e-global-typography-52d9869-font-size );font-weight:var( --e-global-typography-52d9869-font-weight );text-transform:var( --e-global-typography-52d9869-text-transform );}.elementor-kit-6 h3{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:6%;--container-default-padding-right:6%;--container-default-padding-bottom:6%;--container-default-padding-left:6%;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-52d9869-font-size:45px;font-size:var( --e-global-typography-e217248-font-size );line-height:var( --e-global-typography-e217248-line-height );}.elementor-kit-6 h1{font-size:var( --e-global-typography-52d9869-font-size );}.elementor-kit-6 h2{font-size:var( --e-global-typography-52d9869-font-size );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-b2063ac-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-52d9869-font-size:35px;font-size:var( --e-global-typography-e217248-font-size );line-height:var( --e-global-typography-e217248-line-height );}.elementor-kit-6 h1{font-size:var( --e-global-typography-52d9869-font-size );}.elementor-kit-6 h2{font-size:var( --e-global-typography-52d9869-font-size );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-b2063ac-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}}
/* Start custom CSS */.elementor-widget-text-editor p:last-child {
    margin-bottom: 0 !important;
}
.entry-title{
    display: none !important;
}
/* =============================================
   ESTIL DE BOTÓ COMPLEX (BICOLOR AMB FLETXA)
   Classes a usar: .boto-fletxa + (.fletxa-blanca o .fletxa-vermella)
   ============================================= */

/* 1. Estructura base del botó */
.boto-fletxa .elementor-button {
    display: inline-flex !important;
    align-items: stretch !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #DD1A33 !important;
    background-color: transparent;
    border-radius: 12px !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

/* 2. El text del botó */
.boto-fletxa .elementor-button-text {
    padding: 14px 28px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    font-weight: 600;
}

/* 3. El quadrat de la fletxa (Pseudo-element) */
.boto-fletxa .elementor-button::after {
    content: "";
    display: block;
    width: 55px !important; 
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px !important; 
    transition: all 0.3s ease;
}

/* ---------------------------------------------
   VARIANT 1: FLETXA BLANCA (Cos transparent / Vora Blanca / Icona fons blanc)
   --------------------------------------------- */
.fletxa-blanca .elementor-button {
    background-color: transparent !important;
    border-color: #ffffff !important;
}

.fletxa-blanca .elementor-button-text {
    color: #ffffff !important;
}

.fletxa-blanca .elementor-button::after {
    background-image: url('/wp-content/uploads/2026/04/arrw2.svg') !important;
    background-color: #ffffff !important;
}

/* ---------------------------------------------
   VARIANT 2: FLETXA VERMELLA (Cos transparent / Icona vermella / Text blanc)
   --------------------------------------------- */
.fletxa-vermella .elementor-button {
    background-color: transparent !important;
    border-color: #DD1A33 !important;
}

.fletxa-vermella .elementor-button-text {
    color: #ffffff !important; /* TEXT CANVIAT A BLANC */
}

.fletxa-vermella .elementor-button::after {
    background-image: url('/wp-content/uploads/2026/04/arrw1.svg') !important;
    background-color: #D61B2E !important;
}

/* 4. Efectes d'interacció (Hover) */
.boto-fletxa .elementor-button:hover::after {
    background-position: calc(50% + 3px) center;
}

/* =============================================
   ESTIL ESPECÍFIC PER AL BOTÓ D'ENVIAR (FORM)
   Color: #22201F
   ============================================= */

/* 1. Contenidor del botó de l'enviament */
.elementor-field-type-submit .elementor-button {
    display: inline-flex !important;
    align-items: stretch !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #22201F !important; /* Vora fosca */
    background-color: transparent !important;
    border-radius: 12px !important;
    transition: all 0.3s ease;
}

/* 2. Amagar la icona SVG nativa del formulari */
.elementor-field-type-submit .elementor-button-icon {
    display: none !important;
}

/* 3. El text del botó Enviar */
.elementor-field-type-submit .elementor-button-text {
    padding: 14px 28px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    font-weight: 600;
    color: #22201F !important; /* TEXT EN COLOR FOSC */
    flex-grow: 1;
}

/* 4. El quadrat de la fletxa (Pseudo-element) */
.elementor-field-type-submit .elementor-button::after {
    content: "";
    display: block;
    width: 55px !important;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px !important;
    background-color: #22201F !important; /* Fons fosc quadrat */
    background-image: url('/wp-content/uploads/2026/04/arrw1.svg') !important; /* Fletxa blanca */
    transition: all 0.3s ease;
}

/* 5. Efecte Hover */
.elementor-field-type-submit .elementor-button:hover::after {
    background-position: calc(50% + 3px) center;
}/* End custom CSS */