.elementor-kit-8{--e-global-color-primary:#015754;--e-global-color-secondary:#02C37A;--e-global-color-text:#000000;--e-global-color-accent:#FFFFFF;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-size:40px;--e-global-typography-accent-font-weight:600;}.elementor-kit-8 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-kit-8 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-8 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-kit-8 h4{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1227px;}.e-con{--container-max-width:1227px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-8 h1{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-8 h2{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-8 h3{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-8 h4{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8 h1{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-8 h2{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-8 h3{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-8 h4{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Container principal com overflow hidden */
.hero-telemedicina {
    position: relative;
    background: #ffffff;
    overflow: hidden;
    min-height: 600px;
}

/* Retângulo verde com cantos arredondados */
.green-box-container {
    position: relative;
    background: linear-gradient(135deg, #00856F 0%, #006B5B 100%);
    border-radius: 30px;
    padding: 60px 40px;
    margin: 0 auto;
    max-width: 1200px;
    overflow: visible;
    z-index: 1;
}

/* Efeito de "buraco" - sombra interna profunda */
.green-box-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 30px;
    box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.3);
    pointer-events: none;
    z-index: 2;
}

/* Telefone saindo do retângulo */
.phone-mockup {
    position: relative;
    z-index: 5;
    transform: translateY(-20px);
    filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.3));
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(-20px); }
    50% { transform: translateY(-40px); }
}

/* Cards flutuantes - vindo de trás */
.floating-card {
    position: absolute;
    background: white;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    z-index: 3;
    animation: slideIn 1s ease-out forwards;
}

/* Card esquerdo */
.floating-card.left {
    left: -50px;
    top: 30%;
    animation: slideInLeft 1.2s ease-out forwards;
}

@keyframes slideInLeft {
    from {
        transform: translateX(100px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Card direito */
.floating-card.right {
    right: -50px;
    top: 40%;
    animation: slideInRight 1.2s ease-out 0.3s forwards;
    opacity: 0;
}

@keyframes slideInRight {
    from {
        transform: translateX(-100px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Efeito de profundidade - gradiente radial */
.depth-effect {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(0, 0, 0, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 1;
}

/* Borda animada opcional */
.animated-border {
    position: absolute;
    inset: -2px;
    border-radius: 32px;
    padding: 2px;
    background: linear-gradient(45deg, #00A896, #00856F, #006B5B);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: rotateBorder 3s linear infinite;
    z-index: 0;
}

@keyframes rotateBorder {
    to { transform: rotate(360deg); }
}

/* Responsivo */
@media (max-width: 768px) {
    .floating-card.left,
    .floating-card.right {
        position: static;
        margin: 20px 0;
        animation: none;
        opacity: 1;
    }
    
    .green-box-container {
        border-radius: 20px;
        padding: 40px 20px;
    }
}


/* BOTAO CONTATO */
.elementor-button-icon path {
    transition: fill 0.2s ease-in-out;
}

.elementor-button:hover .elementor-button-icon path {
    fill: #ffffff !important;
}


/* BOTAO VERDE */
.elementor-button-icon {
    width: 0px;
    opacity: 0;
    margin-left: 0em;
    transition: opacity 0.3s ease-in-out,
                width 0.3s ease-in-out,
                margin-left 0.3s ease-in-out !important;
}

.elementor-button:hover .elementor-button-icon {
    width: 12px;
    margin-left: 1em !important;
    opacity: 1;
}/* End custom CSS */