/*----------------------------------------------------------------------------------------------------------------------------
A BRAND NEW START
CSS ganeshaproduccions v.25.10 OCT25
----------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
ROOT VARIABLES
--------------------------------------------------------------*/
:root{
    --radius-medium: 24px;
    --radius-huge: 32px;
    --radius-total: 100vw;
    --transition-all: all 0.3s ease-in-out;

    --font-body: "Poppins", Arial, Helvetica, sans-serif;

    /* SIZES SYSTEM BASED NEW DESIGN */
    --font-huge: var(--font-h1);
    --font-h1: clamp(3.25rem, 2.833rem + 1.39vw, 3.875rem); /*62 --> 52*/
    --font-h2: clamp(2.625rem, 2.208rem + 1.39vw, 3.25rem); /*52 --> 42*/
    --font-h3: clamp(2rem, 1.583rem + 1.39vw, 2.625rem); /*42 --> 32*/
    --font-h4: clamp(1.625rem, 1.375rem + 0.83vw, 2rem); /*32--> 26*/
    --font-h5: clamp(1.313rem, 1.188rem + 0.42vw, 1.5rem); /*24--> 21*/
    --font-base: clamp(1.063rem, 1.04rem + 0.11vw, 1.125rem); /*18 --> 17*/
    --font-small: clamp(0.813rem, 0.771rem + 0.14vw, 0.875rem); /*14 --> 13*/

    --font-height-body: 1.5;
    --font-height-heading: 1.2;
}

@media screen and (min-width: 1025px) {
    :root{
        --font-huge: calc(var(--font-h1) * 1.2);
    }
}


/*--------------------------------------------------------------
TYPOGRAPHY
--------------------------------------------------------------*/
h1,
.fusion-modal h1,
.fusion-page-title-bar h1,
.fusion-tb-footer h1,
.fusion-tb-page-title-bar h1,
.fusion-title h1,
.fusion-widget-area h1,
.post-content h1,
.search-page-search-form h1,
.fusion-page-title-bar .fusion-page-title-row h1{
    font-weight: var(--font-bold);
    line-height: 1.1 !important;
}
h2,
.ei-title h2,
.main-flex .slide-content h2,
.post h2,
.post-content h2{
    font-weight: var(--font-bold);
}
h3,
.fusion-post-content h3,
.fusion-title h3,
.person-author-wrapper span,
.post-content h3,
.project-content h3,
.sidebar .widget h3,
.title h3{
    font-weight: var(--font-bold);
}
h4,
.fusion-project-details-tb .project-info h4,
.fusion-theme-sharing-box h4,
.fusion-title h4,
.fusion-widget-area h4,
.post-content h4,
.project-content .project-info h4{
    font-weight: var(--font-bold);
}
h5,
.fusion-post-content h5,
.fusion-title h5,
.fusion-widget-area h5,
.post-content h5,
.title h5{
    font-weight: var(--font-bold);
}
.h5-style{
    font-size: var(--font-h5) !important;
}

@media screen and (max-width: 767px) {
    .h5-style{
        font-size: var(--font-h5) !important;
    }
}

/*--------------------------------------------------------------
SPACING BLOCKS
--------------------------------------------------------------*/
.awb-off-canvas .fusion-fullwidth,
.fusion-tb-footer .fusion-fullwidth,
.fusion-tb-header .fusion-fullwidth,
.fusion-tb-page-title-bar .fusion-fullwidth,
.width-100 .fusion-fullwidth{
    --awb-padding-top: calc(var(--break) * 6.5);
    --awb-padding-bottom: calc(var(--break) * 6);
    padding-top: var(--awb-padding-top);
    padding-bottom: var(--awb-padding-bottom) !important;
}

@media screen and (max-width: 1024px) {
    .awb-off-canvas .fusion-fullwidth,
    .fusion-tb-footer .fusion-fullwidth,
    .fusion-tb-header .fusion-fullwidth,
    .fusion-tb-page-title-bar .fusion-fullwidth,
    .width-100 .fusion-fullwidth{
        --awb-padding-top: calc(var(--break) * 3.5);
        --awb-padding-bottom: calc(var(--break) * 3);
    }
}

/*--------------------------------------------------------------
FLOW & SPACING
--------------------------------------------------------------*/
.post-content * + :where(h1, h2, h3, h4, h5, [class$="-style"]){
    margin-block-start: var(--break);
}
@media screen and (min-width: 64.063em) {
    .post-content * + :where(h1, h2, h3, .h1-style, .h2-style, .h3-style){
        margin-block-start: calc(var(--break) / 1);
    }
}
.post-content * + :where(p, ul, ol, button, h6, .h6-style){
    margin-block-start: var(--break);
}
.post-content :where(p,ol,ul) + :where(h1, h2, h3, h4, h5, h6, [class$="-style"]){
    margin-block-start: calc(var(--break) * 0.75);
}
.post-content :where(p,ol,ul) + p[class$="-style"]{
    margin-block-start: var(--break);
}
.fusion-post-content p,
.post-content p,
.fusion-post-content p[class*="-style"],
.post-content p[class*="-style"] {
  margin-bottom: 0;
  margin-block-start: calc(var(--break) / 1.5)
}
.post-content ul:not(.inline-list) li + li{
    margin-block-start: var(--break);
}
.post-content li li + li{
    margin-block-start: calc(var(--break) / 0.75);
}
.post-content :where(p, ul, ol, h1, h2, h3, h4, h5, h6, [class$="-style"]) + :where(div, section, img, figure, embed, video, table, form, button),
.post-content :where(div, section, img, figure, embed, video, table, form, button) + :where(p, ul, ol, h1, h2, h3, h4, h5, h6, [class$="-style"]){
    margin-block-start: calc(var(--break) * 1.5)
}
.post-content :where(div, section, img, figure, embed, video, table, form, button) + .list-zero-margin{
    margin-block-start: var(--break)
}


/*--------------------------------------------------------------
SPACINGS
--------------------------------------------------------------*/
.spacing{
    margin-block-start: calc(var(--break) * 3.5);
    margin-block-end: calc(var(--break) * 3.5);
}
.spacing-start{
    margin-block-start: calc(var(--break) * 3.5);
}
.spacing-end{
    margin-block-end: calc(var(--break) * 3.5);
}
.spacing-start-half{
    margin-block-start: calc(var(--break) * 1.5);
}
.spacing-end-half{
    margin-block-end: calc(var(--break) * 1.5);
}

@media screen and (max-width: 1024px) {
    .spacing{
        margin-block-start: calc(var(--break) * 2.5);
        margin-block-end: calc(var(--break) * 2.5);
    }
    .spacing-start{
        margin-block-start: calc(var(--break) * 2.5);
    }
    .spacing-end{
        margin-block-end: calc(var(--break) * 2.5);
    }
}


/*--------------------------------------------------------------
SPECIAL FEATUREDS
--------------------------------------------------------------*/
[id] {
    scroll-margin-top: 6ex;
}
.intro{
    max-width: 700px;
}
.intro-wide{
    max-width: 1200px;
}
.text-color-contrast{
    color: var(--color-contrast);
}
.teorica{
    text-decoration: underline;
    text-decoration-color: var(--color-flames);
}
.practica{
    text-decoration: underline;
    text-decoration-color: var(--color-leaf);
}
.huge-number{
    font-size: 100px;
    font-weight: var(--font-bold);
    color: var(--color-leaf);
    line-height: 1;
}
.huge-number + :where(h2, h3, font-h4){
    margin-block-start: calc(var(--break) / 2);
}
.overlay-link{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    inset: 0;
}
.text-in-columns > .fusion-column-wrapper .fusion-text + .fusion-text{
    margin-block-start: calc(var(--break) * 2.5);
}
.bordered .fusion-imageframe img,
.bordered.fusion-imageframe img{
    border-radius: var(--radius-huge);
}
.illustration-detail img{
    width: 100%;
    max-height: 220px;
    margin-block-end: var(--break)
}

@media screen and (min-width: 64.063em) {
    .cards.with-4-items .fusion-builder-row .illustration-detail img{
        max-height: 175px;
    }
    .text-in-columns > .fusion-column-wrapper{
        display: inline-block!important;
        column-count: 2;
        column-gap: calc(var(--break) * 2.5);
    }
}


/*--------------------------------------------------------------
ICONS
--------------------------------------------------------------*/
:where(.check-list, .cross-list, .check-cross-list, .info-list){
    list-style: none;
    padding-left: 0;
}
:where(.check-list, .cross-list, .check-cross-list, .info-list) li{
    position: relative;
    padding-inline-start: calc(0.5ch + 24px);
}
:where(.check-list, .cross-list, .check-cross-list, .info-list) li::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url("https://raccautoescuela.es/wp-content/uploads/2025/09/icon_check-circle.svg") no-repeat center;
    background-size: contain;
}
.cross-list li::before,
.check-cross-list li.cross::before{
    background-image: url("https://raccautoescuela.es/wp-content/uploads/2025/09/icon_cross-circle.svg");
}
.info-list{
    margin-block-start: calc(var(--break) * 2);
}
.info-list li{
    padding-inline-start: calc(1ch + 34px);
    /*gap: calc(var(--break) / 1.5);*/
    line-height: 1.8;
}
.info-list li span strong{
    display: block;
}
.info-list li::before{
    width: 34px;
    height: 34px;
}
.info-list li.phone::before{
    background-image: url("https://raccautoescuela.es/wp-content/uploads/2025/09/icon_phone.svg");
}
.info-list li.envelope::before{
    background-image: url("https://raccautoescuela.es/wp-content/uploads/2025/09/icon_envelope.svg");
}
.info-list li.pin::before{
    background-image: url("https://raccautoescuela.es/wp-content/uploads/2025/09/icon_pin.svg");
}
.info-list li.calendar::before{
    background-image: url("https://raccautoescuela.es/wp-content/uploads/2025/09/icon_calendar.svg");
}
.info-list li.clock::before{
    background-image: url("https://raccautoescuela.es/wp-content/uploads/2025/09/icon_clock.svg");
}



/*--------------------------------------------------------------
BUTTONS
--------------------------------------------------------------*/
.fusion-button.fusion-button-default {
    font-size: var(--font-base);
    font-weight: var(--font-semibold);
    margin-block-start: calc(var(--break) * 1.5);
    padding: calc(var(--break) * 1.25) calc(var(--break) * 2);
    border-radius: var(--radius-medium);
}

/*--------------------------------------------------------------
BOX BUTTON
--------------------------------------------------------------*/
.box-button-wrapper .fusion-column-wrapper{
    display: flex;
    flex-direction: column;
    gap: calc(var(--break) * 2);
}
.box-button{
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: calc(var(--break) * 1.5);
    margin: 0;
    padding: calc(var(--break) * 1.5);
    background-color: var(--color-racc);
    border-radius: var(--radius-huge);
    transition: var(--transition-all);
    overflow: clip;
}
.box-button:is(:hover, :focus-visible){
    background-color: var(--color-racc-sahara);
}
.box-button .content p{
    margin-block-start: calc(var(--break) / 3);
}
.box-button button{
    display: flex;
    width: fit-content;
    align-items: center;
    justify-content: space-between;
    background-color: var(--color-base);
    color: var(--color-contrast);
    border-radius: var(--radius);
    padding: calc(var(--break) / 2) var(--break);
    border: none;
    box-shadow: none;
    overflow: clip;
    outline: none;
    transition: width 0.5s ease;
}
.box-button button img{
    position: relative;
    width: 28px;
}
.box-button button span{
    font-size: var(--font-base);
    overflow: hidden;
    max-width: 0;
    white-space: nowrap;
    transition: max-width 0.5s ease,
                margin-right 0.2s ease 0.3s;
}
.box-button:is(:hover, :focus-visible) button span{
    max-width: 15rem;
    margin-right: 0.5rem;
    transition: max-width 0.5s ease,
                margin-right 0.2s ease;
}
.box-button img{
    transition: var(--transition-all);
}
.box-button:is(:hover, :focus-visible) img{
    transform: scale(1.12);
}

@media screen and (min-width: 601px) {
    .box-button{
        grid-template-columns: 1.25fr 1fr;
    }
}
@media screen and (max-width: 1024px) {
    .box-button-wrapper{
        margin-block-start: calc(var(--break) * 2.5);
    }
}
@media screen and (max-width: 600px) {
    .box-button .content + img{
        max-width: 60vw;
        margin-inline: auto;
    }
}


/*--------------------------------------------------------------
CARDS
--------------------------------------------------------------*/
.cards .fusion-builder-row{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}
.cards .fusion-builder-row + *{
    margin-block-start: calc(var(--break) * 2);
}
.cards .fusion-builder-row :where(.boxed, .unboxed){
    width: 100%
}

@media screen and (min-width: 1201px) {
    .cards.with-items .fusion-builder-row:has(> :nth-child(3)),
    .cards:where(.with-3-items, .with-6-items) .fusion-builder-row{
        grid-template-columns: repeat(3, 1fr);
    }
    .cards.with-4-items .fusion-builder-row{
        grid-template-columns: repeat(4, 1fr);
    }

    .cards.with-items .fusion-builder-row:has(> :nth-child(1):last-child){
        grid-template-columns: 1.5fr 1fr 1.5fr;
    }
    .cards.with-1-item .fusion-builder-row{
        grid-template-columns: 0.5fr 2fr 0.5fr;
    }
    .cards.with-items .fusion-builder-row:has(> :nth-child(1):last-child) .fusion-layout-column,
    .cards.with-1-item .fusion-layout-column{
        grid-area:  1 / 2 / 2 / 3;
    }

    .cards.with-items .fusion-builder-row:has(> :nth-child(2):last-child),
    .cards.with-2-items .fusion-builder-row{
        grid-template-columns: 0.5fr repeat(2, 1fr) 0.5fr;
    }
    .cards.with-items .fusion-builder-row:has(> :nth-child(2):last-child) .fusion-layout-column:first-child,
    .cards.with-2-items .fusion-layout-column:first-child{
        grid-area: 1 / 2 / 2 / 3;
    }
    .cards.with-items .fusion-builder-row:has(> :nth-child(2):last-child) .fusion-layout-column:last-child,
    .cards.with-2-items .fusion-layout-column:last-child{
        grid-area: 1 / 3 / 2 / 4;
    }

    .cards.with-3-items.grid-style .fusion-builder-row{
        grid-template-columns: 1.5fr 1fr;
    }
    .cards.with-3-items.grid-style .fusion-layout-column:first-child{
        grid-area: 1 / 1 / 3 / 2;
    }
    .cards.with-3-items.grid-style .fusion-layout-column:first-child .fusion-column-wrapper{
        justify-content: flex-end;
    }
    .cards.with-3-items.grid-style .fusion-layout-column:nth-child(2){
        grid-area: 1 / 2 / 2 / 3;
    }
    .cards.with-3-items.grid-style .fusion-layout-column:last-child{
       grid-area: 2 / 2 / 3 / 3;
    }
}
@media screen and (max-width: 1200px) and (min-width: 767px) {
    .cards.with-items .fusion-builder-row:has(> :nth-child(2)),
    .cards:where(.with-2-items, .with-3-items, .with-4-items, .with-6-items) .fusion-builder-row{
        grid-template-columns: repeat(2, 1fr);
    }
    .cards.with-3-items.grid-style .fusion-layout-column:first-child{
        grid-area: 1 / 1 / 2 / 3;
    }
    .cards.with-3-items.grid-style .fusion-layout-column:nth-child(2){
        grid-area: 2 / 1 / 3 / 2;
    }
    .cards.with-3-items.grid-style .fusion-layout-column:last-child{
       grid-area: 2 / 2 / 3 / 3;
    }
}


/*--------------------------------------------------------------
BOXED & UNBOXED
--------------------------------------------------------------*/
.unboxed > .fusion-column-wrapper{
    padding: var(--break) calc(var(--break) * 1.5)
}
.boxed > .fusion-column-wrapper:not(:empty){
    background-color: var(--color-contrast);
    border-radius: var(--radius-huge);
    padding: calc(var(--break) * 2) calc(var(--break) * 1.5)
}
.boxed > .fusion-column-wrapper:not(:empty):is(:hover, :focus-visible){
    background-color: var(--color-contrast);
}
.boxed > .fusion-column-wrapper h3 + h4{
    margin-block-start: calc(var(--break) / 4);
}
.boxed.leaf > .fusion-column-wrapper:not(:empty),
.boxed.leaf > .fusion-column-wrapper:not(:empty):is(:hover, :focus-visible){
    background-color: var(--color-leaf);
}
.boxed.pack > .fusion-column-wrapper:not(:empty){
    border:  3px solid var(--color-fog);
}
.boxed.pack > .fusion-column-wrapper h3:not(.h2-style){
    font-size: var(--font-huge) !important;
    line-height: 0.9 !important;
}
.boxed.pack > .fusion-column-wrapper h3 + p,
.boxed.pack > .fusion-column-wrapper h4 + p{
    margin-block-start: calc(var(--break) * 3);
}
.boxed.pack > .fusion-column-wrapper ul + *{
    margin-block-start: calc(var(--break) * 2);
}
.boxed.pack > .fusion-column-wrapper .fusion-text + div{
    margin-block-start: auto;
    padding-top: calc(var(--break) / 1.5);
}
.boxed.pack > .fusion-column-wrapper .fusion-button.fusion-button-default{
    width: 100%;
    cursor: default;
}
.boxed.pack > .fusion-column-wrapper .fusion-button.fusion-button-default.transparent,
.boxed.pack > .fusion-column-wrapper .fusion-button.fusion-button-default.transparent:is(:hover, :focus-visible){
    background-color: transparent;
}

/*--------------------------------------------------------------
STRIPES
--------------------------------------------------------------*/
[class*="stripes"] > .fusion-column-wrapper{
    position: relative;
    isolation: isolate;
}
[class*="stripes"] > .fusion-column-wrapper::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-repeat: no-repeat;
}
.bordered[class*="stripes"] > .fusion-column-wrapper::after{
    border-radius: var(--radius-huge);
}

.stripes1 > .fusion-column-wrapper::after{
    /*background-position:
        top -250px left -90px,
        bottom -180px right -120px;
    background-size: 580px, 570px;*/
    background-image:
        url("https://raccautoescuela.es/wp-content/uploads/2025/10/stripe-lavander_rotation1.svg"),
        url("https://raccautoescuela.es/wp-content/uploads/2025/10/stripe-flames_rotation1.svg");
    background-position:
        top -10.85vw left -3.90vw,
        bottom -7.81vw right -5.29vw;
    background-size: 25.16vw, 24.738vw;
}
.stripes2 > .fusion-column-wrapper::after{
    /*background-position:
        top -230px left -90px,
        top -40px right -250px,
        bottom -140px right 500px;
    background-size: 650px, 520px, 670px;*/
    background-image:
        url("https://raccautoescuela.es/wp-content/uploads/2025/10/stripe-leaf_rotation1.svg"),
        url("https://raccautoescuela.es/wp-content/uploads/2025/10/stripe-flames_rotation2.svg"),
        url("https://raccautoescuela.es/wp-content/uploads/2025/10/stripe-lavander_rotation2.svg");
    background-position:
        top -9.54vw left -3.90vw,
        top -1.73vw right -10.85vw,
        bottom -6.07vw right 21.70vw;
    background-size: 28.20vw, 22.565vw, 29.078vw;
}
.stripes3 > .fusion-column-wrapper::after{
    /*background-position:
        top -140px right -180px,
        bottom -180px left 20px;
    background-size: 430px, 670px;*/
    background-image:
        url("https://raccautoescuela.es/wp-content/uploads/2025/10/stripe-leaf_rotation2.svg"),
        url("https://raccautoescuela.es/wp-content/uploads/2025/10/stripe-yellow_rotation1.svg");
    background-position:
        top -6.07vw right -7.81vw,
        bottom -7.11vw  left 0.866vw;
    background-size: 18.66vw, 29.078vw;
}
.stripes4 > .fusion-column-wrapper::after{
    /*background-position:
        top -250px left -90px,
        bottom -220px right -120px;
    background-size: 580px, 570px;*/
    background-image:
        url("https://raccautoescuela.es/wp-content/uploads/2025/10/stripe-yellow_rotation2.svg"),
        url("https://raccautoescuela.es/wp-content/uploads/2025/10/stripe-lavander_rotation3.svg");
    background-position:
        top -10.85vw left -3.90vw,
        bottom -9.54vw right -5.29vw;
    background-size: 25.16vw, 24.738vw;
}






/*--------------------------------------------------------------
OVERLAY
--------------------------------------------------------------*/
.overlay > .fusion-column-wrapper{
    position: relative;
    isolation: isolate;
}
.overlay > .fusion-column-wrapper::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.15);
    z-index: 10;
}


/*--------------------------------------------------------------
HEROINE
--------------------------------------------------------------*/
.heroine .fusion-builder-row{
    display: grid;
    grid-template-columns: calc(var(--break) * 3) 1fr calc(var(--break) * 3);
    grid-template-rows: calc(var(--break) * 3) 1fr calc(var(--break) * 3);
    isolation: isolate;
}
.heroine .fusion-builder-row > :where(.backgrounds, .content){
    width: 100%;
    height: 100%;
}
.heroine .fusion-builder-row .backgrounds{
    grid-area: 1 / 1 / 4 / 4;
    z-index: -1;
}
.heroine .fusion-builder-row .content{
    grid-area: 2 / 2 / 3 / 3;
    margin-block-end: 0;
}
.heroine .fusion-builder-row .backgrounds .fusion-column-wrapper{
    margin: 0;
}
.heroine .backgrounds .fusion-image-element,
.heroine .backgrounds .fusion-imageframe{
    width: 100%;
    height: 100%;
}
.heroine .backgrounds .fusion-imageframe img{
    width: 100%;
    height: 100%;
    max-height: 650px;
    object-fit: cover;
}
.heroine .content > .fusion-column-wrapper {
    margin: 0 auto;
    width: 96% !important;
}
.heroine .content > .fusion-column-wrapper > .fusion-builder-row{
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.heroine .content.bottom > .fusion-column-wrapper > .fusion-builder-row{
    align-items: flex-end;
}
.heroine .content .boxed {
    width: fit-content;
    margin-block-end: 0;
}
.heroine .content .boxed > .fusion-column-wrapper{
    width: fit-content;
    max-width: 600px;
    border-radius: var(--radius-huge);
    margin: 0;
    padding: calc(var(--break) * 1.25);
    backdrop-filter: blur(9px) saturate(143%);
    -webkit-backdrop-filter: blur(9px) saturate(143%);
    background-color: rgba(255, 255, 255, 0.70);
    border: 1px solid rgba(209, 213, 219, 0.3);
}
.heroine .content .boxed > .fusion-column-wrapper h1{
    font-size: var(--font-h3) !important;
    text-wrap: initial;
}

@media screen and (max-width: 1600px) {
    .heroine{
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 1200px) {
    .heroine{
        height: 500px;
    }
}
@media screen and (max-width: 767px) {
    .heroine{
        height: auto;
    }
    .heroine .fusion-builder-row{
        grid-template-columns: calc(var(--break) * 2) 1fr calc(var(--break) * 2);
        grid-template-rows: calc(var(--break) * 2.5) 1fr calc(var(--break) * 2.5);
    }
    .heroine .content > .fusion-column-wrapper > .fusion-builder-row,
    .heroine .content.bottom > .fusion-column-wrapper > .fusion-builder-row{
        justify-content: center;
        align-items: center;
    }
    .heroine .content .boxed div:has( > .fusion-button){
        text-align: center;
    }
}
@media screen and (max-width: 600px) {
    .heroine .content .boxed .fusion-button.fusion-button-default{
        width: 100%;
    }
}


/*--------------------------------------------------------------
HEROINE NOT FULL WIDTH
--------------------------------------------------------------*/
.heroine-not-fullwidth .fusion-builder-row{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    isolation: isolate;
}
.heroine-not-fullwidth .fusion-builder-row > :where(.backgrounds, .content){
    width: 100%;
    height: 100%;
}
.heroine-not-fullwidth .fusion-builder-row .backgrounds{
    grid-area: 1 / 1 / 2 / 2;
}
.heroine-not-fullwidth .fusion-builder-row .backgrounds > .fusion-column-wrapper{
    border-radius: var(--radius-huge);
    overflow: clip;
}
.heroine-not-fullwidth .fusion-builder-row .content{
    grid-area: 2 / 1 / 3 / 2;
}
.heroine-not-fullwidth .backgrounds .fusion-image-element,
.heroine-not-fullwidth .backgrounds .fusion-imageframe{
    width: 100%;
    height: 100%;
}
.heroine-not-fullwidth .backgrounds .fusion-imageframe img{
    width: 100%;
    height: 100%;
    max-height: 650px;
    object-fit: cover;
    border-radius: var(--radius-huge);
}
.heroine-not-fullwidth .content > .fusion-column-wrapper {
    margin: 0 auto;
    width: 96% !important;
}
.heroine-not-fullwidth .content > .fusion-column-wrapper > .fusion-builder-row{
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
.heroine-not-fullwidth .content .boxed {
    width: fit-content;
    margin-block-end: 0;
}

@media screen and (min-width: 1025px) {
    .heroine-not-fullwidth .fusion-builder-row{
        grid-template-columns: calc(var(--break) * 3) 1fr calc(var(--break) * 3);
        grid-template-rows: calc(var(--break) * 3) 1fr calc(var(--break) * 3);
    }
    .heroine-not-fullwidth .fusion-builder-row .backgrounds{
        grid-area: 1 / 1 / 4 / 4;
        z-index: -1;
    }
    .heroine-not-fullwidth .fusion-builder-row .content{
        grid-area: 2 / 2 / 3 / 3;
        margin-block-end: 0;
    }
    .heroine-not-fullwidth .content .boxed > .fusion-column-wrapper{
        width: fit-content;
        max-width: 600px;
        border-radius: var(--radius-huge);
        margin: 0;
        padding: calc(var(--break) * 1.25);
        background-color: var(--color-contrast);
    }
}
@media screen and (max-width: 1024px) {
    .heroine-not-fullwidth .fusion-builder-row .backgrounds.overlay > .fusion-column-wrapper::before{
        display: none;
    }
    .heroine-not-fullwidth .content .boxed > .fusion-column-wrapper{
        padding: 0;
    }

}


/*--------------------------------------------------------------
BLOG
--------------------------------------------------------------*/
.grid-blog :where(.fusion-post-content-wrapper, .fusion-portfolio-content) .entry-title,
.grid-blog :where(.fusion-post-content-wrapper, .fusion-portfolio-content) .blog-shortcode-post-title{
     font-size: var(--font-h5) !important;
}


/*--------------------------------------------------------------
FAQS
--------------------------------------------------------------*/
.faqs .fusion-accordian *{
    font-family: var(--font-body);
}
.faqs .fusion-accordian .panel-group{
    display: flex;
    flex-direction: column;
    gap: calc(var(--break) * 1.5);
}
.faqs .fusion-accordian .fusion-panel{
    background-color: var(--color-contrast);
    border-radius: var(--radius-huge);
    padding: var(--break) calc(var(--break) * 1.5)
}
.faqs .fusion-accordian .panel-title{
    --awb-title-font-size: var(--font-h5);
    font-size: var(--font-h5);
    color: var(--color-base);
    font-weight: var(--font-bold);
}
.fusion-accordian .panel-heading .panel-title a,
.fusion-accordian .panel-heading .panel-title a.active{
    color: var(--color-base);
}
.fusion-accordian .panel-heading .panel-title a:is(:hover, :focus-visible){
    color: var(--color-granite);
}
.faqs .fusion-accordian .toggle-content *{
    font-size: var(--font-base);
}
.faqs .fusion-accordian .panel-title a{
    align-items: center;
}
.faqs .fusion-accordian .panel-title a .fa-fusion-box{
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}
.faqs .fusion-accordian .panel-title a .fa-fusion-box::before {
    font-size: 20px;
    width: auto;
}
.faqs.fusion-accordian .panel-title a .fusion-toggle-icon-wrapper{
    padding: 4px;
    transition: all 0.35s ease-in-out;
}
.faqs .fusion-accordian .panel-title a .fusion-toggle-icon-wrapper::after{
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background: url("https://raccautoescuela.es/wp-content/uploads/2025/09/icon_plus-1.svg") no-repeat center center;
    background-size: contain;
    transition: var(--transition-all);
}
.faqs .fusion-accordian .panel-title a.active .fusion-toggle-icon-wrapper::after{
    background: url("https://raccautoescuela.es/wp-content/uploads/2025/09/icon_minus-1.svg") no-repeat center center;
}
.fusion-accordian .panel-heading .panel-title a:is(:hover, :focus-visible) .fusion-toggle-icon-wrapper::after,
.fusion-accordian .panel-heading .panel-title a.active:is(:hover, :focus-visible) .fusion-toggle-icon-wrapper::after{
    filter: brightness(0) saturate(100%) invert(50%) sepia(10%) saturate(191%) hue-rotate(174deg) brightness(89%) contrast(94%);
}


/*--------------------------------------------------------------
MILESTONES
--------------------------------------------------------------*/
.milestones .fusion-counters-box .fusion-counter-box .counter-box-container{
    padding: 0;
    border: none;
}
.milestones .fusion-counters-box .content-box-counter{
    font-weight: var(--font-bold);
    line-height: 1;
}
.milestones .fusion-counters-box .counter-box-content{
    font-size: var(--font-h4);
    line-height: 1.2;
    margin-top: var(--break);
}


/*--------------------------------------------------------------
DRIVING SCHOOL PROFILE
--------------------------------------------------------------*/
.school-intro p{
    margin-block-end: 0;
}
.school-intro p a:not(:is(:hover, :focus-visible)){
    text-decoration: underline;
}
.no-tabs .tab-navigation{
    display: none;
}
.tab-content{
    margin-block-start: calc(var(--break) * 2);
}
.with-permiso-por-puntos{
    display: none;
}
.portfolio_tags-permiso-por-puntos .with-permiso-por-puntos,
.portfolio_tags-permis-per-punts .with-permiso-por-puntos{
    display: flex;
}
.pills{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: calc(var(--break) * 2.5) var(--break);
    list-style: none;
    border: none;
}
.pills li + li{
    margin-block-start: 0 !important;
}
.pills a{
    font-size: var(--font-base);
    color: var(--color-base);
    font-weight: var(--font-semibold);
    line-height: 1;
    text-align: center;
    background-color: var(--color-lighthouse);
    border: 2px solid var(--color-apollo);
    border-radius: var(--radius-total);
    padding: calc(var(--break) / 1.5) calc(var(--break) * 1.5);
    transition: all 0.35s ease-in-out;
}
.tab-navigation .pills a{
    background-color: var(--color-contrast);
}
.pills a:is(:hover, :focus-visible){
    text-decoration: none;
    color: var(--color-base);
    border-color: var(--color-racc);
    background-color: var(--color-racc-corn);
}
.pills a.active,
.pills a.active a{
    color: var(--color-base);
    border-color: var(--color-racc-racc);
    background-color: var(--color-racc-lemonade);
}
.tab-navigation .pills a::before{
    content: "Carnet ";
}

#carnet-a [id] {
    scroll-margin-top: calc(var(--break) * 12);
}

@media screen and (min-width: 1201px) {
    .tab-navigation{
        position: absolute;
        top: calc(var(--break) * -7);
        right: var(--awb-spacing-right);
    }
    #carnet-a [id] {
        scroll-margin-top: calc(var(--break) * 18);
    }
}



/*--------------------------------------------------------------
STORE LOCATOR
--------------------------------------------------------------*/
.gmnoprint{
    display: none !important;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-map-canv{
    height: 640px;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .asl-wrapper .sl-gdpr-cont .gdpr-ol-bg .gdpr-box p{
    color: var(--color-contrast) !important;
}

/*LIST*/
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .asl-addr-search .form-control::placeholder {
    color: var(--color-granite);
}
.schools #asl-storelocator.asl-cont.asl-template-3 *{
    font-family: var(--font-body)!important;
    font-size: var(--font-base) !important;
    line-height: var(--font-height-body) !important;
    letter-spacing: 0 !important;
    color: var(--color-base) !important;
}
.schools .asl-cont#asl-storelocator  .sl-container-fluid > .sl-row{
    box-shadow: 0 0 73px 0 rgba(0,0,0,.15);
    border-radius: var(--radius-medium);
    overflow: clip;
}
.schools .asl-cont#asl-storelocator  .sl-container-fluid > .sl-row .sl-main-cont{
    box-shadow: none;
    border-radius: none;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .asl-ddl-filters{
    margin-block-end: calc(var(--break) * 2) !important;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .asl-ddl-filters .sl-row{
    gap: calc(var(--break) * 1.5);
}
.schools #asl-storelocator.asl-cont.asl-template-3 .asl-ddl-filters .sl-row .pol-md-4{
    padding-left: 0;
    padding-right: 0;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .asl-ddl-filters .sl-address-filter .asl-filter-cntrl .asl-cntrl-lbl {
    font-weight: var(--font-semibold);
    margin-bottom: calc(var(--break) / 3);
    text-transform: initial;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .asl-ddl-filters .sl-address-filter .asl-filter-cntrl .sl-filter-inner .btn-group button.adropdown-toggle {
    height: auto;
    font-size: var(--font-base);
    color: var(--color-base);
    line-height: 1 !important;
    border-radius: var(--radius-medium);
    padding: calc(var(--break) / 1.5) var(--break);
}
.schools #asl-storelocator.asl-cont.asl-template-3 .asl-ddl-filters .sl-address-filter .asl-filter-cntrl .sl-filter-inner .btn-group button.adropdown-toggle .multiselect-selected-text {
    font-weight: var(--font-regular);
    text-transform: initial;
    color: var(--color-base);
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .sl-filter-sec{
    padding: 0 var(--break);
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .asl-addr-search{
    margin: calc(var(--break) / 1.5) 0;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .asl-addr-search .asl-search-address{
    height: auto;
    font-size: var(--font-base16) !important;
    line-height: 1 !important;
    padding-left: calc(var(--break) * 2);
    border: 2px solid var(--color-leaf);
    border-radius: var(--radius-medium);
    background-color: var(--color-contrast);
    padding:  calc(var(--break) / 1.5) var(--break)  calc(var(--break) / 1.5)  calc(var(--break) * 2);
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .asl-addr-search .sl-search-btn{
    top: 2px;
    right: 2px;
    height: calc(100% - 4px);
    border-radius: 0 calc(var(--radius-medium) - 2px) calc(var(--radius-medium) - 2px) 0;
    overflow: clip;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .asl-addr-search .sl-search-btn i{
    padding: calc(var(--break) / 1.5) var(--break);
    margin: 0;
    background-color: var(--color-leaf);
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .asl-addr-search .sl-search-btn i:is(:hover, :focus-visible){
    background-color: var(--color-racc-sahara);
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .asl-addr-search .sl-search-btn i::before{
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin: 0;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .asl-filter-tabs{
    padding: 0 var(--break) var(--break) var(--break);
    border-radius: var(--radius-medium);
    overflow: clip
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .asl-filter-tabs .nav .nav-item .nav-link{
    height: auto;
    justify-content: flex-start;
    background-color: transparent;
    border: 2px solid var(--color-lavender) !important;
    border-radius: var(--radius-medium);
    padding: calc(var(--break) / 1.5) var(--break);
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .asl-filter-tabs .nav .nav-item .nav-link span{
    font-size: var(--font-base16) !important;
    font-weight: var(--font-regular);
    text-transform: initial;
    text-align: left;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .asl-filter-tabs .nav .nav-item .nav-link span.badge{
    padding: 0;
    margin-left: calc(var(--break) / 2) !important;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .asl-filter-tabs .nav > .nav-item > .nav-link > span:first-child::before{
    content: "Filtrar: ";
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-filter-sec .asl-filter-cont .sl-sec-title a{
    background-color: var(--color-lavender);
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item{
    padding: var(--break) calc(var(--break) * 1.5);
    margin: 0;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .sl-addr-list-title,
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec h3 {
    font-size: var(--font-h5) !important;
    line-height: var(--font-height-heading) !important;
    font-weight: var(--font-semibold);
    margin-block-end: 0;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .sl-cat-tag{
    margin-block-start: calc(var(--break) * 1.25);
    margin-block-end: 0;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .sl-cat-tag ul{
    gap: calc(var(--break) / 1.5);
    margin-block-end: calc(var(--break) * 1.5);
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item.highlighted .sl-addr-sec .sl-cat-tag ul li{
    background-color: var(--color-contrast);
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .sl-cat-tag ul li {
    margin: 0;
    font-size: var(--font-small) !important;
    background-color: var(--color-lighthouse);
    border: 1px solid var(--color-apollo);
    border-radius: var(--radius-total);
    padding: calc(var(--break) / 2) var(--break);
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .sl-cat-tag ul li + li{
    margin-block-start: 0;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .addr-loc ul{
    gap: calc(var(--break) / 2);
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .addr-loc ul li{
    margin-block-start: 0;
    margin-block-end: 0;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item.highlighted {
    background-color: var(--color-lighthouse);
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-filter-sec .asl-filter-cont .sl-sec-title a span{
    font-weight: var(--font-regular);
    color: var(--color-contrast) !important;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-filter-sec .asl-filter-cont .sl-sec-title a .asl-back-stores{
    font-weight: var(--font-regular);
    font-size: var(--font-small) !important;
    color: var(--color-contrast) !important;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-filter-sec .asl-filter-cont .sl-sec-title a .asl-back-stores .icon-left-big::before{
    color: var(--color-contrast) !important;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-filter-sec .asl-filter-cont .asl-filter-list{
    height: auto;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-filter-sec .asl-filter-cont .asl-filter-list ul{
    margin: 0;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-filter-sec .asl-filter-cont .asl-filter-list li + li{
    margin-block-start: 0;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .sl-dist-calc{
    font-size: var(--font-small) !important;
}
.schools.vacancies #asl-storelocator.asl-cont.asl-template-3 .asl-ddl-filters,
.schools.vacancies #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .sl-filter-sec{
    display: none !important;
}
.schools.vacancies #asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .asl-filter-tabs{
    padding-top: var(--break);
}


/*INFOBOX*/
.schools #asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(var(--break) / 2);
    background-color: var(--color-contrast);
    border-radius: 0 0 var(--radius) var(--radius);
    padding: 0 var(--break) var(--break) var(--break);
    margin-block-start: 0;
}
.schools #asl-storelocator.asl-cont .infoBox .sl-row{
    margin: 0;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .infoBox #style_0 h3{
    font-weight: var(--font-semibold);
    border-radius: var(--radius) var(--radius) 0 0;
    padding: calc(var(--break) / 2) var(--break) !important;
}
.schools #asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent .sl-tag{
    margin-bottom: 0;
    font-weight: var(--font-regular);
    font-size: var(--font-small) !important;
}
.schools #asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent .info-addr{
    margin: 0;
    word-break: break-all;
}
.schools #asl-storelocator.asl-cont .infoBox .info-addr .sl-row {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(var(--break) / 6);
}
.schools #asl-storelocator.asl-cont .infoBox .info-addr .sl-row .pol-md-12 + .pol-6{
    display: none;
}
.schools #asl-storelocator.asl-cont .infoBox .sl-addr-sec > *,
.schools #asl-storelocator.asl-cont .infoBox .info-addr .sl-row > *{
    padding: 0;
    flex-basis: 100%;
    max-width: 100%;
    font-size: var(--font-base16) !important;
}
.schools #asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent .info-addr .info-addr-inner{
    font-size: var(--font-small) !important;
    margin-block-end: 0;
}
.schools #asl-storelocator.asl-cont.asl-template-3 .infoBox .infoWindow .infowindowContent .info-addr .info-addr-inner a,
.schools #asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent .info-addr .info-addr-inner a{
    font-weight: var(--font-regular);
    font-size: var(--font-small) !important;
}
.schools #asl-storelocator.asl-cont .infoBox #style_0 .asl-buttons{
    padding: 0;
    margin-block-start: calc(var(--break) / 1.5);
}
.schools #asl-storelocator.asl-cont.asl-template-3 .infoBox #style_0 .infowindowContent .asl-buttons a{
    font-weight: var(--font-semibold);
    font-size: var(--font-small) !important;
    border-radius: var(--radius-total);
    padding: calc(var(--break) / 1.5) calc(var(--break) * 1.5);
    transition: var(--transition-all);
}
.schools #asl-storelocator.asl-cont.asl-template-3 .infoBox #style_0 .infowindowContent .asl-buttons a:is(:hover, :focus-visible){
    background-color: var(--color-racc-sahara);
}


/*--------------------------------------------------------------
FRANCHISEES
--------------------------------------------------------------*/

.franchisees-testimonial h4{
    font-size: var(--font-base);
    font-weight: var(--font-regular);
    margin-block-start: calc(var(--break) / 2);
    margin-block-end: calc(var(--break) * 1.5);
}



/*--------------------------------------------------------------
SLIDER REVIEWS
--------------------------------------------------------------*/
.slider-reviews {
    padding-left: 0;
    padding-right: 0;
}
.slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-reviews-container .ti-controls{
    position: relative;
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: flex-start;
    gap: var(--break) !important;
    top: initial !important;
    padding-right: calc(var(--break) * 3) !important;
    padding-bottom: calc(var(--break) * 4);
    margin: 0;
}
.slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-controls .ti-next,
.slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-controls .ti-prev{
    position: relative;
    width: 54px;
    height: 54px;
    display: block;
    opacity: 1;
    background-color: transparent;
    outline-width: 0;
    outline-color: transparent;
    border-radius: 50%;
}
.slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-controls .ti-next::before,
.slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-controls .ti-prev::before {
    height: 20px;
    width: 20px;
}
.slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-controls .ti-next:is(:hover, :focus-visible),
.slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-controls .ti-prev:is(:hover, :focus-visible) {
    cursor: pointer;
    background-color: var(--color-shadow) !important;
    outline-color: var(--color-granite) !important;
}
.slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-reviews-container-wrapper{
    gap: calc(var(--break) * 2.5) !important;
    margin: 0 !important;
}
.slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-widget-container,
.slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-widget-container *{
    color: var(--color-base);
    font-size: var(--font-small);
    font-family: var(--font-body) !important;
}
.slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-widget-container .ti-review-itemm{
    flex-basis: 300px !important;
    max-width: 100%;
}
.slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"]:not([data-pid=""]) .ti-review-item > .ti-inner{
    background-color: transparent !important;
    border-radius: none !important;
    padding: 0 !important;
}
.slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-review-item > .ti-inner:before{
    content: "";
    position: absolute;
    top: calc(var(--break) * 5);
    right: calc(var(--break) * 1.25);
    width: 36px;
    height: 27px;
    background: url("https://raccautoescuela.es/wp-content/uploads/2025/09/quotation-mark.svg") no-repeat center;
    background-size: contain;
}
.slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-review-header {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    gap: calc(var(--break) * 1.5) !important;
}
.slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-review-header .ti-profile-details{
    text-align: left;
}
.slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-review-header .ti-profile-details .ti-name{
    font-size: var(--font-base);
    padding-bottom: calc(var(--break) / 5);
}
.slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-review-header .ti-profile-details .ti-date{
    font-size: var(--font-small);
    padding-bottom: calc(var(--break) / 3);
}
.slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-review-header .ti-profile-img{
    align-self: flex-start;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-review-header .ti-profile-img img {
    position: relative;
    border-radius: 50% !important;
    z-index: -10;
}
.slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"]:not(.ti-no-profile-img) .ti-review-header .ti-platform-icon{
    top: initial;
    bottom: 0;
    left: 32px;
}
.slider-reviews .ti-widget .ti-review-item .ti-inner .ti-stars{
    height: auto !important;
    width: 100% !important;
    text-align: left !important;
    background-color: var(--color-contrast);
    border-radius: var(--radius-huge) var(--radius-huge) 0 0;
    margin-bottom: 0 !important;
    margin-top: var(--break) !important;
    padding:  calc(var(--break) * 1.5);
    padding-bottom: 0;
}
.slider-reviews .ti-widget .ti-review-item .ti-inner .ti-review-content{
    width: 100% !important;
    font-size: var(--font-small);
    text-align: left;
    background-color: var(--color-contrast);
    border-radius: 0 0 var(--radius-huge) var(--radius-huge);
    padding: calc(var(--break) * 1.5) !important;
}


@media screen and (min-width: 1025px) {
    .slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-reviews-container-wrapper{
        gap: calc(var(--break) * 5) !important;
    }
    .slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-widget-container .ti-review-item{
        flex-basis: 550px !important;
        max-width: 100%;
    }
    .slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-review-header .ti-profile-img img {
        width: 100px !important;
        height: 100px !important;
        margin-bottom: calc(var(--break) * -3) !important;
    }
    .slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"]:not(.ti-no-profile-img) .ti-review-header .ti-platform-icon{
        bottom: calc(calc(var(--break) * -3) + 13px);
        left: calc(100px - 26px);
    }
    .slider-reviews .ti-widget .ti-review-item .ti-inner .ti-stars{
        padding: calc(var(--break) * 1.5) calc(var(--break) * 2) var(--break) calc(var(--break) * 2);
        margin-left: calc(var(--break) * 3);
    }
    .slider-reviews .ti-widget .ti-review-item .ti-inner .ti-review-content{
        padding: 0 calc(var(--break) * 2) calc(var(--break) * 2) calc(var(--break) * 2) !important;
        margin-left: calc(var(--break) * 3);
    }
    .slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-review-item > .ti-inner:before{
        top: calc(var(--break) * 3.5);
        right: calc(var(--break) * -1.5);
        width: 70px;
        height: 53px;
    }
}
@media (min-width: 480px) {
    .slider-reviews .ti-widget[data-layout-id="36"][data-set-id="light-background-large"] .ti-review-item:is(:hover, :focus-visible) {
        transform: none;
    }
}