.elementor-54415 .elementor-element.elementor-element-1a94551b{--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;}.elementor-54415 .elementor-element.elementor-element-6270c836{--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;}.elementor-54415 .elementor-element.elementor-element-7547c8e3{--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;}.elementor-54415 .elementor-element.elementor-element-7547c8e3:not(.elementor-motion-effects-element-type-background), .elementor-54415 .elementor-element.elementor-element-7547c8e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1fd94e3 );}.elementor-54415 .elementor-element.elementor-element-136da46{--display:flex;}.elementor-54415 .elementor-element.elementor-element-136da46:not(.elementor-motion-effects-element-type-background), .elementor-54415 .elementor-element.elementor-element-136da46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6e92963 );}.elementor-54415 .elementor-element.elementor-element-ed1b23d{--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;}.elementor-54415 .elementor-element.elementor-element-ed1b23d:not(.elementor-motion-effects-element-type-background), .elementor-54415 .elementor-element.elementor-element-ed1b23d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1fd94e3 );}.elementor-54415 .elementor-element.elementor-element-4e1872df{--display:flex;}.elementor-54415 .elementor-element.elementor-element-4e1872df:not(.elementor-motion-effects-element-type-background), .elementor-54415 .elementor-element.elementor-element-4e1872df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6e92963 );}.elementor-54415 .elementor-element.elementor-element-78b401bf{--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;}.elementor-54415 .elementor-element.elementor-element-78b401bf:not(.elementor-motion-effects-element-type-background), .elementor-54415 .elementor-element.elementor-element-78b401bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1fd94e3 );}.elementor-54415 .elementor-element.elementor-element-30226712{--display:flex;}.elementor-54415 .elementor-element.elementor-element-30226712:not(.elementor-motion-effects-element-type-background), .elementor-54415 .elementor-element.elementor-element-30226712 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6e92963 );}.elementor-54415 .elementor-element.elementor-element-27a480ad{--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;}.elementor-54415 .elementor-element.elementor-element-27a480ad:not(.elementor-motion-effects-element-type-background), .elementor-54415 .elementor-element.elementor-element-27a480ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1fd94e3 );}.elementor-54415 .elementor-element.elementor-element-363651ad{--display:flex;}.elementor-54415 .elementor-element.elementor-element-363651ad:not(.elementor-motion-effects-element-type-background), .elementor-54415 .elementor-element.elementor-element-363651ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6e92963 );}.elementor-54415 .elementor-element.elementor-element-74ca1b51{--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;}.elementor-54415 .elementor-element.elementor-element-74ca1b51:not(.elementor-motion-effects-element-type-background), .elementor-54415 .elementor-element.elementor-element-74ca1b51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1fd94e3 );}.elementor-54415 .elementor-element.elementor-element-d6d0d9b{--display:flex;}.elementor-54415 .elementor-element.elementor-element-d6d0d9b:not(.elementor-motion-effects-element-type-background), .elementor-54415 .elementor-element.elementor-element-d6d0d9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6e92963 );}.elementor-54415 .elementor-element.elementor-element-7112d96a{--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;}.elementor-54415 .elementor-element.elementor-element-7112d96a:not(.elementor-motion-effects-element-type-background), .elementor-54415 .elementor-element.elementor-element-7112d96a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1fd94e3 );}.elementor-54415 .elementor-element.elementor-element-16af5e7d{--display:flex;}.elementor-54415 .elementor-element.elementor-element-16af5e7d:not(.elementor-motion-effects-element-type-background), .elementor-54415 .elementor-element.elementor-element-16af5e7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6e92963 );}.elementor-54415 .elementor-element.elementor-element-5907bc9a{--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;}.elementor-54415 .elementor-element.elementor-element-5907bc9a:not(.elementor-motion-effects-element-type-background), .elementor-54415 .elementor-element.elementor-element-5907bc9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1fd94e3 );}.elementor-54415 .elementor-element.elementor-element-7c224bb9{--display:flex;}.elementor-54415 .elementor-element.elementor-element-7c224bb9:not(.elementor-motion-effects-element-type-background), .elementor-54415 .elementor-element.elementor-element-7c224bb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6e92963 );}.elementor-54415 .elementor-element.elementor-element-8d9ed73{--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;}.elementor-54415 .elementor-element.elementor-element-8d9ed73:not(.elementor-motion-effects-element-type-background), .elementor-54415 .elementor-element.elementor-element-8d9ed73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1fd94e3 );}.elementor-54415 .elementor-element.elementor-element-ae831fd{--display:flex;}.elementor-54415 .elementor-element.elementor-element-ae831fd:not(.elementor-motion-effects-element-type-background), .elementor-54415 .elementor-element.elementor-element-ae831fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6e92963 );}.elementor-54415 .elementor-element.elementor-element-1c7550b7{--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;}@media(min-width:768px){.elementor-54415 .elementor-element.elementor-element-136da46{--content-width:800px;}.elementor-54415 .elementor-element.elementor-element-4e1872df{--content-width:800px;}.elementor-54415 .elementor-element.elementor-element-30226712{--content-width:800px;}.elementor-54415 .elementor-element.elementor-element-363651ad{--content-width:800px;}.elementor-54415 .elementor-element.elementor-element-d6d0d9b{--content-width:800px;}.elementor-54415 .elementor-element.elementor-element-16af5e7d{--content-width:800px;}.elementor-54415 .elementor-element.elementor-element-7c224bb9{--content-width:800px;}.elementor-54415 .elementor-element.elementor-element-ae831fd{--content-width:800px;}}/* Start custom CSS for html, class: .elementor-element-7b8fa303 */<style>
    :root {
        --brand-navy: #143362;
        --brand-turcoaz: #28B4A7;
        --font-native: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    }

    /* --- 1. Container Principal --- */
    .derm-hero-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 40px; 
        padding: 60px 20px; 
        background: linear-gradient(135deg, #F8FAFC 0%, #ffffff 100%); 
        border-radius: 0 0 30px 30px;
        font-family: var(--font-native);
        flex-wrap: wrap; 
        overflow: visible;
        max-width: 1200px;
        margin: 0 auto;
    }

    /* --- 2. Coloana Stânga (Text) --- */
    .derm-hero-content {
        flex: 1 1 350px; 
        padding-left: 10px;
        z-index: 5;
    }

    /* Insigna (Badge) */
    .derm-badge {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background-color: #e0f2fe; 
        color: #0369a1; 
        padding: 8px 16px;
        border-radius: 50px;
        font-size: 0.9rem;
        font-weight: 700;
        margin-bottom: 25px;
        border: 1px solid #bae6fd;
    }

    /* Titlul H1 */
    .derm-hero-h1 {
        font-size: 2.6rem; 
        line-height: 1.2;
        color: var(--brand-navy);
        margin: 0 0 20px 0;
        font-weight: 800;
    }

    .derm-highlight {
        color: var(--brand-turcoaz);
        white-space: nowrap;
    }

    /* Descriere */
    .derm-hero-desc {
        font-size: 1.15rem;
        line-height: 1.6;
        color: #475569;
        margin-bottom: 35px;
        max-width: 600px;
    }

    /* --- 3. Grup Buton --- */
    .derm-cta-group {
        display: flex;
        align-items: center;
        gap: 25px;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }

    .derm-btn-primary {
        background-color: var(--brand-navy); 
        color: #ffffff !important;
        padding: 16px 36px;
        border-radius: 10px;
        text-decoration: none !important;
        font-weight: 700;
        font-size: 1.1rem;
        transition: all 0.3s ease;
        box-shadow: 0 10px 25px rgba(20, 51, 98, 0.25); 
        border: 2px solid var(--brand-navy);
        display: inline-flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
    }

    .derm-btn-primary:hover {
        background-color: #ffffff;
        color: var(--brand-navy) !important;
        transform: translateY(-3px);
    }

    .derm-price-tag {
        font-size: 1.5rem;
        color: var(--brand-navy);
        font-weight: 800;
        line-height: 1;
    }

    .derm-price-sub {
        font-size: 0.85rem;
        color: #64748b;
        font-weight: 500;
        display: block;
        margin-top: 5px;
    }

    /* --- 4. Trust Bar --- */
    .derm-trust-bar {
        display: flex;
        gap: 30px;
        font-size: 0.95rem;
        color: #334155;
        font-weight: 600;
        border-top: 1px solid #e2e8f0;
        padding-top: 25px;
    }
    
    .derm-trust-item {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    /* --- 5. Coloana Imagine --- */
    .derm-hero-image {
        flex: 0 0 400px; 
        width: 400px; 
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .derm-hero-image img {
        width: 100%;
        height: auto;
        object-fit: contain;
        border-radius: 24px; 
        box-shadow: 0 20px 50px rgba(20, 51, 98, 0.12); 
    }

    /* --- 6. RESPONSIVE --- */
    @media (max-width: 950px) {
        .derm-hero-wrapper {
            flex-direction: column; 
            text-align: center;
            padding: 40px 20px;
        }

        .derm-hero-content {
            padding-left: 0;
            flex: auto;
            width: 100%;
        }

        .derm-hero-h1 { font-size: 2rem; }

        .derm-cta-group { justify-content: center; }

        .derm-trust-bar {
            justify-content: center;
            flex-wrap: wrap;
            gap: 15px;
        }
        
        .derm-hero-image {
            flex: auto;
            width: 100%;
            max-width: 350px; 
            margin-top: 30px;
        }
    }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-571b9d23 */<style>
    /* --- DEFINIRE VARIABILE & FONT NATIV --- */
    :root {
        --brand-navy: #143362;
        --brand-turcoaz: #28B4A7;
        --font-native: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    }

    /* --- Container Secțiune --- */
    .derm-steps-section {
        padding: 80px 20px;
        background-color: #F8FAFC; 
        font-family: var(--font-native); /* Font Nativ */
        text-align: center;
    }

    /* Titlu H2 Optimizat */
    .derm-section-title {
        color: var(--brand-navy);
        font-size: 2.2rem;
        font-weight: 800;
        margin-bottom: 15px;
        line-height: 1.2;
    }

    .derm-section-subtitle {
        color: #64748b;
        font-size: 1.1rem;
        max-width: 700px;
        margin: 0 auto 50px auto;
        line-height: 1.6;
    }

    /* --- Grid-ul de Carduri --- */
    .derm-steps-grid {
        display: flex;
        justify-content: center;
        gap: 30px;
        flex-wrap: wrap;
        max-width: 1200px;
        margin: 0 auto;
    }

    /* --- Card Individual --- */
    .derm-step-card {
        background: #ffffff;
        padding: 40px 30px;
        border-radius: 20px;
        flex: 1;
        min-width: 280px; 
        max-width: 350px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.05); 
        transition: transform 0.3s ease, border-color 0.3s ease;
        position: relative;
        overflow: hidden;
        border: 1px solid #e2e8f0;
        text-align: left; /* Text aliniat stânga pentru lizibilitate */
    }

    .derm-step-card:hover {
        transform: translateY(-10px); 
        box-shadow: 0 20px 40px rgba(40, 180, 167, 0.15);
        border-color: var(--brand-turcoaz);
    }

    /* Numărul Pasului (Background) */
    .derm-step-number {
        position: absolute;
        top: -20px;
        right: -10px;
        font-size: 8rem;
        font-weight: 900;
        color: #f1f5f9;
        z-index: 0;
        line-height: 1;
        pointer-events: none;
    }

    /* Conținut Card */
    .derm-step-content {
        position: relative;
        z-index: 1;
    }

    /* Iconița */
    .derm-step-icon {
        font-size: 3rem;
        margin-bottom: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #e0f2fe;
        width: 70px;
        height: 70px;
        border-radius: 50%;
    }

    /* Titlu Pas (H3) */
    .derm-step-title {
        color: var(--brand-navy);
        font-size: 1.3rem;
        font-weight: 700;
        margin-bottom: 10px;
    }

    /* Text Pas */
    .derm-step-text {
        color: #475569;
        font-size: 0.95rem;
        line-height: 1.6;
    }

    /* --- Responsive --- */
    @media (max-width: 900px) {
        .derm-steps-section { padding: 50px 20px; }
        .derm-step-card { max-width: 100%; text-align: center; }
        .derm-section-title { font-size: 1.8rem; }
        .derm-step-icon { margin: 0 auto 20px auto; }
    }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d9fb3e7 */<style>
    /* --- DEFINIRE VARIABILE --- */
    :root {
        --brand-navy: #143362;
        --brand-turcoaz: #28B4A7;
        --font-native: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    }

    /* --- 1. CONTAINER & SCROLL MARGIN --- */
    .derm-booking-section {
        padding: 60px 20px;
        background-color: #f8fafc; 
        font-family: var(--font-native);
        text-align: center;
    }

    /* ID pentru ancoră */
    #calendar-video {
        scroll-margin-top: 120px; 
    }

    /* --- 2. TITLURI --- */
    .derm-booking-h2 {
        color: var(--brand-navy);
        font-size: 2.2rem;
        font-weight: 800;
        margin-bottom: 15px;
    }

    .derm-booking-sub {
        color: #64748b;
        font-size: 1.1rem;
        max-width: 700px;
        margin: 0 auto 40px auto;
        line-height: 1.6;
    }

    /* --- 3. CARDUL CALENDARULUI --- */
    .derm-calendar-card {
        max-width: 900px;
        margin: 0 auto;
        background: #ffffff;
        border-radius: 24px;
        box-shadow: 0 25px 50px -12px rgba(20, 51, 98, 0.15); 
        border: 1px solid #e2e8f0;
        overflow: hidden;
        padding: 10px;
        position: relative;
    }

    .derm-calendar-header {
        background-color: #F8FAFC;
        padding: 15px;
        border-radius: 16px 16px 0 0;
        border-bottom: 1px solid #e2e8f0;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        color: var(--brand-navy);
        font-weight: 700;
        font-size: 0.9rem;
    }

    .derm-hubspot-wrapper {
        min-height: 600px; 
        background: #fff;
    }

    /* --- 4. NOTE FINALE --- */
    .derm-booking-notes {
        margin-top: 40px;
        font-size: 0.9rem;
        color: var(--brand-navy);
        display: flex;
        justify-content: center;
        gap: 25px;
        flex-wrap: wrap;
        font-weight: 700;
    }

    .derm-note-item {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    /* --- RESPONSIVE --- */
    @media (max-width: 768px) {
        .derm-booking-section { padding: 40px 15px; }
        .derm-booking-h2 { font-size: 1.8rem; }
        .derm-calendar-card { box-shadow: none; border: 1px solid #eee; padding: 5px; }
        .derm-booking-notes { gap: 15px; flex-direction: column; }
    }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a7e9c5c */<style>
    /* --- DEFINIRE VARIABILE --- */
    :root {
        --brand-navy: #143362;
        --brand-turcoaz: #28B4A7;
        --font-native: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    }

    /* --- Container General --- */
    .derm-value-section {
        padding: 80px 20px;
        background-color: #F8FAFC; 
        font-family: var(--font-native);
        color: #334155;
    }

    .derm-value-wrapper {
        display: flex;
        flex-wrap: wrap;
        max-width: 1100px;
        margin: 0 auto;
        gap: 50px;
        align-items: center;
    }

    /* --- Coloana Stânga: Lista --- */
    .derm-value-list-col {
        flex: 1;
        min-width: 300px;
    }

    .derm-value-h2 {
        color: var(--brand-navy);
        font-size: 2.2rem;
        font-weight: 800;
        margin-bottom: 30px;
        line-height: 1.2;
    }

    .derm-value-ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .derm-value-li {
        display: flex;
        align-items: flex-start;
        gap: 15px;
        margin-bottom: 25px;
        font-size: 1.05rem;
        line-height: 1.5;
    }

    .derm-check-icon {
        background-color: #e0f2fe;
        color: #0284c7;
        min-width: 24px;
        height: 24px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: bold;
        margin-top: 2px; 
    }

    /* --- Coloana Dreapta: Cardul Bonus --- */
    .derm-bonus-card {
        flex: 0.8;
        min-width: 300px;
        background: linear-gradient(135deg, #143362 0%, #1e40af 100%);
        padding: 40px;
        border-radius: 20px;
        box-shadow: 0 20px 40px rgba(20, 51, 98, 0.2);
        position: relative;
        overflow: hidden;
    }

    /* Element decorativ */
    .derm-bonus-card::before {
        content: '🎁';
        position: absolute;
        top: -20px;
        right: -20px;
        font-size: 10rem;
        opacity: 0.1;
        transform: rotate(15deg);
    }

    .derm-bonus-badge {
        background-color: #fbbf24;
        color: var(--brand-navy);
        text-transform: uppercase;
        font-size: 0.8rem;
        font-weight: 800;
        padding: 5px 10px;
        border-radius: 4px;
        display: inline-block;
        margin-bottom: 15px;
    }

    .derm-bonus-title {
        font-size: 1.8rem;
        font-weight: 700;
        margin-bottom: 15px;
        color: #ffffff !important;
    }

    .derm-bonus-desc {
        font-size: 1rem;
        line-height: 1.6;
        color: #ffffff !important;
        opacity: 0.9;
        margin-bottom: 25px;
    }

    .derm-bonus-btn {
        display: inline-block;
        background-color: #ffffff;
        color: var(--brand-navy);
        font-weight: 700;
        padding: 12px 25px;
        border-radius: 8px;
        text-decoration: none;
        transition: transform 0.2s;
        cursor: pointer;
    }

    .derm-bonus-btn:hover { transform: scale(1.05); }

    /* --- Responsive --- */
    @media (max-width: 900px) {
        .derm-value-section { padding: 50px 20px; }
        .derm-value-wrapper { flex-direction: column; gap: 30px; }
        .derm-value-h2 { font-size: 1.8rem; text-align: center; }
        .derm-bonus-card { width: 100%; }
    }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e515b9b */<style>
    /* --- DEFINIRE VARIABILE --- */
    :root {
        --brand-navy: #143362;
        --brand-turcoaz: #28B4A7;
        --font-native: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    }

    /* --- Container Secțiune Autoritate --- */
    .derm-auth-section {
        padding: 80px 20px;
        background-color: #F8FAFC;
        font-family: var(--font-native);
    }

    .derm-auth-container {
        max-width: 1000px;
        margin: 0 auto;
        background: #ffffff;
        border-radius: 20px;
        box-shadow: 0 10px 40px rgba(0,0,0,0.05);
        border: 1px solid #e2e8f0;
        display: flex;
        overflow: hidden;
    }

    /* --- Coloana Stânga: Imagine --- */
    .derm-auth-image-col {
        flex: 0 0 35%; 
        position: relative;
        min-height: 300px;
    }

    .derm-auth-image-col img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* --- Coloana Dreapta: Text --- */
    .derm-auth-content {
        padding: 40px;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .derm-auth-badge {
        color: var(--brand-turcoaz);
        font-weight: 700;
        text-transform: uppercase;
        font-size: 0.85rem;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }

    .derm-auth-name {
        color: var(--brand-navy);
        font-size: 2rem;
        font-weight: 800;
        margin: 0 0 15px 0;
        line-height: 1.1;
    }
    
    .derm-auth-name a {
        text-decoration: none;
        color: inherit;
        transition: color 0.3s;
    }
    
    .derm-auth-name a:hover {
        color: var(--brand-turcoaz);
    }

    .derm-auth-text {
        color: #475569;
        font-size: 1rem;
        line-height: 1.6;
        margin-bottom: 30px;
    }

    .derm-profile-link {
        color: var(--brand-turcoaz);
        font-weight: 600;
        text-decoration: none;
        margin-left: 5px;
    }
    
    .derm-profile-link:hover {
        text-decoration: underline;
    }

    /* --- Zona Logo-uri (Afilieri) --- */
    .derm-auth-logos {
        display: flex;
        align-items: center;
        gap: 30px;
        padding-top: 20px;
        border-top: 1px solid #f1f5f9;
    }

    .derm-logo-item a {
        display: block;
        transition: transform 0.2s, opacity 0.2s;
        opacity: 0.8;
    }

    .derm-logo-item a:hover {
        opacity: 1;
        transform: scale(1.05);
    }

    .derm-logo-item img {
        height: 50px; 
        width: auto;
        display: block;
    }

    /* --- Responsive --- */
    @media (max-width: 900px) {
        .derm-auth-container { flex-direction: column; }
        .derm-auth-image-col { height: 300px; }
        .derm-auth-content { padding: 30px 20px; text-align: center; }
        .derm-auth-logos { justify-content: center; flex-wrap: wrap; }
    }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5cacc861 */<style>
    /* --- DEFINIRE VARIABILE --- */
    :root {
        --brand-navy: #143362;
        --brand-turcoaz: #28B4A7;
        --font-native: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    }

    /* --- 1. SECTIUNEA RECENZII --- */
    .derm-reviews-section {
        padding: 60px 20px;
        background-color: #ffffff;
        text-align: center;
        font-family: var(--font-native);
        border-top: 1px solid #f1f5f9;
    }

    .derm-section-h2 {
        color: var(--brand-navy);
        font-size: 2.2rem;
        font-weight: 800;
        margin-bottom: 40px;
        text-align: center;
    }

    /* Container shortcode TrustIndex */
    .derm-trustindex-wrapper {
        max-width: 1000px;
        margin: 0 auto;
        min-height: 200px; 
    }

    /* --- 2. SECTIUNEA FAQ (ACORDEON) --- */
    .derm-faq-section {
        padding: 80px 20px 100px 20px;
        background-color: #F8FAFC; 
        font-family: var(--font-native);
    }

    .derm-faq-container {
        max-width: 800px;
        margin: 0 auto;
    }

    /* Stilul Elementului Acordeon */
    .derm-faq-item {
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        margin-bottom: 15px;
        overflow: hidden;
        transition: all 0.3s ease;
    }

    .derm-faq-item:hover {
        border-color: var(--brand-turcoaz); 
        box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    }

    /* Titlul Întrebării */
    .derm-faq-summary {
        padding: 20px 25px;
        cursor: pointer;
        font-weight: 700;
        color: var(--brand-navy);
        font-size: 1.1rem;
        list-style: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

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

    /* Iconița (+ / -) */
    .derm-faq-summary::after {
        content: '+';
        font-size: 1.5rem;
        color: var(--brand-turcoaz);
        font-weight: 300;
        transition: transform 0.3s;
    }

    details[open] .derm-faq-summary::after {
        content: '−';
        transform: rotate(180deg);
        color: var(--brand-navy);
    }

    details[open] .derm-faq-summary {
        border-bottom: 1px solid #f1f5f9;
        background-color: #f8fafc;
    }

    /* Răspunsul */
    .derm-faq-answer {
        padding: 25px;
        color: #475569;
        line-height: 1.6;
        font-size: 1rem;
        animation: fadeIn 0.5s ease;
    }

    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(-10px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* --- 3. FINAL CTA --- */
    .derm-final-cta {
        text-align: center;
        margin-top: 60px;
    }

    .derm-btn-large {
        background-color: var(--brand-navy); 
        color: #ffffff !important; 
        padding: 18px 40px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 700;
        font-size: 1.1rem;
        transition: all 0.3s ease;
        box-shadow: 0 10px 25px rgba(20, 51, 98, 0.2);
        display: inline-block;
        border: 2px solid var(--brand-navy);
    }

    .derm-btn-large:hover {
        background-color: #ffffff;
        color: var(--brand-navy) !important;
        transform: translateY(-3px);
    }
</style>/* End custom CSS */