/*
Theme Name: Tango Elementor Child
Description: Tema child di Hello Elementor per il sito Manolo & Claudia Tango
Author: Simone Fellini
Template: hello-elementor
Version: 1.0.0
Text Domain: tango-elementor-child
*/

/* ==========================================================================
   1. VARIABILI GLOBALI
   ========================================================================== */

:root {
    /* Colori controllati da Elementor */
    --tango-red: var(--e-global-color-primary, #c8102e);
    --tango-title: var(--e-global-color-secondary, #1d1d1d);
    --tango-text: var(--e-global-color-text, #505050);
    --tango-gold: var(--e-global-color-accent, #b8904f);

    /* Varianti derivate e colori strutturali */
    --tango-black: #080808;
    --tango-black-soft: #111111;
    --tango-text-light: #d7d7d7;
    --tango-white: #ffffff;
    --tango-ivory: #f7f3ed;
    --tango-ivory-dark: #eee7dc;
    --tango-red-dark: #9f0c23;
    --tango-gold-light: #d5b77a;
    --tango-border: #ded5c7;

    --tango-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
    --tango-shadow-dark: 0 20px 55px rgba(0, 0, 0, 0.35);

    --tango-font-title:
    var(--e-global-typography-primary-font-family, "Cormorant Garamond"),
    Georgia,
    "Times New Roman",
    serif;

--tango-font-body:
    var(--e-global-typography-text-font-family, "Inter"),
    Arial,
    Helvetica,
    sans-serif;

    --tango-container: 1280px;
    --tango-content: 760px;
    --tango-section-space: 110px;
    --tango-section-space-tablet: 82px;
    --tango-section-space-mobile: 64px;

    --tango-radius: 0;
    --tango-transition: 0.28s ease;
}


/* ==========================================================================
   2. BASE E RESET
   ========================================================================== */

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    margin: 0;
    overflow-x: hidden;
    background: var(--tango-white);
    color: var(--tango-text);
    font-family: var(--tango-font-body);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

img,
svg,
video {
    display: block;
    max-width: 100%;
}

a {
    color: inherit;
    transition:
        color var(--tango-transition),
        background-color var(--tango-transition),
        border-color var(--tango-transition),
        opacity var(--tango-transition),
        transform var(--tango-transition);
}

a:hover,
a:focus {
    color: var(--tango-red);
}

button,
input,
textarea,
select {
    font: inherit;
}

::selection {
    background: var(--tango-red);
    color: var(--tango-white);
}

:focus-visible {
    outline: 2px solid var(--tango-gold);
    outline-offset: 3px;
}

.elementor-widget-text-editor p:last-child,
.elementor-widget-theme-post-content p:last-child {
    margin-bottom: 0;
}

.elementor-widget-image img {
    width: 100%;
}

/* ==========================================================================
   3. TIPOGRAFIA
   ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title {
    margin-top: 0;
    font-family: var(--tango-font-title);
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -0.02em;
}

h1,
.tango-h1 {
    font-size: clamp(3.4rem, 6vw, 6.2rem);
}

h2,
.tango-h2 {
    font-size: clamp(2.7rem, 4.7vw, 4.7rem);
}

h3,
.tango-h3 {
    font-size: clamp(2rem, 3vw, 3rem);
}

h4,
.tango-h4 {
    font-size: clamp(1.55rem, 2vw, 2.1rem);
}

p {
    margin-top: 0;
    margin-bottom: 1.35em;
}

.tango-text-large {
    font-size: clamp(1.05rem, 1.35vw, 1.22rem);
    line-height: 1.8;
}

.tango-text-small {
    font-size: 0.875rem;
    line-height: 1.65;
}

.tango-text-light {
    color: var(--tango-text-light);
}

.tango-text-center {
    text-align: center;
}

.tango-text-red,
.text-red {
    color: var(--tango-red) !important;
}

.tango-text-gold,
.text-gold {
    color: var(--tango-gold) !important;
}

.tango-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: var(--tango-red);
    font-family: var(--tango-font-body);
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.tango-eyebrow::before {
    width: 28px;
    height: 1px;
    background: currentColor;
    content: "";
}

.tango-eyebrow--no-line::before {
    display: none;
}

.tango-title-line {
    position: relative;
    padding-bottom: 26px;
}

.tango-title-line::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 52px;
    height: 1px;
    background: var(--tango-gold);
    content: "";
}

.tango-title-line--center::after {
    left: 50%;
    transform: translateX(-50%);
}

/* ==========================================================================
   4. LAYOUT E CONTENITORI
   ========================================================================== */

.tango-section {
    position: relative;
    padding: var(--tango-section-space) 30px;
}

.tango-section--small {
    padding-top: 72px;
    padding-bottom: 72px;
}

.tango-section--light {
    background: var(--tango-ivory);
}

.tango-section--white {
    background: var(--tango-white);
}

.tango-section--dark {
    background: var(--tango-black);
    color: var(--tango-text-light);
}

.tango-section--dark h1,
.tango-section--dark h2,
.tango-section--dark h3,
.tango-section--dark h4,
.tango-section--dark h5,
.tango-section--dark h6,
.tango-section--dark .elementor-heading-title {
    color: var(--tango-white);
}

.tango-container,
.tango-section > .e-con-inner,
.tango-section > .elementor-container {
    width: 100%;
    max-width: var(--tango-container);
    margin-inline: auto;
}

.tango-content-narrow {
    width: 100%;
    max-width: var(--tango-content);
    margin-inline: auto;
}

.tango-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(36px, 5vw, 84px);
    align-items: center;
}

.tango-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.tango-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.tango-divider {
    width: 100%;
    height: 1px;
    border: 0;
    background: var(--tango-border);
}

.tango-divider--gold {
    background: rgba(184, 144, 79, 0.45);
}

.tango-scroll-target {
    scroll-margin-top: 110px;
}

/* ==========================================================================
   5. HEADER
   Assegna la classe "tango-header" al contenitore principale dell'header.
   ========================================================================== */

.tango-header {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    padding: 18px 30px;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.85) 0%,
        rgba(0, 0, 0, 0) 100%
    );
    color: var(--tango-white);
    transition:
        padding var(--tango-transition),
        background-color var(--tango-transition),
        box-shadow var(--tango-transition);
}

.tango-header > .e-con-inner,
.tango-header > .elementor-container {
    width: 100%;
    max-width: 1440px;
    margin-inline: auto;
}

.tango-header.is-sticky,
.tango-header.elementor-sticky--effects {
    position: fixed;
    padding-top: 10px;
    padding-bottom: 10px;
    background: rgba(8, 8, 8, 0.96);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(10px);
}

.tango-header .custom-logo,
.tango-header .elementor-widget-theme-site-logo img,
.tango-header .elementor-widget-image img {
    width: auto;
    max-height: 78px;
}

.tango-header.is-sticky .custom-logo,
.tango-header.elementor-sticky--effects .elementor-widget-theme-site-logo img,
.tango-header.elementor-sticky--effects .elementor-widget-image img {
    max-height: 58px;
}

.tango-header .elementor-nav-menu,
.tango-header .tango-nav {
    display: flex;
    align-items: center;
    gap: clamp(20px, 2.6vw, 42px);
}

.tango-header .elementor-nav-menu a,
.tango-header .tango-nav a {
    position: relative;
    padding: 10px 0;
    color: var(--tango-white);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
}

.tango-header .elementor-nav-menu a::after,
.tango-header .tango-nav a::after {
    position: absolute;
    right: 0;
    bottom: 3px;
    left: 0;
    height: 1px;
    background: var(--tango-gold);
    content: "";
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform var(--tango-transition);
}

.tango-header .elementor-nav-menu a:hover,
.tango-header .elementor-nav-menu a.elementor-item-active,
.tango-header .tango-nav a:hover,
.tango-header .tango-nav a.is-active {
    color: var(--tango-gold-light);
}

.tango-header .elementor-nav-menu a:hover::after,
.tango-header .elementor-nav-menu a.elementor-item-active::after,
.tango-header .tango-nav a:hover::after,
.tango-header .tango-nav a.is-active::after {
    transform: scaleX(1);
    transform-origin: left center;
}

/* ==========================================================================
   6. PULSANTI
   ========================================================================== */

.tango-button,
.tango-button .elementor-button,
.elementor-button.tango-button {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 14px 28px;
    border: 1px solid transparent;
    border-radius: 0;
    font-family: var(--tango-font-body);
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.075em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    transition:
        color var(--tango-transition),
        background-color var(--tango-transition),
        border-color var(--tango-transition),
        transform var(--tango-transition),
        box-shadow var(--tango-transition);
}

.tango-button:hover,
.tango-button .elementor-button:hover,
.elementor-button.tango-button:hover {
    transform: translateY(-2px);
}

.tango-button--red,
.tango-button--red .elementor-button,
.elementor-button.tango-button--red {
    border-color: var(--tango-red);
    background: var(--tango-red);
    color: var(--tango-white);
}

.tango-button--red:hover,
.tango-button--red .elementor-button:hover,
.elementor-button.tango-button--red:hover {
    border-color: var(--tango-red-dark);
    background: var(--tango-red-dark);
    color: var(--tango-white);
    box-shadow: 0 12px 28px rgba(200, 16, 46, 0.25);
}

.tango-button--gold,
.tango-button--gold .elementor-button,
.elementor-button.tango-button--gold {
    border-color: var(--tango-gold);
    background: var(--tango-gold);
    color: var(--tango-black);
}

.tango-button--gold:hover,
.tango-button--gold .elementor-button:hover,
.elementor-button.tango-button--gold:hover {
    border-color: var(--tango-gold-light);
    background: var(--tango-gold-light);
    color: var(--tango-black);
}

.tango-button--outline,
.tango-button--outline .elementor-button,
.elementor-button.tango-button--outline {
    border-color: var(--tango-gold);
    background: transparent;
    color: var(--tango-gold-light);
}

.tango-button--outline:hover,
.tango-button--outline .elementor-button:hover,
.elementor-button.tango-button--outline:hover {
    background: var(--tango-gold);
    color: var(--tango-black);
}

.tango-button--text,
.tango-button--text .elementor-button,
.elementor-button.tango-button--text {
    min-height: 0;
    padding: 0 0 5px;
    border: 0;
    border-bottom: 1px solid currentColor;
    background: transparent;
    color: var(--tango-title);
}

.tango-button--text:hover,
.tango-button--text .elementor-button:hover,
.elementor-button.tango-button--text:hover {
    color: var(--tango-red);
    transform: none;
}

/* ==========================================================================
   7. HERO
   Assegna la classe "tango-hero" al contenitore principale.
   ========================================================================== */

.tango-hero {
    position: relative;
    min-height: 920px;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 30px 30px 90px;
    background-color: var(--tango-black);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.tango-hero::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.96) 0%,
            rgba(0, 0, 0, 0.82) 28%,
            rgba(0, 0, 0, 0.46) 58%,
            rgba(0, 0, 0, 0.10) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.30) 0%,
            rgba(0, 0, 0, 0) 58%,
            rgba(0, 0, 0, 0.48) 100%
        );
    content: "";
    pointer-events: none;
}

.tango-hero > .e-con-inner,
.tango-hero > .elementor-container,
.tango-hero > .tango-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: var(--tango-container);
    margin-inline: auto;
}

.tango-hero__content {
    width: 100%;
    max-width: 690px;
}

.tango-hero h1,
.tango-hero .elementor-heading-title {
    margin-bottom: 28px;
    font-size: clamp(3.7rem, 6.5vw, 6.7rem);
    font-weight: 500;
    line-height: 0.94;
    letter-spacing: -0.025em;
}

.tango-hero p {
    max-width: 520px;
    color: rgba(255, 255, 255, 0.78);
    font-size: clamp(1rem, 1.3vw, 1.14rem);
}

.tango-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

.tango-hero__video {
    position: absolute;
    z-index: 3;
    right: clamp(24px, 5vw, 80px);
    bottom: 48px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--tango-white);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
}

.tango-hero__video-icon {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid var(--tango-gold);
    border-radius: 50%;
    color: var(--tango-gold-light);
}

.tango-hero__video:hover {
    color: var(--tango-gold-light);
    transform: translateY(-2px);
}

/* ==========================================================================
   8. SEZIONE CHI SIAMO
   ========================================================================== */

.tango-about {
    background: var(--tango-ivory);
}

.tango-about__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
    gap: clamp(40px, 6vw, 90px);
    align-items: center;
}

.tango-about__content {
    max-width: 570px;
}

.tango-about__image {
    position: relative;
    overflow: hidden;
    min-height: 560px;
    background: var(--tango-black-soft);
    box-shadow: var(--tango-shadow);
}

.tango-about__image img {
    width: 100%;
    height: 100%;
    min-height: 560px;
    object-fit: cover;
    transition: transform 0.7s ease;
}

.tango-about__image:hover img {
    transform: scale(1.025);
}

.tango-about__image::after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 42%;
    height: 34%;
    background: linear-gradient(
        135deg,
        transparent 10%,
        rgba(200, 16, 46, 0.24) 100%
    );
    content: "";
    pointer-events: none;
}

/* ==========================================================================
   9. CORSI
   ========================================================================== */

.tango-courses {
    background: var(--tango-white);
}

.tango-courses__intro {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 48px;
}

.tango-courses__intro > * {
    margin-bottom: 0;
}

.tango-course-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.tango-course-card {
    position: relative;
    min-height: 500px;
    overflow: hidden;
    border: 1px solid transparent;
    background: var(--tango-black);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.10);
    color: var(--tango-white);
    transition:
        border-color var(--tango-transition),
        transform var(--tango-transition),
        box-shadow var(--tango-transition);
}

.tango-course-card:hover {
    border-color: var(--tango-gold);
    box-shadow: var(--tango-shadow-dark);
    transform: translateY(-7px);
}

.tango-course-card__media,
.tango-course-card__media img,
.tango-course-card > img {
    width: 100%;
    height: 100%;
}

.tango-course-card__media {
    position: absolute;
    inset: 0;
}

.tango-course-card__media img,
.tango-course-card > img {
    object-fit: cover;
    transition: transform 0.65s ease;
}

.tango-course-card:hover .tango-course-card__media img,
.tango-course-card:hover > img {
    transform: scale(1.055);
}

.tango-course-card::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.08) 12%,
        rgba(0, 0, 0, 0.28) 46%,
        rgba(0, 0, 0, 0.94) 100%
    );
    content: "";
}

.tango-course-card__content {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 32px 30px;
}

.tango-course-card__number {
    display: block;
    margin-bottom: 8px;
    color: var(--tango-gold-light);
    font-family: var(--tango-font-title);
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 1;
}

.tango-course-card h3,
.tango-course-card .elementor-heading-title {
    margin-bottom: 10px;
    color: var(--tango-white);
    font-size: 2rem;
}

.tango-course-card p {
    margin-bottom: 20px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 0.92rem;
    line-height: 1.65;
}

.tango-course-card__link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--tango-gold-light);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
}

.tango-course-card__link:hover {
    color: var(--tango-white);
    gap: 14px;
}

/* ==========================================================================
   10. SEDI
   ========================================================================== */

.tango-locations {
    background: var(--tango-black);
    color: var(--tango-text-light);
}

.tango-locations__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
    min-height: 620px;
}

.tango-locations__intro {
    position: relative;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    min-height: 620px;
    padding: 70px;
    background-position: center;
    background-size: cover;
}

.tango-locations__intro::before {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.08) 10%,
        rgba(0, 0, 0, 0.82) 100%
    );
    content: "";
}

.tango-locations__intro-content {
    position: relative;
    z-index: 1;
    max-width: 460px;
}

.tango-locations__intro h2,
.tango-locations__intro .elementor-heading-title {
    color: var(--tango-white);
}

.tango-locations__map {
    position: relative;
    min-height: 620px;
    padding: 60px;
    overflow: hidden;
    background:
        radial-gradient(circle at 40% 50%, rgba(184, 144, 79, 0.08), transparent 35%),
        #121212;
}

.tango-locations__map img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0.84;
}

.tango-map-pin {
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--tango-white);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.tango-map-pin::before {
    display: block;
    width: 14px;
    height: 14px;
    border: 3px solid var(--tango-gold);
    border-radius: 50%;
    background: var(--tango-black);
    box-shadow: 0 0 0 5px rgba(184, 144, 79, 0.12);
    content: "";
}

/* ==========================================================================
   11. METODO
   ========================================================================== */

.tango-method {
    overflow: hidden;
    background: var(--tango-ivory);
}

.tango-method__header {
    max-width: 850px;
    margin: 0 auto 58px;
    text-align: center;
}

.tango-method-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--tango-border);
    border-bottom: 1px solid var(--tango-border);
}

.tango-method-item {
    position: relative;
    padding: 42px 36px;
    text-align: center;
}

.tango-method-item + .tango-method-item {
    border-left: 1px solid var(--tango-border);
}

.tango-method-item__icon {
    display: grid;
    width: 64px;
    height: 64px;
    place-items: center;
    margin: 0 auto 22px;
    color: var(--tango-gold);
}

.tango-method-item__icon svg {
    width: 46px;
    height: 46px;
    stroke: currentColor;
}

.tango-method-item h3,
.tango-method-item .elementor-heading-title {
    margin-bottom: 12px;
    font-family: var(--tango-font-body);
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

.tango-method-item p {
    margin-bottom: 0;
    font-size: 0.92rem;
    line-height: 1.7;
}

/* ==========================================================================
   12. MILONGA E TESTIMONIANZE
   ========================================================================== */

.tango-experience {
    background: var(--tango-black);
    color: var(--tango-text-light);
}

.tango-experience__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tango-milonga,
.tango-testimonials {
    position: relative;
    min-height: 500px;
    padding: 64px;
    overflow: hidden;
}

.tango-milonga {
    display: flex;
    align-items: flex-end;
    background-position: center;
    background-size: cover;
}

.tango-milonga::before {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.93) 0%,
        rgba(0, 0, 0, 0.48) 72%,
        rgba(0, 0, 0, 0.20) 100%
    );
    content: "";
}

.tango-milonga__content {
    position: relative;
    z-index: 1;
    max-width: 430px;
}

.tango-milonga h2,
.tango-milonga .elementor-heading-title,
.tango-testimonials h2,
.tango-testimonials .elementor-heading-title {
    color: var(--tango-white);
}

.tango-testimonials {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
        linear-gradient(rgba(8, 8, 8, 0.88), rgba(8, 8, 8, 0.88)),
        var(--tango-black-soft);
}

.tango-testimonial {
    position: relative;
    max-width: 630px;
    padding-left: 42px;
}

.tango-testimonial::before {
    position: absolute;
    top: -8px;
    left: 0;
    color: var(--tango-red);
    font-family: Georgia, serif;
    font-size: 5rem;
    line-height: 1;
    content: "“";
}

.tango-testimonial blockquote {
    margin: 0 0 22px;
    color: var(--tango-white);
    font-family: var(--tango-font-title);
    font-size: clamp(1.5rem, 2.3vw, 2.15rem);
    line-height: 1.35;
}

.tango-testimonial cite {
    color: var(--tango-gold-light);
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

/* ==========================================================================
   13. INSTAGRAM E CONTATTI
   ========================================================================== */

.tango-contact {
    position: relative;
    overflow: hidden;
    background: var(--tango-ivory);
}

.tango-contact::after {
    position: absolute;
    right: -80px;
    bottom: -120px;
    width: 460px;
    height: 460px;
    border: 2px solid rgba(200, 16, 46, 0.08);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.tango-contact__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: clamp(45px, 7vw, 110px);
    align-items: center;
}

.tango-instagram-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    margin: 22px 0;
}

.tango-instagram-grid a {
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: var(--tango-black-soft);
}

.tango-instagram-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(0.85);
    transition:
        transform 0.45s ease,
        filter 0.45s ease;
}

.tango-instagram-grid a:hover img {
    transform: scale(1.07);
    filter: saturate(1);
}

.tango-contact-list {
    display: grid;
    gap: 13px;
    margin: 26px 0 32px;
    padding: 0;
    list-style: none;
}

.tango-contact-list li {
    display: flex;
    align-items: center;
    gap: 12px;
}

.tango-contact-list svg,
.tango-contact-list i {
    flex: 0 0 auto;
    color: var(--tango-gold);
}

/* ==========================================================================
   14. FOOTER
   ========================================================================== */

.tango-footer {
    padding: 28px 30px;
    background: var(--tango-black);
    color: #707070;
    font-size: 0.75rem;
}

.tango-footer__inner {
    display: flex;
    max-width: var(--tango-container);
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-inline: auto;
}

.tango-footer__links {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

.tango-footer a:hover {
    color: var(--tango-red);
}

/* ==========================================================================
   15. FORM
   ========================================================================== */

.tango-form .elementor-field,
.tango-form input:not([type="submit"]),
.tango-form textarea,
.tango-form select {
    min-height: 52px;
    padding: 13px 16px;
    border: 1px solid var(--tango-border);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.72);
    color: var(--tango-title);
    box-shadow: none;
    transition:
        border-color var(--tango-transition),
        background-color var(--tango-transition),
        box-shadow var(--tango-transition);
}

.tango-form textarea {
    min-height: 150px;
    resize: vertical;
}

.tango-form .elementor-field:focus,
.tango-form input:not([type="submit"]):focus,
.tango-form textarea:focus,
.tango-form select:focus {
    border-color: var(--tango-gold);
    background: var(--tango-white);
    box-shadow: 0 0 0 3px rgba(184, 144, 79, 0.12);
    outline: 0;
}

.tango-form label {
    margin-bottom: 7px;
    color: var(--tango-title);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* ==========================================================================
   16. UTILITY
   ========================================================================== */

.tango-shadow {
    box-shadow: var(--tango-shadow);
}

.tango-overflow-hidden {
    overflow: hidden;
}

.tango-image-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tango-image-hover {
    overflow: hidden;
}

.tango-image-hover img {
    transition: transform 0.6s ease;
}

.tango-image-hover:hover img {
    transform: scale(1.035);
}

.tango-border-top {
    border-top: 1px solid var(--tango-border);
}

.tango-border-bottom {
    border-bottom: 1px solid var(--tango-border);
}

.tango-no-margin {
    margin: 0 !important;
}

.tango-hidden-desktop {
    display: none !important;
}

/* ==========================================================================
   EA EVENT CALENDAR - TANGO STYLE
   Classe Elementor: tango-event-calendar
   ========================================================================== */

.tango-event-calendar {
    --calendar-bg: #0a0a0a;
    --calendar-cell: #111111;
    --calendar-cell-hover: #171717;
    --calendar-header: #151515;

    --calendar-text: #d8d8d8;
    --calendar-muted: #666666;

    --calendar-red: var(--tango-red, #e30613);
    --calendar-gold: var(--tango-gold, #b8904f);

    --calendar-border: rgba(184, 144, 79, 0.22);
    --calendar-border-strong: rgba(184, 144, 79, 0.45);

    width: 100%;
}


/* ==========================================================================
   CALENDARIO GENERALE
   ========================================================================== */

.tango-event-calendar .eael-event-calendar,
.tango-event-calendar .fc {
    background: var(--calendar-bg) !important;

    color: var(--calendar-text);

    font-family:
        var(--e-global-typography-text-font-family, "Inter"),
        Arial,
        sans-serif;
}


/* ==========================================================================
   TOOLBAR SUPERIORE
   ========================================================================== */

.tango-event-calendar .fc-toolbar {
    display: grid !important;

    grid-template-columns: auto 1fr auto;

    gap: 26px;

    min-height: 48px;

    align-items: center;

    margin-bottom: 22px !important;
}


/* --------------------------------------------------------------------------
   COLONNA SINISTRA
   -------------------------------------------------------------------------- */

.tango-event-calendar .fc-toolbar .fc-left {
    display: flex !important;

    align-items: center;

    gap: 6px;

    float: none !important;
}


.tango-event-calendar .fc-toolbar .fc-left .fc-button-group {
    display: inline-flex !important;

    gap: 5px;

    margin: 0 !important;
}


/* ==========================================================================
   FRECCE PRECEDENTE / SUCCESSIVO
   ========================================================================== */

.tango-event-calendar .fc-prev-button,
.tango-event-calendar .fc-next-button {
    display: inline-flex !important;

    width: 42px !important;
    min-width: 42px !important;

    height: 42px !important;
    min-height: 42px !important;

    align-items: center;
    justify-content: center;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid rgba(184, 144, 79, 0.65) !important;
    border-radius: 0 !important;

    background: transparent !important;
    background-image: none !important;

    color: #ffffff !important;

    box-shadow: none !important;
    text-shadow: none !important;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease;
}


.tango-event-calendar .fc-prev-button:hover,
.tango-event-calendar .fc-next-button:hover {
    border-color: var(--calendar-gold) !important;

    background: var(--calendar-gold) !important;

    color: #080808 !important;
}


/* Icona delle frecce */

.tango-event-calendar .fc-prev-button .fc-icon,
.tango-event-calendar .fc-next-button .fc-icon {
    top: auto !important;

    margin: 0 !important;

    color: inherit !important;

    font-size: 17px !important;
    line-height: 1 !important;
}


/* ==========================================================================
   PULSANTE OGGI
   ========================================================================== */

.tango-event-calendar .fc-today-button {
    display: inline-flex !important;

    min-width: 58px !important;

    height: 42px !important;
    min-height: 42px !important;

    align-items: center;
    justify-content: center;

    margin: 0 0 0 3px !important;
    padding: 0 13px !important;

    border: 1px solid rgba(184, 144, 79, 0.35) !important;
    border-radius: 0 !important;

    background: transparent !important;

    color: #b5b5b5 !important;

    box-shadow: none !important;
}


.tango-event-calendar .fc-today-button:hover {
    border-color: var(--calendar-gold) !important;

    background: var(--calendar-gold) !important;

    color: #080808 !important;
}


/* Oggi disattivo */

.tango-event-calendar .fc-today-button:disabled,
.tango-event-calendar .fc-today-button.fc-state-disabled {
    border-color: rgba(255, 255, 255, 0.10) !important;

    background: rgba(255, 255, 255, 0.025) !important;

    color: rgba(255, 255, 255, 0.28) !important;

    opacity: 1 !important;

    cursor: default;
}


/* ==========================================================================
   TITOLO MESE
   ========================================================================== */

.tango-event-calendar .fc-toolbar .fc-center {
    display: flex !important;

    align-items: center;
    justify-content: flex-start;

    float: none !important;
}


.tango-event-calendar .fc-toolbar h2 {
    margin: 0 !important;

    color: #ffffff !important;

    font-family:
        var(
            --e-global-typography-primary-font-family,
            "Cormorant Garamond"
        ),
        Georgia,
        serif !important;

    font-size: 31px !important;
    font-weight: 500 !important;

    line-height: 0.95 !important;
    letter-spacing: 0 !important;

    text-align: left;

    text-transform: lowercase;
}


/* ==========================================================================
   PULSANTI VISTA
   ========================================================================== */

.tango-event-calendar .fc-toolbar .fc-right {
    display: flex !important;

    align-items: center;
    justify-content: flex-end;

    float: none !important;
}


.tango-event-calendar .fc-toolbar .fc-right .fc-button-group {
    display: flex;

    gap: 5px;
}


.tango-event-calendar .fc-button {
    min-height: 36px !important;

    padding: 8px 14px !important;

    border: 1px solid rgba(184, 144, 79, 0.55) !important;
    border-radius: 0 !important;

    background: transparent !important;
    background-image: none !important;

    color: #d9d9d9 !important;

    font-family:
        var(--e-global-typography-accent-font-family, "Inter"),
        Arial,
        sans-serif !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    letter-spacing: 0.04em !important;

    text-shadow: none !important;
    box-shadow: none !important;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease;
}


/* Evita margini doppi */

.tango-event-calendar .fc-toolbar .fc-right .fc-button {
    margin: 0 !important;
}


.tango-event-calendar .fc-button:hover {
    border-color: var(--calendar-gold) !important;

    background: var(--calendar-gold) !important;

    color: #090909 !important;
}


/* Pulsante attivo */

.tango-event-calendar .fc-button.fc-state-active,
.tango-event-calendar .fc-button.fc-state-down,
.tango-event-calendar .fc-button:not(:disabled).fc-button-active {
    border-color: var(--calendar-red) !important;

    background: var(--calendar-red) !important;

    color: #ffffff !important;

    box-shadow: none !important;
}


/* ==========================================================================
   CONTENITORE DEL CALENDARIO
   ========================================================================== */

.tango-event-calendar .fc-view-container {
    overflow: hidden;

    border: 1px solid var(--calendar-border-strong) !important;

    background: var(--calendar-cell);
}


/* Elimina eventuali bordi default */

.tango-event-calendar .fc-view,
.tango-event-calendar .fc-view > table,
.tango-event-calendar .fc table {
    border-color: transparent !important;
}


.tango-event-calendar .fc-view > table {
    margin: 0 !important;

    border: 0 !important;
}


/* ==========================================================================
   BORDI DELLA GRIGLIA
   ========================================================================== */

.tango-event-calendar .fc td,
.tango-event-calendar .fc th,
.tango-event-calendar .fc-unthemed td,
.tango-event-calendar .fc-unthemed th {
    border-color: var(--calendar-border) !important;
}


/* Evita bordo superiore troppo chiaro */

.tango-event-calendar .fc-head,
.tango-event-calendar .fc-head-container,
.tango-event-calendar .fc-head table,
.tango-event-calendar .fc-widget-header {
    border-top: 0 !important;
}


/* ==========================================================================
   INTESTAZIONE GIORNI
   ========================================================================== */

.tango-event-calendar .fc-head,
.tango-event-calendar .fc-head-container,
.tango-event-calendar .fc-widget-header {
    background: var(--calendar-header) !important;
}


.tango-event-calendar .fc-day-header {
    padding: 13px 5px !important;

    background: var(--calendar-header) !important;

    color: #d0d0d0 !important;

    font-family:
        var(--e-global-typography-accent-font-family, "Inter"),
        Arial,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    line-height: 1.2 !important;

    letter-spacing: 0 !important;

    text-transform: lowercase !important;
}


/* ==========================================================================
   CELLE GIORNI
   ========================================================================== */

.tango-event-calendar .fc-day,
.tango-event-calendar .fc-bg td {
    background: var(--calendar-cell) !important;

    transition: background-color 0.25s ease;
}


.tango-event-calendar .fc-day:hover,
.tango-event-calendar .fc-bg td:hover {
    background: var(--calendar-cell-hover) !important;
}


/* Numero giorno */

.tango-event-calendar .fc-day-number {
    padding: 9px 10px !important;

    color: #d4d4d4 !important;

    font-family:
        var(--e-global-typography-text-font-family, "Inter"),
        Arial,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 400 !important;

    text-decoration: none !important;
}


/* Giorni del mese precedente/successivo */

.tango-event-calendar .fc-other-month,
.tango-event-calendar .fc-other-month .fc-day-number {
    color: var(--calendar-muted) !important;

    opacity: 0.50 !important;
}


/* ==========================================================================
   GIORNO CORRENTE
   ========================================================================== */

.tango-event-calendar .fc-today {
    position: relative;

    background: rgba(184, 144, 79, 0.08) !important;
}


.tango-event-calendar .fc-today .fc-day-number {
    color: var(--calendar-red) !important;

    font-weight: 700 !important;
}


/* Piccolo bordo oro sopra la cella corrente */

.tango-event-calendar .fc-today::after {
    position: absolute;

    top: 0;
    right: 0;
    left: 0;

    height: 2px;

    background: var(--calendar-gold);

    content: "";

    pointer-events: none;
}


/* ==========================================================================
   EVENTI
   ========================================================================== */

.tango-event-calendar .fc-event {
    margin: 3px 5px !important;

    padding: 6px 8px !important;

    overflow: hidden;

    border: 0 !important;
    border-left: 3px solid var(--calendar-gold) !important;

    border-radius: 0 !important;

    background: var(--calendar-red) !important;

    color: #ffffff !important;

    box-shadow: none !important;

    cursor: pointer;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease;
}


.tango-event-calendar .fc-event:hover {
    background: #b60410 !important;

    color: #ffffff !important;

    transform: translateY(-1px);
}


.tango-event-calendar .fc-event,
.tango-event-calendar .fc-event-title,
.tango-event-calendar .fc-title,
.tango-event-calendar .fc-time {
    color: #ffffff !important;

    font-family:
        var(--e-global-typography-text-font-family, "Inter"),
        Arial,
        sans-serif !important;

    font-size: 10px !important;
    font-weight: 500 !important;

    line-height: 1.35 !important;
}


.tango-event-calendar .fc-time {
    margin-right: 4px;

    color: rgba(255, 255, 255, 0.72) !important;

    font-weight: 400 !important;
}


/* ==========================================================================
   ALTEZZA RIGHE
   ========================================================================== */

.tango-event-calendar .fc-row,
.tango-event-calendar .fc-basic-view .fc-body .fc-row {
    min-height: 105px !important;
}


/* ==========================================================================
   VISTA SETTIMANA / GIORNO
   ========================================================================== */

.tango-event-calendar .fc-time-grid,
.tango-event-calendar .fc-time-grid-container,
.tango-event-calendar .fc-axis {
    background: var(--calendar-cell) !important;

    color: var(--calendar-muted) !important;
}


.tango-event-calendar .fc-time-grid .fc-slats td {
    border-color: rgba(184, 144, 79, 0.13) !important;
}


/* ==========================================================================
   SCROLLBAR
   ========================================================================== */

.tango-event-calendar ::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}


.tango-event-calendar ::-webkit-scrollbar-track {
    background: #101010;
}


.tango-event-calendar ::-webkit-scrollbar-thumb {
    background: var(--calendar-gold);
}


.tango-event-calendar ::-webkit-scrollbar-thumb:hover {
    background: #c7a463;
}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1024px) {

    .tango-event-calendar .fc-toolbar {
        gap: 18px;
    }


    .tango-event-calendar .fc-toolbar h2 {
        font-size: 28px !important;
    }


    .tango-event-calendar .fc-button {
        padding: 7px 10px !important;

        font-size: 10px !important;
    }


    .tango-event-calendar .fc-prev-button,
    .tango-event-calendar .fc-next-button {
        width: 38px !important;
        min-width: 38px !important;

        height: 38px !important;
        min-height: 38px !important;
    }


    .tango-event-calendar .fc-today-button {
        height: 38px !important;
        min-height: 38px !important;
    }


    .tango-event-calendar .fc-row,
    .tango-event-calendar .fc-basic-view .fc-body .fc-row {
        min-height: 90px !important;
    }
}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 767px) {

    .tango-event-calendar .fc-toolbar {
        display: flex !important;

        flex-direction: column;

        align-items: stretch;

        gap: 13px;

        margin-bottom: 18px !important;
    }


    .tango-event-calendar .fc-toolbar .fc-left,
    .tango-event-calendar .fc-toolbar .fc-center,
    .tango-event-calendar .fc-toolbar .fc-right {
        display: flex !important;

        width: 100%;

        align-items: center;
        justify-content: center;

        float: none !important;
    }


    .tango-event-calendar .fc-toolbar h2 {
        font-size: 30px !important;

        line-height: 1 !important;

        text-align: center;
    }


    .tango-event-calendar .fc-toolbar .fc-right .fc-button-group {
        display: flex;

        flex-wrap: wrap;

        justify-content: center;
    }


    .tango-event-calendar .fc-button {
        min-height: 34px !important;

        padding: 7px 9px !important;

        font-size: 9px !important;
    }


    .tango-event-calendar .fc-prev-button,
    .tango-event-calendar .fc-next-button {
        width: 38px !important;
        min-width: 38px !important;

        height: 38px !important;
        min-height: 38px !important;
    }


    .tango-event-calendar .fc-today-button {
        height: 38px !important;
        min-height: 38px !important;
    }


    .tango-event-calendar .fc-day-header {
        padding: 9px 2px !important;

        font-size: 9px !important;
    }


    .tango-event-calendar .fc-day-number {
        padding: 7px !important;

        font-size: 10px !important;
    }


    .tango-event-calendar .fc-row,
    .tango-event-calendar .fc-basic-view .fc-body .fc-row {
        min-height: 75px !important;
    }


    .tango-event-calendar .fc-event {
        margin: 2px !important;

        padding: 4px 3px !important;

        border-left-width: 2px !important;
    }


    .tango-event-calendar .fc-event,
    .tango-event-calendar .fc-event-title,
    .tango-event-calendar .fc-title,
    .tango-event-calendar .fc-time {
        font-size: 8px !important;
    }
}

/* ==========================================================================
   EA EVENT CALENDAR - POPUP DETTAGLIO EVENTO
   Classe widget Elementor: tango-event-calendar
   ========================================================================== */


/* ==========================================================================
   OVERLAY / SFONDO DIETRO IL POPUP
   ========================================================================== */

.tango-event-calendar .eaelec-modal .eael-ec-modal-bg {
    background: rgba(0, 0, 0, 0.82) !important;
    opacity: 1 !important;

    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}


/* ==========================================================================
   CONTENITORE POPUP
   ========================================================================== */

.tango-event-calendar .eaelec-modal-content {
    position: relative;

    width: calc(100% - 40px) !important;
    max-width: 820px !important;

    margin: auto !important;
    padding: 0 !important;

    overflow: visible;

    border: 1px solid rgba(184, 144, 79, 0.55) !important;
    border-radius: 0 !important;

    background: #0d0d0d !important;

    color: #d7d7d7 !important;

    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.65),
        0 0 0 1px rgba(255, 255, 255, 0.02) !important;
}


/* Se EA usa un'immagine come background del popup */

.tango-event-calendar .eaelec-modal-content.eaelec-bg-img {
    background-position: center !important;
    background-size: cover !important;
}


/* Overlay interno quando è presente un'immagine */

.tango-event-calendar
.eaelec-modal-content
.eaelec-modal-overlay {
    background: rgba(8, 8, 8, 0.88) !important;
    opacity: 1 !important;
}


/* ==========================================================================
   HEADER
   ========================================================================== */

.tango-event-calendar .eaelec-modal-header {
    position: relative;

    margin: 0 !important;
    padding: 38px 42px 25px !important;

    overflow: visible !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(184, 144, 79, 0.20) !important;

    background: transparent !important;

    color: #ffffff !important;
}


/* Piccola linea oro decorativa */

.tango-event-calendar .eaelec-modal-header::before {
    display: block;

    width: 42px;
    height: 2px;

    margin-bottom: 18px;

    background: var(--tango-gold, #b8904f);

    content: "";
}


/* ==========================================================================
   TITOLO EVENTO
   ========================================================================== */

.tango-event-calendar .eaelec-modal-header h2 {
    margin: 0 0 14px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family:
        var(
            --e-global-typography-primary-font-family,
            "Cormorant Garamond"
        ),
        Georgia,
        serif !important;

    font-size: clamp(38px, 4.2vw, 56px) !important;
    font-weight: 500 !important;

    line-height: 1 !important;
    letter-spacing: -0.02em !important;
}


/* ==========================================================================
   DATA / ORA
   ========================================================================== */

.tango-event-calendar
.eaelec-modal-header
.eaelec-event-popup-date {
    display: inline-flex !important;

    align-items: center;

    gap: 8px;

    padding: 0 !important;

    color: rgba(255, 255, 255, 0.65) !important;

    font-family:
        var(--e-global-typography-text-font-family, "Inter"),
        Arial,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 400 !important;

    line-height: 1.5 !important;
}


/* Icona calendario */

.tango-event-calendar
.eaelec-modal-header
.eaelec-event-popup-date i {
    color: var(--tango-gold, #b8904f) !important;

    font-size: 13px !important;
}


/* ==========================================================================
   LOCATION
   ========================================================================== */

.tango-event-calendar
.eaelec-modal-header
.eaelec-event-popup-location {
    display: flex !important;

    align-items: center;

    gap: 7px;

    margin-top: 8px;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.62) !important;

    font-family:
        var(--e-global-typography-text-font-family, "Inter"),
        Arial,
        sans-serif !important;

    font-size: 12px !important;
    line-height: 1.5 !important;
}


.tango-event-calendar
.eaelec-modal-header
.eaelec-event-popup-location i {
    margin: 0 !important;

    color: var(--tango-gold, #b8904f) !important;
}


/* ==========================================================================
   CORPO DEL POPUP
   ========================================================================== */

.tango-event-calendar .eaelec-modal-body {
    height: auto !important;
    max-height: 420px;

    margin: 0 !important;
    padding: 30px 42px 38px !important;

    overflow-y: auto;

    background: transparent !important;

    color: #c9c9c9 !important;

    font-family:
        var(--e-global-typography-text-font-family, "Inter"),
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.75 !important;

    word-break: normal !important;
}


/* Testi */

.tango-event-calendar .eaelec-modal-body p {
    margin-top: 0;
    margin-bottom: 16px;

    color: inherit !important;

    font: inherit !important;
    line-height: inherit !important;
}


.tango-event-calendar .eaelec-modal-body p:last-child {
    margin-bottom: 0;
}


/* Titoli dentro la descrizione */

.tango-event-calendar .eaelec-modal-body h1,
.tango-event-calendar .eaelec-modal-body h2,
.tango-event-calendar .eaelec-modal-body h3,
.tango-event-calendar .eaelec-modal-body h4 {
    margin-top: 25px;
    margin-bottom: 12px;

    color: #ffffff !important;

    font-family:
        var(
            --e-global-typography-primary-font-family,
            "Cormorant Garamond"
        ),
        Georgia,
        serif !important;

    font-weight: 500 !important;
}


/* Link */

.tango-event-calendar .eaelec-modal-body a {
    color: var(--tango-gold, #b8904f) !important;

    text-decoration: none !important;

    border-bottom: 1px solid currentColor;
}


.tango-event-calendar .eaelec-modal-body a:hover {
    color: var(--tango-red, #e30613) !important;
}


/* ==========================================================================
   EVENTUALE IMMAGINE EVENTO
   ========================================================================== */

.tango-event-calendar .eaelec-modal-body-img {
    display: block;

    width: 100%;
    max-width: 320px !important;
    height: auto !important;

    object-fit: cover;

    border: 1px solid rgba(184, 144, 79, 0.25);
}


/* Layout immagine + contenuto */

.tango-event-calendar .eaelec-img-inside {
    display: grid !important;

    grid-template-columns: minmax(220px, 0.7fr) minmax(0, 1fr);

    gap: 32px !important;

    align-items: start;
}


/* ==========================================================================
   FOOTER EVENTUALE
   ========================================================================== */

.tango-event-calendar .eaelec-modal-footer {
    margin: 0 !important;
    padding: 0 42px 30px !important;

    border: 0 !important;

    background: transparent !important;

    color: rgba(255, 255, 255, 0.65) !important;

    font-family:
        var(--e-global-typography-text-font-family, "Inter"),
        Arial,
        sans-serif !important;
}
.tango-event-calendar .eaelec-modal-footer .eaelec-event-details-link {
    display: none !important;
}

.tango-event-calendar .eaelec-event-date-start,
.tango-event-calendar .eaelec-event-date-end {
    color: inherit !important;

    font-size: 12px !important;
}

/* ==========================================================================
   CONTACT FORM 7 - TANGO STYLE
   ========================================================================== */

.tango-contact-form {
    --form-bg: #101010;
    --form-bg-focus: #151515;

    --form-text: #ffffff;
    --form-placeholder: #747474;

    --form-border: rgba(255, 255, 255, 0.55);
    --form-border-focus: var(--tango-gold, #b8904f);

    --form-gold: var(--tango-gold, #b8904f);
    --form-red: var(--tango-red, #e30613);

    width: 100%;

    font-family:
        var(--e-global-typography-text-font-family, "Inter"),
        Arial,
        sans-serif;
}


/* ==========================================================================
   GRID
   ========================================================================== */

.tango-contact-form .tango-form-grid {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    column-gap: 22px;
    row-gap: 28px;
}


.tango-contact-form .tango-form-field {
    min-width: 0;
}


.tango-contact-form .tango-form-field--full {
    grid-column: 1 / -1;
}


/* ==========================================================================
   LABEL
   ========================================================================== */

.tango-contact-form .tango-form-field > label {
    display: block;

    margin: 0 0 9px;

    color: var(--form-gold) !important;

    font-family:
        var(--e-global-typography-accent-font-family, "Inter"),
        Arial,
        sans-serif !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    line-height: 1.3;

    letter-spacing: 0.10em;

    text-transform: uppercase;
}


/* ==========================================================================
   WRAPPER CF7
   ========================================================================== */

.tango-contact-form .wpcf7-form-control-wrap {
    display: block;

    width: 100%;
}


/* ==========================================================================
   CAMPI
   ========================================================================== */

.tango-contact-form input[type="text"],
.tango-contact-form input[type="email"],
.tango-contact-form input[type="tel"],
.tango-contact-form input[type="url"],
.tango-contact-form textarea,
.tango-contact-form select {
    display: block;

    width: 100%;

    margin: 0;

    padding: 15px 16px;

    border: 1px solid var(--form-border) !important;
    border-radius: 0 !important;

    outline: none !important;

    background: var(--form-bg) !important;

    color: var(--form-text) !important;

    font-family:
        var(--e-global-typography-text-font-family, "Inter"),
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.5;

    box-shadow: none !important;

    transition:
        border-color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}


.tango-contact-form input[type="text"],
.tango-contact-form input[type="email"],
.tango-contact-form input[type="tel"],
.tango-contact-form input[type="url"],
.tango-contact-form select {
    min-height: 54px;
}


/* Textarea */

.tango-contact-form textarea {
    min-height: 170px;

    resize: vertical;
}


/* ==========================================================================
   PLACEHOLDER
   ========================================================================== */

.tango-contact-form input::placeholder,
.tango-contact-form textarea::placeholder {
    color: var(--form-placeholder) !important;

    opacity: 1;
}


/* ==========================================================================
   FOCUS
   ========================================================================== */

.tango-contact-form input[type="text"]:focus,
.tango-contact-form input[type="email"]:focus,
.tango-contact-form input[type="tel"]:focus,
.tango-contact-form input[type="url"]:focus,
.tango-contact-form textarea:focus,
.tango-contact-form select:focus {
    border-color: var(--form-border-focus) !important;

    background: var(--form-bg-focus) !important;

    box-shadow:
        0 0 0 2px rgba(184, 144, 79, 0.08) !important;
}


/* ==========================================================================
   PRIVACY
   ========================================================================== */

.tango-contact-form .tango-form-privacy {
    margin-top: -3px;
}


.tango-contact-form .tango-form-privacy .wpcf7-list-item {
    margin: 0 !important;
}


.tango-contact-form .tango-form-privacy label {
    display: flex !important;

    align-items: flex-start;

    gap: 11px;

    margin: 0 !important;

    color: rgba(255, 255, 255, 0.67) !important;

    font-family:
        var(--e-global-typography-text-font-family, "Inter"),
        Arial,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 400 !important;

    line-height: 1.6 !important;

    letter-spacing: 0 !important;

    text-transform: none !important;

    cursor: pointer;
}


.tango-contact-form .tango-form-privacy .wpcf7-list-item-label {
    display: block;
}


/* Checkbox */

.tango-contact-form
.tango-form-privacy
input[type="checkbox"] {
    position: relative;

    flex: 0 0 auto;

    width: 18px !important;
    height: 18px !important;

    margin: 1px 0 0 !important;
    padding: 0 !important;

    border: 1px solid var(--form-gold) !important;
    border-radius: 0 !important;

    appearance: none;
    -webkit-appearance: none;

    background: transparent !important;

    box-shadow: none !important;

    cursor: pointer;
}


.tango-contact-form
.tango-form-privacy
input[type="checkbox"]:checked {
    border-color: var(--form-red) !important;

    background: var(--form-red) !important;
}


.tango-contact-form
.tango-form-privacy
input[type="checkbox"]:checked::after {
    position: absolute;

    top: 2px;
    left: 5px;

    width: 5px;
    height: 9px;

    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;

    content: "";

    transform: rotate(45deg);
}


/* Link privacy */

.tango-contact-form .tango-form-privacy a {
    color: var(--form-gold) !important;

    text-decoration: underline;

    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}


.tango-contact-form .tango-form-privacy a:hover {
    color: var(--form-red) !important;
}


/* ==========================================================================
   PULSANTE INVIO
   ========================================================================== */

.tango-contact-form .tango-form-submit {
    margin-top: 0;
}


.tango-contact-form input[type="submit"],
.tango-contact-form .wpcf7-submit {
    display: inline-flex !important;

    width: auto !important;
    min-width: 210px !important;

    min-height: 52px !important;

    align-items: center;
    justify-content: center;

    margin: 0 !important;

    padding: 15px 28px !important;

    border: 1px solid var(--form-red) !important;
    border-radius: 0 !important;

    background: var(--form-red) !important;
    background-image: none !important;

    color: #ffffff !important;

    font-family:
        var(--e-global-typography-accent-font-family, "Inter"),
        Arial,
        sans-serif !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    letter-spacing: 0.10em !important;

    text-transform: uppercase;

    box-shadow: none !important;
    text-shadow: none !important;

    cursor: pointer;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


.tango-contact-form input[type="submit"]:hover,
.tango-contact-form .wpcf7-submit:hover {
    border-color: var(--form-gold) !important;

    background: transparent !important;

    color: var(--form-gold) !important;

    transform: translateY(-2px);
}


/* ==========================================================================
   SPINNER
   ========================================================================== */

.tango-contact-form .wpcf7-spinner {
    margin: 0 0 0 12px;

    background-color: var(--form-gold);
}


/* ==========================================================================
   ERRORI
   ========================================================================== */

.tango-contact-form .wpcf7-not-valid {
    border-color: var(--form-red) !important;
}


.tango-contact-form .wpcf7-not-valid-tip {
    margin-top: 6px;

    color: #ff6666 !important;

    font-size: 11px;

    line-height: 1.4;
}


/* ==========================================================================
   RISPOSTA CF7
   ========================================================================== */

.tango-contact-form .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
    margin: 24px 0 0 !important;

    padding: 13px 16px !important;

    border: 1px solid var(--form-gold) !important;
    border-radius: 0 !important;

    background: rgba(184, 144, 79, 0.07);

    color: #ffffff !important;

    font-size: 12px;

    line-height: 1.6;
}


.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: var(--form-red) !important;

    background: rgba(227, 6, 19, 0.07);
}


/* ==========================================================================
   AUTOFILL
   ========================================================================== */

.tango-contact-form input:-webkit-autofill,
.tango-contact-form input:-webkit-autofill:hover,
.tango-contact-form input:-webkit-autofill:focus {
    -webkit-text-fill-color: #ffffff !important;

    -webkit-box-shadow:
        0 0 0 1000px #101010 inset !important;

    caret-color: #ffffff;

    transition:
        background-color 9999s ease-in-out 0s;
}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 767px) {

    .tango-contact-form .tango-form-grid {
        grid-template-columns: 1fr;

        row-gap: 20px;
    }


    .tango-contact-form .tango-form-field--full {
        grid-column: auto;
    }


    .tango-contact-form textarea {
        min-height: 150px;
    }


    .tango-contact-form input[type="submit"],
    .tango-contact-form .wpcf7-submit {
        width: 100% !important;
    }
}

/* ==========================================================================
   PULSANTE CHIUDI
   ========================================================================== */

.tango-event-calendar .eaelec-modal-close {
    position: absolute !important;

    top: -18px !important;
    right: -18px !important;

    display: flex !important;

    width: 42px !important;
    height: 42px !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    overflow: hidden !important;

    border: 1px solid var(--tango-gold, #b8904f) !important;
    border-radius: 50% !important;

    background: #0a0a0a !important;

    color: #ffffff !important;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.50) !important;

    cursor: pointer;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


.tango-event-calendar .eaelec-modal-close > span {
    display: flex;

    align-items: center;
    justify-content: center;

    color: inherit !important;

    font-family: Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 400 !important;

    line-height: 1 !important;
}


.tango-event-calendar .eaelec-modal-close:hover,
.tango-event-calendar .eaelec-modal-close:focus {
    border-color: var(--tango-red, #e30613) !important;

    background: var(--tango-red, #e30613) !important;

    color: #ffffff !important;

    transform: rotate(90deg);
}


/* ==========================================================================
   SCROLLBAR
   ========================================================================== */

.tango-event-calendar .eaelec-modal-body::-webkit-scrollbar,
.tango-event-calendar
.eaelec-modal-body-content::-webkit-scrollbar {
    width: 6px;
}


.tango-event-calendar .eaelec-modal-body::-webkit-scrollbar-track,
.tango-event-calendar
.eaelec-modal-body-content::-webkit-scrollbar-track {
    background: #111111;
}


.tango-event-calendar .eaelec-modal-body::-webkit-scrollbar-thumb,
.tango-event-calendar
.eaelec-modal-body-content::-webkit-scrollbar-thumb {
    border-radius: 0 !important;

    background: var(--tango-gold, #b8904f) !important;
}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1024px) {

    .tango-event-calendar .eaelec-modal-content {
        max-width: 720px !important;
    }


    .tango-event-calendar .eaelec-modal-header {
        padding: 34px 34px 22px !important;
    }


    .tango-event-calendar .eaelec-modal-body {
        padding: 26px 34px 32px !important;
    }


    .tango-event-calendar .eaelec-modal-footer {
        padding-right: 34px !important;
        padding-left: 34px !important;
    }


    .tango-event-calendar .eaelec-img-inside {
        gap: 24px !important;
    }
}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 767px) {

    .tango-event-calendar .eaelec-modal {
        padding: 20px;
    }


    .tango-event-calendar .eaelec-modal-content {
        width: 100% !important;
        max-width: none !important;

        max-height: calc(100vh - 40px);

        overflow-y: auto;
    }


    .tango-event-calendar .eaelec-modal-header {
        padding: 30px 24px 20px !important;
    }


    .tango-event-calendar .eaelec-modal-header h2 {
        font-size: 38px !important;
    }


    .tango-event-calendar .eaelec-modal-body {
        max-height: none;

        padding: 24px !important;
    }


    .tango-event-calendar .eaelec-modal-footer {
        padding: 0 24px 25px !important;
    }


    .tango-event-calendar .eaelec-img-inside {
        display: block !important;
    }


    .tango-event-calendar .eaelec-modal-body-img {
        width: 100%;
        max-width: 100% !important;

        margin-bottom: 22px;
    }


    .tango-event-calendar .eaelec-modal-close {
        top: 10px !important;
        right: 10px !important;

        width: 36px !important;
        height: 36px !important;

        border-color: rgba(184, 144, 79, 0.65) !important;
    }


}

/* ==========================================================================
   17. TABLET
   ========================================================================== */

@media (max-width: 1024px) {
    :root {
        --tango-section-space: var(--tango-section-space-tablet);
    }

    .tango-section {
        padding-right: 24px;
        padding-left: 24px;
    }

    .tango-header {
        padding-right: 22px;
        padding-left: 22px;
    }

    .tango-header .elementor-nav-menu,
    .tango-header .tango-nav {
        gap: 18px;
    }

    .tango-header .elementor-nav-menu a,
    .tango-header .tango-nav a {
        font-size: 0.66rem;
    }

    .tango-hero {
        min-height: 720px;
        padding-right: 24px;
        padding-left: 24px;
        background-position: 62% center;
    }

    .tango-hero::before {
        background:
            linear-gradient(
                90deg,
                rgba(0, 0, 0, 0.95) 0%,
                rgba(0, 0, 0, 0.72) 50%,
                rgba(0, 0, 0, 0.18) 100%
            ),
            linear-gradient(
                180deg,
                rgba(0, 0, 0, 0.22),
                rgba(0, 0, 0, 0.36)
            );
    }

    .tango-about__grid,
    .tango-grid-2 {
        grid-template-columns: 1fr 1fr;
        gap: 42px;
    }

    .tango-course-card {
        min-height: 450px;
    }

    .tango-course-card__content {
        padding: 26px 24px;
    }

    .tango-locations__intro,
    .tango-locations__map {
        min-height: 540px;
        padding: 44px;
    }

    .tango-milonga,
    .tango-testimonials {
        min-height: 460px;
        padding: 48px;
    }

    .tango-contact__grid {
        gap: 52px;
    }
}

/* ==========================================================================
   18. MOBILE
   ========================================================================== */

@media (max-width: 767px) {
    :root {
        --tango-section-space: var(--tango-section-space-mobile);
    }

    body {
        font-size: 15px;
    }

    .tango-section {
        padding-right: 20px;
        padding-left: 20px;
    }

    .tango-section--small {
        padding-top: 52px;
        padding-bottom: 52px;
    }

    .tango-grid-2,
    .tango-grid-3,
    .tango-grid-4,
    .tango-about__grid,
    .tango-course-grid,
    .tango-method-grid,
    .tango-experience__grid,
    .tango-contact__grid {
        grid-template-columns: 1fr;
    }

    .tango-header {
        padding: 12px 16px;
        background: rgba(8, 8, 8, 0.92);
    }

    .tango-header .custom-logo,
    .tango-header .elementor-widget-theme-site-logo img,
    .tango-header .elementor-widget-image img {
        max-height: 56px;
    }

    .tango-header .elementor-nav-menu,
    .tango-header .tango-nav {
        gap: 0;
    }

    .tango-header .elementor-nav-menu--dropdown,
    .tango-header .tango-nav--mobile {
        width: 100%;
        padding: 14px 0;
        background: var(--tango-black);
    }

    .tango-header .elementor-nav-menu--dropdown a,
    .tango-header .tango-nav--mobile a {
        display: block;
        padding: 13px 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .tango-hero {
        min-height: 680px;
        align-items: flex-end;
        padding: 130px 20px 76px;
        background-position: 67% center;
    }

    .tango-hero::before {
        background:
            linear-gradient(
                180deg,
                rgba(0, 0, 0, 0.18) 0%,
                rgba(0, 0, 0, 0.45) 40%,
                rgba(0, 0, 0, 0.95) 100%
            );
    }

    .tango-hero__content {
        max-width: 100%;
    }

    .tango-hero h1,
    .tango-hero .elementor-heading-title {
        margin-bottom: 22px;
        font-size: clamp(3.1rem, 14vw, 4.5rem);
        line-height: 0.96;
    }

    .tango-hero__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .tango-hero__actions .tango-button,
    .tango-hero__actions .elementor-button {
        width: 100%;
    }

    .tango-hero__video {
        display: none;
    }

    .tango-about__grid {
        gap: 34px;
    }

    .tango-about__image,
    .tango-about__image img {
        min-height: 390px;
    }

    .tango-courses__intro {
        display: block;
        margin-bottom: 34px;
    }

    .tango-courses__intro .tango-button,
    .tango-courses__intro .elementor-button {
        margin-top: 20px;
    }

    .tango-course-grid {
        gap: 18px;
    }

    .tango-course-card {
        min-height: 460px;
    }

    .tango-locations__grid {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .tango-locations__intro,
    .tango-locations__map {
        min-height: 430px;
        padding: 34px 24px;
    }

    .tango-method__header {
        margin-bottom: 38px;
    }

    .tango-method-grid {
        border-top: 0;
        border-bottom: 0;
    }

    .tango-method-item {
        padding: 34px 18px;
        border-top: 1px solid var(--tango-border);
    }

    .tango-method-item + .tango-method-item {
        border-left: 0;
    }

    .tango-method-item:last-child {
        border-bottom: 1px solid var(--tango-border);
    }

    .tango-milonga,
    .tango-testimonials {
        min-height: 430px;
        padding: 42px 24px;
    }

    .tango-testimonial {
        padding-left: 30px;
    }

    .tango-testimonial::before {
        font-size: 4rem;
    }

    .tango-instagram-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tango-instagram-grid a:nth-child(n + 7) {
        display: none;
    }

    .tango-contact::after {
        right: -180px;
        bottom: -190px;
    }

    .tango-footer {
        padding-right: 20px;
        padding-left: 20px;
    }

    .tango-footer__inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .tango-hidden-mobile {
        display: none !important;
    }

    .tango-hidden-desktop {
        display: initial !important;
    }
}

/* ==========================================================================
   19. ACCESSIBILITÀ E RIDUZIONE ANIMAZIONI
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* ==========================================================================
   PULSANTI
   In Elementor assegna al widget Pulsante:
   tango-btn + una variante, ad esempio tango-btn-red
   ========================================================================== */

/* Stile base */
.tango-btn .elementor-button,
.elementor-button.tango-btn {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 15px 28px;
    border: 1px solid transparent;
    border-radius: 0;

    font-family:
        var(--e-global-typography-accent-font-family, "Inter"),
        Arial,
        sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    cursor: pointer;

    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.tango-btn .elementor-button:hover,
.elementor-button.tango-btn:hover {
    transform: translateY(-2px);
}

.tango-btn .elementor-button:focus-visible,
.elementor-button.tango-btn:focus-visible {
    outline: 2px solid var(--tango-gold, #b8904f);
    outline-offset: 3px;
}

/* ==========================================================================
   PULSANTE ROSSO
   Classi Elementor: tango-btn tango-btn-red
   ========================================================================== */

.tango-btn-red .elementor-button,
.elementor-button.tango-btn-red {
    border-color: var(--tango-red, #e30613);
    background-color: var(--tango-red, #e30613);
    color: #ffffff;
}

.tango-btn-red .elementor-button:hover,
.elementor-button.tango-btn-red:hover {
    border-color: #b60410;
    background-color: #b60410;
    color: #ffffff;
    box-shadow: 0 12px 28px rgba(227, 6, 19, 0.24);
}

/* ==========================================================================
   PULSANTE ORO
   Classi Elementor: tango-btn tango-btn-gold
   ========================================================================== */

.tango-btn-gold .elementor-button,
.elementor-button.tango-btn-gold {
    border-color: var(--tango-gold, #b8904f);
    background-color: var(--tango-gold, #b8904f);
    color: #111111;
}

.tango-btn-gold .elementor-button:hover,
.elementor-button.tango-btn-gold:hover {
    border-color: #caa565;
    background-color: #caa565;
    color: #111111;
    box-shadow: 0 12px 28px rgba(184, 144, 79, 0.24);
}

/* ==========================================================================
   CONTORNO ORO SU SFONDO SCURO
   Classi Elementor: tango-btn tango-btn-outline-light
   ========================================================================== */

.tango-btn-outline-light .elementor-button,
.elementor-button.tango-btn-outline-light {
    border-color: var(--tango-gold, #b8904f);
    background-color: transparent;
    color: var(--tango-gold, #b8904f);
}

.tango-btn-outline-light .elementor-button:hover,
.elementor-button.tango-btn-outline-light:hover {
    background-color: var(--tango-gold, #b8904f);
    color: #111111;
}

/* ==========================================================================
   CONTORNO SCURO SU SFONDO CHIARO
   Classi Elementor: tango-btn tango-btn-outline-dark
   ========================================================================== */

.tango-btn-outline-dark .elementor-button,
.elementor-button.tango-btn-outline-dark {
    border-color: var(--tango-title, #1d1d1d);
    background-color: transparent;
    color: var(--tango-title, #1d1d1d);
}

.tango-btn-outline-dark .elementor-button:hover,
.elementor-button.tango-btn-outline-dark:hover {
    border-color: var(--tango-title, #1d1d1d);
    background-color: var(--tango-title, #1d1d1d);
    color: #ffffff;
}

/* ==========================================================================
   CONTORNO BIANCO
   Classi Elementor: tango-btn tango-btn-outline-white
   ========================================================================== */

.tango-btn-outline-white .elementor-button,
.elementor-button.tango-btn-outline-white {
    border-color: rgba(255, 255, 255, 0.75);
    background-color: transparent;
    color: #ffffff;
}

.tango-btn-outline-white .elementor-button:hover,
.elementor-button.tango-btn-outline-white:hover {
    border-color: #ffffff;
    background-color: #ffffff;
    color: #111111;
}

/* ==========================================================================
   PULSANTE TESTUALE
   Classi Elementor: tango-btn tango-btn-text
   ========================================================================== */

.tango-btn-text .elementor-button,
.elementor-button.tango-btn-text {
    min-height: auto;
    padding: 0 0 6px;

    border: 0;
    border-bottom: 1px solid currentColor;

    background: transparent;
    color: var(--tango-title, #1d1d1d);
}

.tango-btn-text .elementor-button:hover,
.elementor-button.tango-btn-text:hover {
    color: var(--tango-red, #e30613);
    transform: none;
}

/* Versione testuale oro */
.tango-btn-text-gold .elementor-button,
.elementor-button.tango-btn-text-gold {
    min-height: auto;
    padding: 0 0 6px;

    border: 0;
    border-bottom: 1px solid currentColor;

    background: transparent;
    color: var(--tango-gold, #b8904f);
}

.tango-btn-text-gold .elementor-button:hover,
.elementor-button.tango-btn-text-gold:hover {
    color: #ffffff;
    transform: none;
}


/* ==========================================================================
   SEZIONE DICONO DI NOI
   ========================================================================== */

.tango-testimonials-section {
    position: relative;
    overflow: hidden;

    padding: 50px 30px;

    background:
        radial-gradient(
            circle at 15% 50%,
            rgba(227, 6, 19, 0.08) 0,
            transparent 32%
        ),
        radial-gradient(
            circle at 85% 40%,
            rgba(184, 144, 79, 0.07) 0,
            transparent 30%
        ),
        #080808;

    color: #ffffff;
}

/* Linea decorativa superiore */

.tango-testimonials-section::before {
    position: absolute;
    top: 0;
    left: 50%;

    width: min(1280px, calc(100% - 60px));
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(184, 144, 79, 0.55),
        transparent
    );

    content: "";
    transform: translateX(-50%);
}

/* Elemento decorativo sullo sfondo */

.tango-testimonials-section::after {
    position: absolute;
    right: -140px;
    bottom: -230px;

    width: 520px;
    height: 520px;

    border: 1px solid rgba(227, 6, 19, 0.09);
    border-radius: 50%;

    content: "";
    pointer-events: none;
}

/* ==========================================================================
   CONTENITORE INTERNO
   ========================================================================== */

.tango-testimonials-inner {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1080px;

    margin-right: auto;
    margin-left: auto;
}

/* ==========================================================================
   ETICHETTA SUPERIORE
   ========================================================================== */

.tango-testimonials-eyebrow {
    margin-bottom: 14px;
    text-align: center;
}

.tango-testimonials-eyebrow .elementor-heading-title,
.tango-testimonials-eyebrow {
    color: var(--tango-red, #e30613);

    font-family:
        var(--e-global-typography-accent-font-family, "Inter"),
        Arial,
        sans-serif;

    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

/* Linee ai lati dell'etichetta */

.tango-testimonials-eyebrow .elementor-heading-title {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.tango-testimonials-eyebrow .elementor-heading-title::before,
.tango-testimonials-eyebrow .elementor-heading-title::after {
    display: block;

    width: 30px;
    height: 1px;

    background: var(--tango-red, #e30613);

    content: "";
}

/* ==========================================================================
   TITOLO DELLA SEZIONE
   ========================================================================== */

.tango-testimonials-title {
    margin-bottom: 50px;
    text-align: center;
}

.tango-testimonials-title .elementor-heading-title {
    margin: 0;

    color: #ffffff;

    font-family:
        var(
            --e-global-typography-primary-font-family,
            "Cormorant Garamond"
        ),
        Georgia,
        serif;

    font-size: clamp(42px, 4.4vw, 64px);
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -0.5px;
}

/* ==========================================================================
   WIDGET JKIT TESTIMONIAL
   ========================================================================== */

.tango-testimonials-slider {
    position: relative;
    width: 100%;
}

/* Rimozione di eventuali sfondi e bordi predefiniti */

.tango-testimonials-slider .jeg-elementor-kit,
.tango-testimonials-slider .jkit-testimonials,
.tango-testimonials-slider .testimonials-list,
.tango-testimonials-slider .testimonial-item,
.tango-testimonials-slider .testimonial-box,
.tango-testimonials-slider .testimonial-content,
.tango-testimonials-slider .content-wrap {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Singola slide */

.tango-testimonials-slider .testimonial-item,
.tango-testimonials-slider .swiper-slide,
.tango-testimonials-slider .tns-item {
    display: flex;
    min-height: 330px;
    align-items: center;
    justify-content: center;

    padding: 20px 100px 55px !important;
}

/* Area interna della recensione */

.tango-testimonials-slider .testimonial-box,
.tango-testimonials-slider .testimonial-content,
.tango-testimonials-slider .content-wrap,
.tango-testimonials-slider .content {
    width: 100%;
    max-width: 850px;

    margin-right: auto;
    margin-left: auto;

    padding: 0 !important;

    text-align: center;
}

/* ==========================================================================
   VIRGOLETTE
   ========================================================================== */

.tango-testimonials-slider .icon-content,
.tango-testimonials-slider .quote-icon,
.tango-testimonials-slider .testimonial-icon,
.tango-testimonials-slider .jkit-icon {
    display: flex !important;

    width: auto !important;
    height: auto !important;

    align-items: center;
    justify-content: center;

    margin: 0 auto 20px !important;

    border: 0 !important;
    background: transparent !important;

    color: var(--tango-red, #e30613) !important;

    font-size: 46px !important;
    line-height: 1 !important;
}

/* Icone Font Awesome o SVG */

.tango-testimonials-slider .icon-content i,
.tango-testimonials-slider .quote-icon i,
.tango-testimonials-slider .testimonial-icon i {
    color: var(--tango-red, #e30613) !important;
}

.tango-testimonials-slider .icon-content svg,
.tango-testimonials-slider .quote-icon svg,
.tango-testimonials-slider .testimonial-icon svg {
    width: 46px;
    height: 46px;

    fill: var(--tango-red, #e30613) !important;
    color: var(--tango-red, #e30613) !important;
}

/* ==========================================================================
   TESTO DELLA RECENSIONE
   ========================================================================== */

.tango-testimonials-slider .comment-content,
.tango-testimonials-slider .testimonial-description,
.tango-testimonials-slider .testimonial-text,
.tango-testimonials-slider .review-content,
.tango-testimonials-slider blockquote {
    max-width: 850px;

    margin: 0 auto 28px !important;

    

    font-family:
        var(
            --e-global-typography-primary-font-family,
            "Cormorant Garamond"
        ),
        Georgia,
        serif !important;

    font-size: clamp(25px, 2.5vw, 34px) !important;
    font-weight: 400 !important;
    line-height: 1.38 !important;
    letter-spacing: -0.15px;
}

/* Paragrafi presenti nel testo */

.tango-testimonials-slider .comment-content p,
.tango-testimonials-slider .testimonial-description p,
.tango-testimonials-slider .testimonial-text p,
.tango-testimonials-slider .review-content p {
    margin: 0 !important;

   
    font: inherit !important;
    line-height: inherit !important;
}

/* ==========================================================================
   PROFILO E NOME
   ========================================================================== */

.tango-testimonials-slider .profile-card,
.tango-testimonials-slider .profile-info,
.tango-testimonials-slider .testimonial-author,
.tango-testimonials-slider .author-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center;
}

/* Nome */

.tango-testimonials-slider .profile-name,
.tango-testimonials-slider .testimonial-name,
.tango-testimonials-slider .author-name,
.tango-testimonials-slider .name {
    margin: 0 0 5px !important;

    color: var(--tango-gold, #b8904f) !important;

    font-family:
        var(--e-global-typography-accent-font-family, "Inter"),
        Arial,
        sans-serif !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 1.1px !important;
    text-transform: uppercase;
}

/* Ruolo o corso frequentato */

.tango-testimonials-slider .profile-des,
.tango-testimonials-slider .testimonial-designation,
.tango-testimonials-slider .author-designation,
.tango-testimonials-slider .designation,
.tango-testimonials-slider .role {
    margin: 0 !important;

    color: rgba(255, 255, 255, 0.55) !important;

    font-family:
        var(--e-global-typography-text-font-family, "Inter"),
        Arial,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.4px;
}

/* ==========================================================================
   FOTO PROFILO
   Nasconde le immagini per mantenere lo stile pulito del mockup.
   Elimina questa sezione se vuoi mostrare le fotografie.
   ========================================================================== */

.tango-testimonials-slider .profile-image,
.tango-testimonials-slider .testimonial-image,
.tango-testimonials-slider .author-image,
.tango-testimonials-slider .image-list {
    display: none !important;
}

/* ==========================================================================
   STELLE
   ========================================================================== */

.tango-testimonials-slider .rating-stars,
.tango-testimonials-slider .testimonial-rating,
.tango-testimonials-slider .star-rating {
    display: none !important;
}

/* ==========================================================================
   FRECCE
   ========================================================================== */

.tango-testimonials-slider .swiper-button-prev,
.tango-testimonials-slider .swiper-button-next,
.tango-testimonials-slider .tns-controls button,
.tango-testimonials-slider .jkit-arrow,
.tango-testimonials-slider .arrow {
    position: absolute;
    z-index: 5;
    top: 50%;

    display: flex !important;

    width: 48px !important;
    height: 48px !important;

    align-items: center;
    justify-content: center;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid rgba(184, 144, 79, 0.65) !important;
    border-radius: 50% !important;

    background: transparent !important;
    color: #ffffff !important;
    box-shadow: none !important;

    font-size: 16px !important;

    cursor: pointer;

    transform: translateY(-50%);
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.tango-testimonials-slider .swiper-button-prev:hover,
.tango-testimonials-slider .swiper-button-next:hover,
.tango-testimonials-slider .tns-controls button:hover,
.tango-testimonials-slider .jkit-arrow:hover,
.tango-testimonials-slider .arrow:hover {
    border-color: var(--tango-gold, #b8904f) !important;
    background: var(--tango-gold, #b8904f) !important;
    color: #080808 !important;
}

/* Posizione freccia sinistra */

.tango-testimonials-slider .swiper-button-prev,
.tango-testimonials-slider .tns-controls button:first-child,
.tango-testimonials-slider .jkit-arrow.prev,
.tango-testimonials-slider .arrow.prev {
    right: auto !important;
    left: 0 !important;
}

/* Posizione freccia destra */

.tango-testimonials-slider .swiper-button-next,
.tango-testimonials-slider .tns-controls button:last-child,
.tango-testimonials-slider .jkit-arrow.next,
.tango-testimonials-slider .arrow.next {
    right: 0 !important;
    left: auto !important;
}

/* Nasconde il testo generato da alcune librerie */

.tango-testimonials-slider .swiper-button-prev::after,
.tango-testimonials-slider .swiper-button-next::after {
    font-size: 15px !important;
}

/* ==========================================================================
   PALLINI DI NAVIGAZIONE
   ========================================================================== */

.tango-testimonials-slider .swiper-pagination,
.tango-testimonials-slider .tns-nav,
.tango-testimonials-slider .jkit-pagination,
.tango-testimonials-slider .dots-container {
    position: static !important;

    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;

    margin-top: 5px !important;
    padding: 0 !important;
}

/* Singolo pallino */

.tango-testimonials-slider .swiper-pagination-bullet,
.tango-testimonials-slider .tns-nav button,
.tango-testimonials-slider .jkit-pagination span,
.tango-testimonials-slider .dots-container span {
    width: 7px !important;
    min-width: 7px !important;
    height: 7px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

  
    opacity: 1 !important;

    transition:
        width 0.25s ease,
        border-radius 0.25s ease,
        background-color 0.25s ease;
}

/* Pallino attivo */

.tango-testimonials-slider .swiper-pagination-bullet-active,
.tango-testimonials-slider .tns-nav button.tns-nav-active,
.tango-testimonials-slider .jkit-pagination span.active,
.tango-testimonials-slider .dots-container span.active {
    width: 24px !important;

    border-radius: 10px !important;

    background: var(--tango-red, #e30613) !important;
}

/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1024px) {
    .tango-testimonials-section {
        padding: 85px 24px;
    }

    .tango-testimonials-title {
        margin-bottom: 40px;
    }

    .tango-testimonials-slider .testimonial-item,
    .tango-testimonials-slider .swiper-slide,
    .tango-testimonials-slider .tns-item {
        min-height: 320px;
        padding: 20px 75px 50px !important;
    }

    .tango-testimonials-slider .swiper-button-prev,
    .tango-testimonials-slider .swiper-button-next,
    .tango-testimonials-slider .tns-controls button,
    .tango-testimonials-slider .jkit-arrow,
    .tango-testimonials-slider .arrow {
        width: 44px !important;
        height: 44px !important;
    }
}

/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 767px) {
    .tango-testimonials-section {
        padding: 65px 20px;
    }

    .tango-testimonials-section::before {
        width: calc(100% - 40px);
    }

    .tango-testimonials-eyebrow {
        margin-bottom: 12px;
    }

    .tango-testimonials-eyebrow .elementor-heading-title::before,
    .tango-testimonials-eyebrow .elementor-heading-title::after {
        width: 20px;
    }

    .tango-testimonials-title {
        margin-bottom: 30px;
    }

    .tango-testimonials-title .elementor-heading-title {
        font-size: 40px;
        line-height: 1.08;
    }

    .tango-testimonials-slider .testimonial-item,
    .tango-testimonials-slider .swiper-slide,
    .tango-testimonials-slider .tns-item {
        min-height: 340px;

        padding: 15px 8px 45px !important;
    }

    .tango-testimonials-slider .comment-content,
    .tango-testimonials-slider .testimonial-description,
    .tango-testimonials-slider .testimonial-text,
    .tango-testimonials-slider .review-content,
    .tango-testimonials-slider blockquote {
        margin-bottom: 24px !important;

        font-size: 24px !important;
        line-height: 1.42 !important;
    }

    .tango-testimonials-slider .icon-content,
    .tango-testimonials-slider .quote-icon,
    .tango-testimonials-slider .testimonial-icon,
    .tango-testimonials-slider .jkit-icon {
        margin-bottom: 16px !important;
        font-size: 38px !important;
    }

    /*
     * Su mobile nascondiamo le frecce.
     * Lo slider resta navigabile con swipe e pallini.
     */

    .tango-testimonials-slider .swiper-button-prev,
    .tango-testimonials-slider .swiper-button-next,
    .tango-testimonials-slider .tns-controls,
    .tango-testimonials-slider .jkit-arrow,
    .tango-testimonials-slider .arrow {
        display: none !important;
    }
}

/* ==========================================================================
   DIMENSIONI
   ========================================================================== */

/* Piccolo */
.tango-btn-small .elementor-button,
.elementor-button.tango-btn-small {
    min-height: 44px;
    padding: 12px 22px;
    font-size: 11px;
}

/* Grande */
.tango-btn-large .elementor-button,
.elementor-button.tango-btn-large {
    min-height: 58px;
    padding: 18px 34px;
    font-size: 13px;
}

/* Larghezza completa */
.tango-btn-full,
.tango-btn-full .elementor-button,
.elementor-button.tango-btn-full {
    width: 100%;
}

/* ==========================================================================
   LINK TESTUALE BIANCO
   Classi Elementor: tango-btn tango-btn-text-white
   ========================================================================== */

.tango-btn-text-white .elementor-button,
.elementor-button.tango-btn-text-white {
    min-height: auto;
    padding: 0 0 6px;

    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.75);
    border-radius: 0;

    background: transparent;
    color: #ffffff;
    box-shadow: none;
}

.tango-btn-text-white .elementor-button:hover,
.elementor-button.tango-btn-text-white:hover {
    border-bottom-color: var(--tango-gold, #b8904f);
    background: transparent;
    color: var(--tango-gold, #b8904f);
    box-shadow: none;
    transform: none;
}

.tango-btn-text-white .elementor-button:focus-visible,
.elementor-button.tango-btn-text-white:focus-visible {
    outline: 2px solid var(--tango-gold, #b8904f);
    outline-offset: 4px;
}

/* ==========================================================================
   ICONA
   ========================================================================== */

.tango-btn .elementor-button-icon {
    display: inline-flex;
    align-items: center;
    transition: transform 0.25s ease;
}

.tango-btn .elementor-button:hover .elementor-button-icon {
    transform: translateX(3px);
}

/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 767px) {
    .tango-btn-mobile-full,
    .tango-btn-mobile-full .elementor-button {
        width: 100%;
    }

    .tango-btn .elementor-button,
    .elementor-button.tango-btn {
        min-height: 50px;
        padding: 14px 22px;
    }
}

/* ==========================================================================
   ELEMENTOR NESTED ACCORDION - TANGO FAQ
   Icona Elementor a sinistra
   + / - creati via CSS a destra
   ========================================================================== */

.tango-faq {
    --faq-title: #1d1d1d;
    --faq-text: #505050;
    --faq-red: var(--tango-red, #e30613);
    --faq-gold: var(--tango-gold, #b8904f);

    --faq-border: rgba(184, 144, 79, 0.24);
    --faq-bg: rgba(255, 255, 255, 0.18);
    --faq-bg-open: rgba(255, 255, 255, 0.32);
}


/* ==========================================================================
   SINGOLO ITEM
   ========================================================================== */

.tango-faq details.e-n-accordion-item {
    position: relative;

    margin: 0 0 14px;

    border: 1px solid var(--faq-border) !important;
    border-radius: 0 !important;

    background: var(--faq-bg);

    overflow: hidden;

    transition:
        border-color 0.25s ease,
        background-color 0.25s ease;
}

.tango-faq details.e-n-accordion-item:last-child {
    margin-bottom: 0;
}


/* Aperto */

.tango-faq details.e-n-accordion-item[open] {
    border-color: rgba(227, 6, 19, 0.48) !important;

    background: var(--faq-bg-open);
}


/* Linea rossa sinistra, come nel mockup */

.tango-faq details.e-n-accordion-item[open]::before {
    position: absolute;

    z-index: 5;

    top: 0;
    bottom: 0;
    left: 0;

    width: 2px;

    background: var(--faq-red);

    content: "";
}


/* ==========================================================================
   SUMMARY
   ========================================================================== */

.tango-faq summary.e-n-accordion-item-title {
    position: relative;

    display: flex !important;

    min-height: 74px;

    align-items: center;

    gap: 18px;

    margin: 0 !important;

    /*
     * spazio:
     * sx = icona Elementor
     * dx = + / -
     */
    padding:
        16px
        70px
        16px
        24px !important;

    border: 0 !important;

    background: transparent !important;

    list-style: none;

    cursor: pointer;
}


/* Rimuove triangolino nativo */

.tango-faq summary::-webkit-details-marker {
    display: none;
}

.tango-faq summary::marker {
    content: "";
}


/* ==========================================================================
   ICONA ELEMENTOR
   Rimane a SINISTRA
   ========================================================================== */

.tango-faq .e-n-accordion-item-title-icon {
    position: static !important;

    order: -1;

    display: flex !important;

    width: 44px !important;
    height: 44px !important;

    flex: 0 0 44px;

    align-items: center;
    justify-content: center;

    margin: 0 !important;

    border-radius: 50%;

    background: rgba(184, 144, 79, 0.07);

    color: var(--faq-gold) !important;

    transform: none !important;
}


/* SVG dell'icona Elementor */

.tango-faq .e-n-accordion-item-title-icon svg {
    width: 22px !important;
    height: 22px !important;

    fill: currentColor !important;

    color: inherit !important;
}


/*
 * Elementor normalmente ha:
 * .e-opened
 * .e-closed
 *
 * Per evitare che cambi icona tra aperto/chiuso,
 * mostriamo quella chiusa sempre.
 */

.tango-faq
.e-n-accordion-item-title-icon
.e-opened {
    display: none !important;
}

.tango-faq
.e-n-accordion-item-title-icon
.e-closed {
    display: flex !important;

    align-items: center;
    justify-content: center;
}


/* Sezione aperta: icona diventa rossa */

.tango-faq
details[open]
.e-n-accordion-item-title-icon {
    background: rgba(227, 6, 19, 0.06);

    color: var(--faq-red) !important;
}


/* ==========================================================================
   TESTO DOMANDA
   ========================================================================== */

.tango-faq .e-n-accordion-item-title-header {
    display: flex;

    min-width: 0;

    flex: 1;

    align-items: center;
}


.tango-faq .e-n-accordion-item-title-text {
    color: var(--faq-title) !important;

    font-family:
        var(--e-global-typography-text-font-family, "Inter"),
        Arial,
        sans-serif !important;

    font-size: 18px !important;
    font-weight: 500 !important;

    line-height: 1.4 !important;

    transition: color 0.25s ease;
}


/* Hover */

.tango-faq
summary:hover
.e-n-accordion-item-title-text {
    color: var(--faq-red) !important;
}


/* Aperto */

.tango-faq
details[open]
.e-n-accordion-item-title-text {
    color: var(--faq-red) !important;
}


/* ==========================================================================
   + / -
   Creati da noi sulla DESTRA
   ========================================================================== */

.tango-faq summary.e-n-accordion-item-title::before,
.tango-faq summary.e-n-accordion-item-title::after {
    position: absolute;

    z-index: 10;

    top: 50%;
    right: 28px;

    display: block;

    background: var(--faq-gold);

    content: "";

    transform: translateY(-50%);

    transition:
        background-color 0.25s ease,
        opacity 0.25s ease,
        transform 0.25s ease;
}


/* Linea orizzontale */

.tango-faq summary.e-n-accordion-item-title::before {
    width: 18px;
    height: 1.5px;
}


/* Linea verticale */

.tango-faq summary.e-n-accordion-item-title::after {
    right: 36px;

    width: 1.5px;
    height: 18px;
}


/* Aperto: resta solo il meno */

.tango-faq
details[open]
summary.e-n-accordion-item-title::after {
    opacity: 0;

    transform:
        translateY(-50%)
        rotate(90deg);
}


/* Colore rosso del meno */

.tango-faq
details[open]
summary.e-n-accordion-item-title::before,
.tango-faq
details[open]
summary.e-n-accordion-item-title::after {
    background: var(--faq-red);
}


/* ==========================================================================
   CONTENUTO RISPOSTA
   ========================================================================== */

.tango-faq
details.e-n-accordion-item
> .e-con {
    padding:
        0
        70px
        26px
        86px !important;

    background: transparent !important;
}


/* Testo risposta */

.tango-faq
details.e-n-accordion-item
> .e-con p {
    max-width: 760px;

    margin-top: 0;
    margin-bottom: 10px;

    color: var(--faq-text) !important;

    font-family:
        var(--e-global-typography-text-font-family, "Inter"),
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.7 !important;
}

.tango-faq
details.e-n-accordion-item
> .e-con p:last-child {
    margin-bottom: 0;
}


/* ==========================================================================
   LINK
   ========================================================================== */

.tango-faq
details.e-n-accordion-item
> .e-con a {
    color: var(--faq-red);

    text-decoration: underline;

    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.tango-faq
details.e-n-accordion-item
> .e-con a:hover {
    color: var(--faq-gold);
}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1024px) {

    .tango-faq summary.e-n-accordion-item-title {
        min-height: 68px;

        padding:
            15px
            62px
            15px
            20px !important;
    }

    .tango-faq .e-n-accordion-item-title-icon {
        width: 40px !important;
        height: 40px !important;

        flex-basis: 40px;
    }

    .tango-faq .e-n-accordion-item-title-icon svg {
        width: 20px !important;
        height: 20px !important;
    }

    .tango-faq .e-n-accordion-item-title-text {
        font-size: 17px !important;
    }

    .tango-faq
    summary.e-n-accordion-item-title::before {
        right: 22px;
    }

    .tango-faq
    summary.e-n-accordion-item-title::after {
        right: 30px;
    }

    .tango-faq
    details.e-n-accordion-item
    > .e-con {
        padding:
            0
            62px
            22px
            78px !important;
    }
}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 767px) {

    .tango-faq details.e-n-accordion-item {
        margin-bottom: 10px;
    }

    .tango-faq summary.e-n-accordion-item-title {
        min-height: 62px;

        gap: 12px;

        padding:
            13px
            50px
            13px
            14px !important;
    }

    .tango-faq .e-n-accordion-item-title-icon {
        width: 36px !important;
        height: 36px !important;

        flex-basis: 36px;
    }

    .tango-faq .e-n-accordion-item-title-icon svg {
        width: 18px !important;
        height: 18px !important;
    }

    .tango-faq .e-n-accordion-item-title-text {
        font-size: 15px !important;

        line-height: 1.4 !important;
    }

    .tango-faq
    summary.e-n-accordion-item-title::before {
        right: 17px;

        width: 14px;
    }

    .tango-faq
    summary.e-n-accordion-item-title::after {
        right: 23.5px;

        height: 14px;
    }

    .tango-faq
    details.e-n-accordion-item
    > .e-con {
        padding:
            0
            48px
            19px
            62px !important;
    }

    .tango-faq
    details.e-n-accordion-item
    > .e-con p {
        font-size: 13px !important;

        line-height: 1.65 !important;
    }
}