.elementor-138 .elementor-element.elementor-element-3dde94a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.56;--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-3dde94a:not(.elementor-motion-effects-element-type-background), .elementor-138 .elementor-element.elementor-element-3dde94a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.trattoriadacamillatirli.it/wp-content/uploads/2020/08/signeture-bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-138 .elementor-element.elementor-element-3dde94a::before, .elementor-138 .elementor-element.elementor-element-3dde94a > .elementor-background-video-container::before, .elementor-138 .elementor-element.elementor-element-3dde94a > .e-con-inner > .elementor-background-video-container::before, .elementor-138 .elementor-element.elementor-element-3dde94a > .elementor-background-slideshow::before, .elementor-138 .elementor-element.elementor-element-3dde94a > .e-con-inner > .elementor-background-slideshow::before, .elementor-138 .elementor-element.elementor-element-3dde94a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor7 );--background-overlay:'';}.elementor-138 .elementor-element.elementor-element-049dc6f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-138 .elementor-element.elementor-element-c59e93f{text-align:center;}.elementor-138 .elementor-element.elementor-element-c59e93f .elementor-heading-title{color:#FFFFFF;}.elementor-138 .elementor-element.elementor-element-0d208d9{text-align:center;color:#FFFFFF;}.elementor-138 .elementor-element.elementor-element-9fa8c5a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:75px;--margin-left:0px;--margin-right:0px;}.elementor-138 .elementor-element.elementor-element-7e520fcc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:11px 11px;--row-gap:11px;--column-gap:11px;--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-138 .elementor-element.elementor-element-7e520fcc:not(.elementor-motion-effects-element-type-background), .elementor-138 .elementor-element.elementor-element-7e520fcc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF9ED;background-image:url("https://www.trattoriadacamillatirli.it/wp-content/uploads/2026/10/CHI-SIAMO.png");background-position:0px -265px;}.elementor-138 .elementor-element.elementor-element-47757c77{text-align:center;}.elementor-138 .elementor-element.elementor-element-47757c77 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:70px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:3px;word-spacing:0px;color:#AD5207;}.elementor-138 .elementor-element.elementor-element-610fe45c .elementor-button{background-color:#AD5207;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:800;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:2px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-radius:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-138 .elementor-element.elementor-element-3dde94a{--content-width:400px;}}@media(max-width:1024px){.elementor-138 .elementor-element.elementor-element-3dde94a{--padding-top:120px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-138 .elementor-element.elementor-element-7e520fcc:not(.elementor-motion-effects-element-type-background), .elementor-138 .elementor-element.elementor-element-7e520fcc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-138 .elementor-element.elementor-element-7e520fcc{--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-138 .elementor-element.elementor-element-47757c77 .elementor-heading-title{font-size:36px;}.elementor-138 .elementor-element.elementor-element-610fe45c > .elementor-widget-container{margin:25px 0px 0px 0px;}}@media(max-width:767px){.elementor-138 .elementor-element.elementor-element-3dde94a{--padding-top:160px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-138 .elementor-element.elementor-element-7e520fcc{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:25%;--padding-bottom:25%;--padding-left:5%;--padding-right:5%;}.elementor-138 .elementor-element.elementor-element-7e520fcc:not(.elementor-motion-effects-element-type-background), .elementor-138 .elementor-element.elementor-element-7e520fcc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-138 .elementor-element.elementor-element-47757c77 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-138 .elementor-element.elementor-element-47757c77 .elementor-heading-title{font-size:32px;}}/* Start custom CSS for container, class: .elementor-element-7e520fcc *//* ==========================================
   DA CAMILLA — CTA SU FOTO
   Titolo bianco + pulsante arancione
   ========================================== */

.elementor-138 .elementor-element.elementor-element-7e520fcc {
    --cm-freccia: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C45024' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 18L18 6M6 6h12v12'/%3E%3C/svg%3E");

    position: relative;
    isolation: isolate;
    overflow: hidden;
}

/* FOTO — riprende quella impostata sul contenitore */

.elementor-138 .elementor-element.elementor-element-7e520fcc::before {
    content: "" !important;
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background-image: inherit;
    background-position: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;

    border-radius: inherit;
    transform: scale(1);
    transition: transform 850ms cubic-bezier(.2, .65, .3, 1);
}

/* Velo per rendere leggibile il titolo */

.elementor-138 .elementor-element.elementor-element-7e520fcc::after {
    content: "" !important;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background: linear-gradient(
        180deg,
        rgba(25, 23, 21, .30),
        rgba(25, 23, 21, .54)
    );

    border-radius: inherit;
}

/* Contenuti sopra la foto */

.elementor-138 .elementor-element.elementor-element-7e520fcc > .e-con-inner,
.elementor-138 .elementor-element.elementor-element-7e520fcc > .elementor-element {
    position: relative;
    z-index: 2;
}

/* Zoom solo della foto */

@media (hover: hover) and (pointer: fine) {
    .elementor-138 .elementor-element.elementor-element-7e520fcc:hover::before {
        transform: scale(1.045);
    }
}

@media (hover: none) {
    .elementor-138 .elementor-element.elementor-element-7e520fcc:active::before {
        transform: scale(1.025);
        transition-duration: 250ms;
    }
}

/* ==========================================
   TITOLO — NORMALE, SENZA BOLLINO
   ========================================== */

.elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: clamp(32px, 4vw, 56px) !important;
    font-weight: 600 !important;
    font-style: normal !important;
    line-height: 1.15 !important;
    letter-spacing: -.035em !important;
    text-transform: none !important;
    text-wrap: balance;

    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    text-shadow: 0 2px 18px rgba(0, 0, 0, .28);
}

.elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-heading-title::before,
.elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-heading-title::after {
    content: none !important;
    display: none !important;
}

.elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-heading-title :is(span, a, strong, em) {
    font: inherit !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

/* ==========================================
   PULSANTE — ARANCIONE, COMPLETAMENTE STONDATO
   ========================================== */

.elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-button {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    box-sizing: border-box;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 22px;

    width: auto !important;
    max-width: 100%;
    min-height: 60px;
    padding: 8px 8px 8px 26px !important;

    background: #C45024 !important;
    color: #FFFFFF !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    box-shadow: none !important;

    font-family: "Inter", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;

    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;

    transition:
        background-color 220ms ease,
        transform 220ms ease;
}

.elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    min-width: 0;
    pointer-events: none;
}

.elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-button-text {
    font-family: "Inter", sans-serif !important;
    font-size: inherit !important;
    font-weight: 500 !important;
    line-height: inherit !important;

    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    white-space: normal;
}

.elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-button-icon {
    display: none !important;
}

/* Riflesso leggero sul pulsante */

.elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background: linear-gradient(
        110deg,
        transparent 25%,
        rgba(255, 255, 255, .26) 50%,
        transparent 75%
    );

    transform: translateX(-150%);
    animation: cmCtaLuce 7s ease-in-out infinite;
}

/* Freccia SVG: niente emoji su iPhone */

.elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-button::after {
    content: "" !important;
    position: relative;
    inset: auto;
    z-index: 2;

    display: block;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: none !important;

    background-color: #FFFFFF !important;
    background-image: var(--cm-freccia) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 23px 23px !important;

    pointer-events: none;
    animation: cmCtaFreccia 7s ease-in-out infinite;
    transition: transform 220ms ease;
}

/* Mouse */

@media (hover: hover) and (pointer: fine) {
    .elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-button:hover {
        background: #A83F1B !important;
        transform: translateY(-3px);
    }

    .elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-button:hover::after {
        animation: none !important;
        transform: rotate(45deg);
    }
}

/* Tocco e focus */

.elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-button:is(:active, :focus) {
    background: #A83F1B !important;
    transform: translateY(-3px);
}

.elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-button:is(:active, :focus)::after {
    animation: none !important;
    transform: rotate(45deg);
}

.elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-button:focus-visible {
    outline: 3px solid #FFFFFF !important;
    outline-offset: 5px;
}

@media (pointer: coarse) {
    .elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-button:active,
    .elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-button:active::after {
        transition-duration: 0ms;
    }
}

/* ==========================================
   ANIMAZIONI DI DETTAGLIO
   ========================================== */

@keyframes cmCtaLuce {
    0%, 65% {
        transform: translateX(-150%);
    }
    90%, 100% {
        transform: translateX(150%);
    }
}

@keyframes cmCtaFreccia {
    0%, 68%, 100% {
        transform: rotate(0deg);
    }
    79%, 87% {
        transform: rotate(45deg);
    }
}

/* ==========================================
   TELEFONO
   ========================================== */

@media (max-width: 767px) {
    .elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-heading-title {
        font-size: clamp(28px, 8vw, 38px) !important;
        line-height: 1.2 !important;
    }

    .elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-button {
        min-height: 56px;
        padding: 8px 8px 8px 22px !important;
        gap: 18px;
        font-size: 15px !important;
    }

    .elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-button::after {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
        background-size: 22px 22px !important;
    }
}

/* ACCESSIBILITÀ — RIDUZIONE MOVIMENTO */

@media (prefers-reduced-motion: reduce) {
    .elementor-138 .elementor-element.elementor-element-7e520fcc::before,
    .elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-button,
    .elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-button::after {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }

    .elementor-138 .elementor-element.elementor-element-7e520fcc .elementor-button::before {
        display: none !important;
    }
}/* End custom CSS */