/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.6.1771836308
Updated: 2026-02-23 08:45:08

*/


/* PAGINA CONTATTI */

/* Transizione fluida */
.box-lavoratore,
.box-lavoratore .elementor-heading-title,
.box-lavoratore .e-con {
  transition: all 0.3s ease;
}

/* Hover su tutto il blocco */
.box-lavoratore:hover {
  background-color: #ffffff !important;
}

/* Cambia anche il container interno */
.box-lavoratore:hover .e-con {
  background-color: #ffffff !important;
}

/* Cambia colore titolo */
.box-lavoratore:hover .elementor-heading-title {
  color: #FF9B00 !important;
}

.box-lavoratore:hover::before,
.box-lavoratore:hover .e-con::before {
  background-color: #ffffff !important;
  opacity: 1 !important;
}

/* FINE PAGINA CONTATTI */


/* CARD CONTAINER */
.hm_scop{
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    min-height:320px;   /* cambia se vuoi */
    padding:28px;
}

/* GRADIENTE SCURO PROFESSIONALE */
.hm_scop::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:75%;
    background:linear-gradient(to top, rgba(0,0,0,.75), transparent);
    pointer-events:none;
    z-index:1;
}

/* testo sopra gradiente */
.hm_scop .title_hm_scop,
.hm_scop .desc_hm_scop{
    position:relative;
    z-index:2;
}


/* FIX SPAZI ELEMENTOR */

/* elimina margine interno heading */
.hm_scop .title_hm_scop,
.hm_scop .title_hm_scop *{
    margin-bottom: 0px !important;
}

/* elimina margine sopra descrizione */
.hm_scop .desc_hm_scop,
.hm_scop .desc_hm_scop *{
    margin-top:0 !important;
}


/* TITOLO */
.hm_scop .title_hm_scop{
    transition: transform 1s cubic-bezier(.19,1,.22,1);
}


/* DESCRIZIONE NASCOSTA */
.hm_scop .desc_hm_scop{
    max-height:0;
    opacity:0;
    overflow:hidden;
    transform:translateY(20px);
    transition:
        transform 1s cubic-bezier(.19,1,.22,1),
        opacity .8s ease,
        max-height 1s ease;
}


/* HOVER ANIMATION */

/* sale titolo */
.hm_scop:hover .title_hm_scop{
    transform:translateY(-14px);
}

/* appare descrizione */
.hm_scop:hover .desc_hm_scop{
    max-height:200px;
    opacity:1;
    transform:translateY(0);
}


/* Immagine con bordo */ 

.figma-frame{
  position:relative;
  display:inline-block;
}

.figma-frame img{
  display:block;
  border-radius:26px; 
  position:relative;
  z-index:2;
}

.figma-frame:before{
  content:"";
  position:absolute;
  top:-18px;      
  right:-22px;   
  width:97%;
  height:100%;
  background: var(--Sfumatura1, linear-gradient(180deg, #047D73 0%, #025750 100%));
  border-radius:26px;
  z-index:1;
}