/* Auto-generated from the original style.css during code reorganization.
   Grouped by component so each concern can be found and debugged independently. */

/* ==========================================================
   FLOATING ACTION BUTTONS
========================================================== */

.floating-buttons{

    position:fixed;

    right:15px;

    bottom:20px;

    display:flex;

    flex-direction:column;

    align-items:flex-end;

    gap:16px;

    z-index:1100;

}

/* ---------------------------------------
   PHONE & WHATSAPP
----------------------------------------*/

.floating-phone,
.floating-whatsapp{

    width:65px;

    height:65px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    color:#fff;

    text-decoration:none;

    font-size:28px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.18),
        0 4px 12px rgba(0,167,160,.12);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        background .35s ease;

}

.floating-phone{

    background:var(--danger);

}

.floating-whatsapp{

    background:#00A884;

}

.floating-phone:hover,
.floating-whatsapp:hover{

    transform:

        translateY(-7px)

        scale(1.08);

}

.floating-phone:hover{

    box-shadow:

        0 22px 45px rgba(214,40,40,.35);

}

.floating-whatsapp:hover{

    box-shadow:

        0 22px 45px rgba(0,168,132,.35);

}

/* ---------------------------------------
   BOOK APPOINTMENT
----------------------------------------*/

.floating-book{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    width:220px;

    height:58px;

    padding:0 22px;

    border-radius:50px;

    text-decoration:none;

    color:#fff;

    font-size:16px;

    font-weight:700;

    white-space:nowrap;

    background:linear-gradient(
        135deg,
        #00C2B5 0%,
        #0B7285 100%
    );

    box-shadow:
        0 10px 30px rgba(0,0,0,.18),
        0 4px 12px rgba(0,167,160,.12);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        background .35s ease,
        opacity .3s ease,
        visibility .3s ease;

    animation:floatingGlow 3s ease-in-out infinite;

}

.floating-book.hide{

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    transform:scale(.85);

}

.floating-book i{

    font-size:18px;

}

.floating-book:hover{

    transform:translateY(-6px) scale(1.03);

    box-shadow:
        0 22px 45px rgba(0,0,0,.28),
        0 8px 18px rgba(0,167,160,.18);

    animation:none;

}

/* ---------------------------------------
   GLOW ANIMATION
----------------------------------------*/

@keyframes floatingGlow{

    0%{

        box-shadow:
            0 10px 30px rgba(0,0,0,.18),
            0 0 0 rgba(0,194,181,.35);

    }

    50%{

        box-shadow:
            0 18px 42px rgba(0,0,0,.22),
            0 0 22px rgba(0,194,181,.35);

    }

    100%{

        box-shadow:
            0 10px 30px rgba(0,0,0,.18),
            0 0 0 rgba(0,194,181,.35);

    }

}

/* ---------------------------------------
   MOBILE
----------------------------------------*/

@media(max-width:768px){

    .floating-buttons{

        right:12px;

        bottom:15px;

        gap:14px;

    }
	
	/* ---------------------------------------
   COMMON BUTTON STYLES
----------------------------------------*/

.floating-buttons a{

    position:relative;

    overflow:hidden;

    display:flex;

    align-items:center;

    justify-content:center;

}

.floating-buttons a::before{

    content:"";

    position:absolute;

    top:0;

    left:-140%;

    width:70%;

    height:100%;

    pointer-events:none;

    background:

        linear-gradient(

            110deg,

            transparent,

            rgba(255,255,255,.40),

            transparent

        );

    transform:skewX(-25deg);

    transition:left .9s ease;

}

.floating-buttons a:hover::before{

    left:170%;

}

.floating-book{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    width:235px;

    height:60px;

    padding:0 24px;

    border-radius:60px;

    text-decoration:none;

    color:#fff;

    font-size:17px;

    font-weight:700;

    white-space:nowrap;

    background:

        linear-gradient(

            135deg,

            var(--secondary),

            var(--primary)

        );

    box-shadow:

        0 18px 45px rgba(0,194,181,.28);

    transition:

        all .35s ease;

    animation:floatingGlow 3s ease-in-out infinite;

}

    .floating-book span{

        display:none;

    }

}

.why-care::before{

content:"";

position:absolute;

width:500px;

height:500px;

border-radius:50%;

background:rgba(22,168,168,.05);

right:-150px;

top:-150px;

}

.why-care::after{

content:"";

position:absolute;

width:300px;

height:300px;

border-radius:50%;

background:rgba(11,114,133,.04);

left:-120px;

bottom:-120px;

}
.section-divider{

height:120px;

background:

linear-gradient(

180deg,

rgba(11,114,133,.05),

white

);

}

#backToTop{

position:fixed;

right:25px;

bottom:260px;

width:58px;

height:58px;

border:none;

border-radius:50%;

background:var(--primary);

color:white;

font-size:20px;

cursor:pointer;

box-shadow:0 20px 45px rgba(0,0,0,.18);

opacity:0;

visibility:hidden;

transition:.35s;

z-index:1200;

}

#backToTop.show{

opacity:1;

visibility:visible;

}

#backToTop:hover{

transform:translateY(-5px);

background:var(--secondary);

}

/* ==========================================================
UNIVERSAL BUTTON HOVER
========================================================== */

.secondary:hover,