/*
=========================================
MEDIC
=========================================
*/

:root{

    --primary:#0F5E9C;
    --primary-dark:#0B4B7C;
    --secondary:#35B779;

    --light:#F7FAFD;
    --white:#FFFFFF;

    --text:#243447;
    --text-light:#6C7A89;

    --border:#E6EDF5;

    --shadow:0 15px 35px rgba(15,94,156,.12);

    --radius:18px;

}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    font-family:'Poppins',sans-serif;

    color:var(--text);

    overflow-x:hidden;

    background:#F7FAFD;

}

h1,h2,h3,h4,h5{

    font-family:'Manrope',sans-serif;

    font-weight:800;

}

a{
    text-decoration:none;
}

img{
    max-width:100%;
    display:block;
}

.section{
    padding:100px 0;
}

.section-title{

    text-align:center;

    margin-bottom:70px;

}

.section-title h2{

    font-size:42px;

    margin-bottom:15px;

    color:#16324F;

}

.section-title p{

    color:var(--gris);

}

/*=========================================
LOADER
=========================================*/

#loader{

position:fixed;

left:0;

top:0;

width:100%;

height:100%;

background:white;

display:flex;

justify-content:center;

align-items:center;

z-index:99999;

transition:.7s;

}

.loader-content{

text-align:center;

}

.loader-logo{

width:150px;

margin:auto;

margin-bottom:25px;

animation:logoFloat 2s infinite;

/*height:100px;*/

}

.loader-spinner{

width:55px;

height:55px;

border-radius:50%;

border:4px solid #09ad56;

border-top:4px solid var(--rosa);

margin:auto;

animation:spin 1s linear infinite;

}

.loader-content p{

margin-top:20px;

font-weight:600;

color:#666;

}

@keyframes spin{

100%{

transform:rotate(360deg);

}

}

@keyframes logoFloat{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-8px);

}

100%{

transform:translateY(0px);

}

}

/*=========================================
WHATSAPP
=========================================*/

.whatsapp{

position:fixed;

right:25px;

bottom:25px;

width:65px;

height:65px;

background:#25D366;

color:white;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

font-size:34px;

z-index:999;

box-shadow:0 10px 35px rgba(0,0,0,.25);

transition:.35s;

animation:whatsappPulse 2s infinite;

}

.whatsapp:hover{

transform:scale(1.1);

color:white;

}

@keyframes whatsappPulse{

0%{

box-shadow:0 0 0 0 rgba(37,211,102,.5);

}

70%{

box-shadow:0 0 0 20px rgba(37,211,102,0);

}

100%{

box-shadow:0 0 0 0 rgba(37,211,102,0);

}

}

/*=========================================
BACK TOP
=========================================*/

#backTop{

position:fixed;

bottom:105px;

right:30px;

width:52px;

height:52px;

border:none;

background:#0f8291;

color:#fff;

border-radius:50%;

display:none;

cursor:pointer;

box-shadow:var(--shadow);

transition:.3s;

z-index:999;

}

#backTop:hover{

transform:translateY(-5px);

}

/*====================================================

HERO

====================================================*/

.hero{

position:relative;

overflow:hidden;

padding-top:90px;

/*background:#fff;*/


background:linear-gradient(135deg,#F8FCFF 0%,#EDF6FD 55%,#F7FAFD 100%);

}

.hero-bg-1{

position:absolute;

width:600px;

height:600px;

background:#D9EEFC;

border-radius:50%;

left:-250px;

top:-150px;

filter:blur(60px);

opacity:.7;

}

.hero-bg-2{

position:absolute;

width:500px;

height:500px;

background:#EAF6FE;

border-radius:50%;

right:-180px;

bottom:-180px;

filter:blur(70px);

opacity:.7;

}

.hero-content{

z-index:10;

position:relative;

}

.hero-badge{

display:inline-flex;

align-items:center;

gap:10px;

padding:10px 18px;

background:#fff;

border-radius:30px;

box-shadow:var(--shadow);

font-weight:600;

margin-bottom:30px;

}

.hero-badge i{

color:var(--rosa);

}

.hero h1{

font-size:62px;

font-family:'Manrope';

font-weight:800;

line-height:1.1;

margin-bottom:30px;

}

.hero h1 span{

color:var(--rosa);

}

.hero p{

font-size:19px;

line-height:1.9;

color:#666;

margin-bottom:40px;

}

.hero-buttons{

display:flex;

gap:20px;

flex-wrap:wrap;

}

.hero-outline{

padding:14px 30px;

border-radius:50px;

box-shadow:var(--shadow);

}

.hero-image{

position:relative;

}

.hero-image img{

border-radius:35px;

box-shadow:0 30px 80px rgba(0,0,0,.12);

}

.floating-card{

position:absolute;

background:rgba(255,255,255,.9);

backdrop-filter:blur(10px);

padding:22px;

border-radius:20px;

box-shadow:var(--shadow);

animation:floatCard 4s ease-in-out infinite;

text-align:center;

border-top:4px solid #0F5E9C;

}

.floating-card h3{

color:var(--rosa);

font-size:30px;

margin:0;

}

.floating-card p{

margin:0;

font-size:14px;

}

.card-one{

top:40px;

left:-25px;

}

.card-two{

bottom:50px;

left:-25px;

}

.card-three{

top:180px;

right:-25px;

}

@keyframes floatCard{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-12px);

}

100%{

transform:translateY(0px);

}

}

/*=========================================
TRUST BAR
=========================================*/

.trust-bar{

margin-top:-55px;

position:relative;

z-index:30;

}

.trust-bar .container{

background:linear-gradient(
135deg,
#E91E63,
#C2185B);

border-radius:30px;

padding:35px;

box-shadow:0 25px 60px rgba(233,30,99,.30);

}

.trust-item{

text-align:center;

color:white;

transition:.35s;

}

.trust-item i{

font-size:40px;

margin-bottom:15px;

display:block;

}

.trust-item h4{

font-size:28px;

margin-bottom:6px;

font-weight:800;

}

.trust-item p{

margin:0;

opacity:.9;

}

.trust-item:hover{

transform:translateY(-10px);

}

/*====================================

SERVICIOS

====================================*/

.services{

background:#fff;

}

.subtitle{

display:inline-block;

padding:20px 20px;

border-radius:50px;

background:var(--rosa-light);

color:var(--rosa);

font-weight:700;

margin-bottom:18px;

}

.service-card{

background:#fff;

padding:45px 35px;

border-radius:24px;

height:100%;

transition:.35s;

box-shadow:0 15px 40px rgba(0,0,0,.05);

border:1px solid #f2f2f2;

position:relative;

overflow:hidden;

}

.service-card::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:5px;

background: linear-gradient(
  90deg,
  #09b03e,
  #078a30
);

transform:scaleX(0);

transition:.35s;

transform-origin:left;

}

.service-card:hover::before{

transform:scaleX(1);

}

.service-card:hover{

transform:translateY(-12px);

box-shadow:0 25px 60px rgba(0,0,0,.08);

}

.service-icon{

width:85px;

height:85px;

border-radius:22px;

display:flex;

justify-content:center;

align-items:center;

font-size:40px;

background:linear-gradient(
135deg,
#FCE4EC,
#fff);

color:var(--rosa);

margin-bottom:28px;

transition:.35s;

}

.service-card:hover .service-icon{

background:linear-gradient(
135deg,
#E91E63,
#C2185B);

color:white;

transform:rotate(-8deg);

}

.service-card h3{

font-size:24px;

margin-bottom:18px;

}

.service-card p{

color:#666;

line-height:1.8;

margin-bottom:25px;

}

.service-card a{

color:var(--rosa);

font-weight:700;

}

.service-card a i{

margin-left:8px;

transition:.35s;

}

.service-card:hover a i{

margin-left:16px;

}

/*======================================
ABOUT
======================================*/

.about{

background:#F9FBFD;

position:relative;

}

.about-image{

position:relative;

}

.about-image img{

border-radius:30px;

box-shadow:0 30px 70px rgba(0,0,0,.08);

}

.about h2{

font-size:42px;

margin:20px 0;

line-height:1.25;

}

.about p{

font-size:17px;

line-height:1.9;

color:#666;

margin-bottom:35px;

}

.about-list{

display:flex;

flex-direction:column;

gap:18px;

margin-top:20px;

}

.about-item{

display:flex;

align-items:center;

gap:15px;

font-size:17px;

font-weight:500;

}

.about-item i{

color:var(--rosa);

font-size:22px;

}

/*=========================================

ESTUDIOS DESTACADOS

=========================================*/

.featured{

background:#fff;

}

.featured-card{

background:#fff;

padding:40px;

border-radius:30px;

box-shadow:0 20px 60px rgba(0,0,0,.06);

height:100%;

transition:.35s;

position:relative;

overflow:hidden;

border:1px solid #f5f5f5;

}

.featured-card::before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:6px;

/*background:linear-gradient(
90deg,
#E91E63,
#C2185B);*/

/*background: linear-gradient(90deg, #0D47A1, #0A2E63);*/

}

.featured-card:hover{

transform:translateY(-15px);

box-shadow:0 35px 70px rgba(0,0,0,.10);

}

.featured-icon{

width:90px;

height:90px;

border-radius:25px;

display:flex;

justify-content:center;

align-items:center;

background: linear-gradient(
    135deg,
    #43a047,
    white
);

font-size:40px;

color:var(--rosa);

margin-bottom:25px;

}

.price{

margin:20px 0;

font-size:18px;

font-weight:600;

}

.price span{

display:block;

font-size:40px;

color:var(--rosa);

font-family:'Manrope';

font-weight:800;

}

.featured ul{

list-style:none;

padding:0;

margin:30px 0;

}

.featured li{

margin-bottom:14px;

display:flex;

align-items:center;

gap:12px;

}

.featured li i{

color:var(--rosa);

}

.badge-featured{

position:absolute;

right:20px;

top:20px;

background:var(--rosa);

color:white;

padding:8px 18px;

border-radius:30px;

font-size:13px;

font-weight:700;

}

/*=========================================

PROCESS

=========================================*/

.process{

background:#F8FAFC;

position:relative;

}

.process-card{

background:white;

padding:45px 30px;

border-radius:25px;

text-align:center;

height:100%;

transition:.35s;

position:relative;

box-shadow:0 15px 45px rgba(0,0,0,.05);

}

.process-card:hover{

transform:translateY(-12px);

box-shadow:0 25px 60px rgba(0,0,0,.08);

}

.step-number{

position:absolute;

right:25px;

top:20px;

font-size:55px;

font-weight:800;

font-family:'Manrope';

color:#d2d6d3;

}

.process-icon{

width:95px;

height:95px;

border-radius:25px;

margin:auto;

margin-bottom:25px;

display:flex;

justify-content:center;

align-items:center;

background-color: #10909e;

color:white;

font-size:45px;

transition:.35s;

}


.process-card h3{

font-size:24px;

margin-bottom:18px;

}

.process-card p{

color:#666;

line-height:1.8;

margin:0;

}

/*=========================================

STATS

=========================================*/

.stats{

padding:110px 0;

background:
linear-gradient(
135deg,
#2B2D42,
#1D2033);

position:relative;

overflow:hidden;

}

.stats::before{

content:"";

position:absolute;

width:450px;

height:450px;

background:rgba(255,255,255,.04);

border-radius:50%;

left:-180px;

top:-180px;

}

.stats::after{

content:"";

position:absolute;

width:350px;

height:350px;

background:rgba(255,255,255,.04);

border-radius:50%;

right:-120px;

bottom:-120px;

}

.stat-card{

text-align:center;

padding:35px;

border-radius:25px;

background:rgba(255,255,255,.05);

backdrop-filter:blur(12px);

border:1px solid rgba(255,255,255,.08);

transition:.35s;

height:100%;

}

.stat-card:hover{

transform:translateY(-12px);

background:rgba(255,255,255,.09);

}

.stat-card i{

font-size:45px;

color:#FF9CC3;

margin-bottom:20px;

display:block;

}

.stat-card h3{

font-size:56px;

color:white;

margin-bottom:10px;

font-weight:800;

}

.stat-card p{

color:#ddd;

margin:0;

font-size:16px;

}

/*======================================

SEARCH

======================================*/

.study-search{

background:#ffffff;

}

.search-box{

max-width:850px;

margin:auto;

padding:70px;

background:white;

border-radius:30px;

box-shadow:0 25px 60px rgba(0,0,0,.07);

text-align:center;

}

.search-input{

margin-top:35px;

display:flex;

border-radius:60px;

overflow:hidden;

box-shadow:0 10px 35px rgba(0,0,0,.08);

}

.search-input input{

height:65px;

border:none;

padding-left:30px;

font-size:18px;

}

.search-input input:focus{

box-shadow:none;

}

.search-input button{

width:90px;

background:var(--rosa);

border:none;

color:white;

font-size:22px;

transition:.3s;

}

.search-input button:hover{

background:var(--rosa-dark);

}

#searchResults{

margin-top:25px;

text-align:left;

}

.result-item{

padding:14px 22px;

border-bottom:1px solid #eee;

cursor:pointer;

transition:.3s;

}

.result-item:hover{

background:#FCE4EC;

}

/*======================================

CHECKUP

======================================*/

.checkup{

background:#F8FAFC;

}

.check-list{

list-style:none;

padding:0;

margin:35px 0;

}

.check-list li{

margin-bottom:18px;

font-size:18px;

}

.check-list i{

color:var(--rosa);

margin-right:12px;

}

.testimonial-card{

background:white;

padding:35px;

border-radius:25px;

text-align:center;

box-shadow:0 15px 50px rgba(0,0,0,.06);

transition:.35s;

height:100%;

}

.testimonial-card:hover{

transform:translateY(-10px);

}

.testimonial-photo{

width:90px;

height:90px;

border-radius:50%;

margin:auto;

margin-bottom:20px;

object-fit:cover;

}

.stars{

color:#ffc107;

font-size:22px;

margin:15px 0;

}

/*======================================

CTA

======================================*/

.cta{

padding:120px 0;

}

.cta-box{

background:linear-gradient(135deg,#118c4c,#118c4c);

padding:80px;

border-radius:35px;

text-align:center;

color:white;

/*box-shadow:0 25px 70px rgba(233,30,99,.35);*/

}

.cta-box h2{

font-size:46px;

margin-bottom:25px;

}

.cta-box p{

font-size:20px;

margin-bottom:35px;

opacity:.95;

}

/*========================================

PAGE BANNER

========================================*/

.page-banner{

padding:180px 0 120px;

background:
linear-gradient(135deg,#FFF5F8,#FFFFFF);

position:relative;

overflow:hidden;

}

.page-banner::before{

content:"";

position:absolute;

width:500px;

height:500px;

background:#fde5ef;

border-radius:50%;

left:-200px;

top:-150px;

filter:blur(80px);

opacity:.8;

}

.page-banner::after{

content:"";

position:absolute;

width:400px;

height:400px;

background:#FCE4EC;

border-radius:50%;

right:-150px;

bottom:-150px;

filter:blur(70px);

opacity:.8;

}

.page-banner h1{

font-size:58px;

font-weight:800;

margin:25px 0;

}

.page-banner p{

font-size:20px;

color:#666;

line-height:1.9;

max-width:760px;

margin:auto;

}

.breadcrumb-custom{

margin-top:35px;

font-weight:600;

}

.breadcrumb-custom a{

color:var(--rosa);

text-decoration:none;

}

.breadcrumb-custom span{

margin:0 10px;

color:#999;

}

/*=====================================
HISTORY
=====================================*/

.history{

background:#ffffff;

}

.history-image{

overflow:hidden;

border-radius:30px;

box-shadow:0 30px 70px rgba(0,0,0,.10);

}

.history-image img{

width:100%;

transition:.5s;

}

.history-image:hover img{

transform:scale(1.05);

}

.timeline{

margin-top:45px;

border-left:3px solid #F8C8D8;

padding-left:35px;

position:relative;

}

.timeline-item{

position:relative;

padding-bottom:45px;

}

.timeline-item:last-child{

padding-bottom:0;

}

.timeline-item::before{

content:"";

position:absolute;

left:-45px;

top:8px;

width:18px;

height:18px;

border-radius:50%;

background:var(--rosa);

border:5px solid #fff;

box-shadow:0 0 0 3px #F8C8D8;

}

.year{

display:inline-block;

padding:8px 18px;

background:var(--rosa);

color:#fff;

border-radius:30px;

font-weight:700;

margin-bottom:15px;

}

.timeline h4{

font-size:24px;

margin-bottom:10px;

}

.timeline p{

margin:0;

color:#666;

line-height:1.8;

}

/*=====================================

MISSION

=====================================*/

.mission{

background:#F7F9FC;

position:relative;

}

.mission-card{

background:rgba(255,255,255,.85);

backdrop-filter:blur(15px);

padding:45px;

border-radius:30px;

height:100%;

text-align:center;

transition:.4s;

border:1px solid rgba(255,255,255,.5);

box-shadow:0 20px 60px rgba(0,0,0,.05);

position:relative;

overflow:hidden;

}

.mission-card::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:6px;

background: linear-gradient(
  90deg,
  #09b03e,
  #078a30
);

transform:scaleX(0);

transition:.4s;

transform-origin:left;

}

.mission-card:hover::before{

transform:scaleX(1);

}

.mission-card:hover{

transform:translateY(-12px);

box-shadow:0 35px 70px rgba(0,0,0,.08);

}

.mission-icon{

width:95px;

height:95px;

margin:auto;

margin-bottom:30px;

border-radius:25px;

display:flex;

justify-content:center;

align-items:center;

background: linear-gradient(
  90deg,
  #097d91,
  #075c6b
);

font-size:42px;

color:#fff;

transition:.35s;

}

.mission-card:hover .mission-icon{

background: linear-gradient(
  90deg,
  #097d91,
  #075c6b
);

color:white;

transform:rotate(-8deg);

}

.mission-card h3{

font-size:30px;

margin-bottom:25px;

font-weight:700;

}

.mission-card p{

line-height:1.9;

color:#666;

}

.values-list{

list-style:none;

padding:0;

margin:0;

}

.values-list li{

padding:12px 0;

border-bottom:1px solid #eee;

font-weight:500;

}

.values-list li:last-child{

border-bottom:none;

}

/*=========================================

ADVANTAGES

=========================================*/

.advantages{

background:#fff;

padding:110px 0;

}

.adv-card{

background:white;

border-radius:30px;

padding:45px 35px;

height:100%;

text-align:center;

box-shadow:0 20px 60px rgba(0,0,0,.05);

transition:.35s;

position:relative;

overflow:hidden;

border:1px solid #f4f4f4;

}

.adv-card::after{

content:"";

position:absolute;

left:0;

bottom:0;

width:100%;

height:5px;

background: linear-gradient(
  90deg,
  #09b03e,
  #078a30
);

transform:scaleX(0);

transition:.35s;

transform-origin:center;

}

.adv-card:hover::after{

transform:scaleX(1);

}

.adv-card:hover{

transform:translateY(-10px);

box-shadow:0 35px 70px rgba(0,0,0,.08);

}

.adv-icon{

width:95px;

height:95px;

margin:auto;

margin-bottom:30px;

border-radius:28px;

display:flex;

justify-content:center;

align-items:center;

background-color: #097d91;

font-size:42px;

color:#fff;

transition:.35s;

}

.adv-card:hover .adv-icon{

background-color: #097d91;

color:white;

transform:scale(1.08) rotate(-6deg);

}

.adv-card h3{

font-size:25px;

margin-bottom:18px;

font-weight:700;

}

.adv-card p{

line-height:1.9;

color:#666;

margin:0;

}

/*=========================================

TEAM

=========================================*/

.team{

background:#F7F9FC;

padding:120px 0;

}

.team-card{

background:#fff;

border-radius:30px;

overflow:hidden;

box-shadow:0 20px 60px rgba(0,0,0,.06);

transition:.4s;

height:100%;

}

.team-card:hover{

transform:translateY(-12px);

box-shadow:0 35px 80px rgba(0,0,0,.10);

}

.team-image{

position:relative;

overflow:hidden;

}

.team-image img{

width:100%;

height:420px;

object-fit:cover;

transition:.5s;

}

.team-card:hover .team-image img{

transform:scale(1.08);

}

.team-overlay{

position:absolute;

inset:0;

background:rgba(233,30,99,.75);

display:flex;

justify-content:center;

align-items:center;

gap:18px;

opacity:0;

transition:.35s;

}

.team-card:hover .team-overlay{

opacity:1;

}

.team-overlay a{

width:48px;

height:48px;

background:white;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

text-decoration:none;

color:var(--rosa);

font-size:20px;

transition:.3s;

}

.team-overlay a:hover{

transform:translateY(-6px);

}

.team-content{

padding:35px;

text-align:center;

}

.team-content h3{

font-size:28px;

margin-bottom:10px;

}

.team-content span{

display:block;

color:var(--rosa);

font-weight:700;

margin-bottom:20px;

}

.team-content p{

color:#666;

line-height:1.8;

margin:0;

}

/*=========================================

ABOUT CTA

=========================================*/

.about-cta{

padding:120px 0;

background:#fff;

}

.about-cta-box{

background:linear-gradient(135deg,#E91E63,#C2185B);

padding:80px 60px;

border-radius:35px;

text-align:center;

color:#fff;

box-shadow:0 30px 70px rgba(233,30,99,.30);

}

.about-cta-box h2{

font-size:48px;

font-weight:800;

margin-bottom:25px;

}

.about-cta-box p{

font-size:20px;

max-width:750px;

margin:0 auto 35px;

opacity:.95;

}

.about-cta-box .btn-outline-light{

border-width:2px;

}

.about-cta-box .btn{

min-width:220px;

border-radius:50px;

padding:14px 30px;

font-weight:600;

}

/*========================================

STUDY FILTER

========================================*/

.study-filter{

padding-top:60px;

padding-bottom:30px;

background:white;

}

.search-panel{

background:white;

padding:35px;

border-radius:30px;

box-shadow:0 20px 60px rgba(0,0,0,.05);

}

#studyFilter{

height:60px;

border-radius:50px;

padding-left:25px;

}

.categories{

display:flex;

gap:10px;

flex-wrap:wrap;

justify-content:flex-end;

}

.categories button{

border:none;

padding:12px 22px;

border-radius:40px;

background:#F7F7F7;

transition:.3s;

font-weight:600;

}

.categories button:hover,

.categories button.active{

background:var(--rosa);

color:white;

}

.study-card{

display:flex;

justify-content:space-between;

align-items:center;

padding:35px;

background:white;

border-radius:30px;

box-shadow:0 20px 60px rgba(0,0,0,.05);

transition:.35s;

height:100%;

border:1px solid transparent;

}

.study-card:hover{

    transform:translateY(-10px);

    border-color:#F8BBD0;

    box-shadow:0 30px 70px rgba(233,30,99,.10);

}

.study-icon{

width:80px;

height:80px;

border-radius:22px;

background:#FCE4EC;

display:flex;

justify-content:center;

align-items:center;

font-size:36px;

color:var(--rosa);

margin-right:25px;

flex-shrink:0;

transition:.35s;

}

.study-card:hover .study-icon{

    background:linear-gradient(
    135deg,
    #E91E63,
    #C2185B);

    color:white;

    transform:rotate(-8deg) scale(1.08);

}

.study-info{

flex:1;

}

.study-info span{

color:var(--rosa);

font-weight:700;

}

.study-info h3{

margin:10px 0;

}

.study-meta{

display:flex;

gap:25px;

flex-wrap:wrap;

font-size:15px;

color:#666;

}

.study-price{

text-align:right;

font-size:34px;

font-weight:800;

color:var(--rosa);

}

.study-badge{

    display:inline-block;

    background:#FCE4EC;

    color:#C2185B;

    padding:6px 16px;

    border-radius:20px;

    font-size:13px;

    font-weight:700;

    margin-bottom:12px;

}

/*====================================

FAQ

====================================*/

.faq{

background:#F8FAFC;

padding:120px 0;

}

.accordion-item{

border:none;

border-radius:20px !important;

overflow:hidden;

margin-bottom:20px;

box-shadow:0 15px 40px rgba(0,0,0,.05);

}

.accordion-button{

padding:22px 30px;

font-size:18px;

font-weight:600;

background:white;

}

.accordion-button:not(.collapsed){

background:#FCE4EC;

color:#C2185B;

box-shadow:none;

}

.accordion-button:focus{

box-shadow:none;

}

.pagination{

gap:10px;

}

.page-link{

border:none;

width:48px;

height:48px;

display:flex;

justify-content:center;

align-items:center;

border-radius:50% !important;

color:#444;

font-weight:600;

box-shadow:0 5px 15px rgba(0,0,0,.05);

}

.page-item.active .page-link{

background:var(--rosa);

border-color:var(--rosa);

}

.page-link:hover{

background:#FCE4EC;

color:#C2185B;

}

/*=====================================

BRANCH MAP

=====================================*/

.branch-map{

    border-radius:30px;

    overflow:hidden;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

}

.branch-map iframe{

    width:100%;

    height:550px;

    border:0;

}

/*=====================================

BRANCHES

=====================================*/

.branch-card{

background:#fff;

border-radius:30px;

overflow:hidden;

box-shadow:0 20px 60px rgba(0,0,0,.06);

transition:.35s;

height:100%;

}

.branch-card:hover{

transform:translateY(-10px);

box-shadow:0 30px 70px rgba(0,0,0,.10);

}

.branch-card img{

width:100%;

height:240px;

object-fit:cover;

transition:.4s;

}

.branch-card:hover img{

transform:scale(1.05);

}

.branch-content{

padding:30px;

}

.branch-content h3{

margin-bottom:20px;

font-weight:700;

}

.branch-content p{

margin-bottom:15px;

color:#666;

}

.branch-content i{

color:var(--rosa);

margin-right:10px;

}

/*=====================================

BRANCH HELP

=====================================*/

.branch-help{

background:#F8FAFC;

}

.help-card{

background:white;

padding:45px;

border-radius:30px;

text-align:center;

height:100%;

box-shadow:0 20px 60px rgba(0,0,0,.05);

transition:.35s;

}

.help-card:hover{

transform:translateY(-10px);

box-shadow:0 30px 70px rgba(0,0,0,.08);

}

.help-icon{

width:90px;

height:90px;

margin:auto;

margin-bottom:25px;

border-radius:25px;

display:flex;

justify-content:center;

align-items:center;

background:#FCE4EC;

font-size:42px;

color:var(--rosa);

transition:.35s;

}

.help-card:hover .help-icon{

background:linear-gradient(
135deg,
#E91E63,
#C2185B);

color:white;

transform:rotate(-8deg);

}

.help-card h3{

margin-bottom:20px;

font-size:28px;

}

.help-card p{

color:#666;

line-height:1.8;

margin:0;

}

.branch-badge{

display:inline-block;

padding:6px 16px;

border-radius:30px;

background:#FCE4EC;

color:#C2185B;

font-size:13px;

font-weight:700;

margin-bottom:15px;

}

/*=====================================

CONTACT INFO

=====================================*/

.contact-info{

padding-top:100px;

padding-bottom:60px;

background:#fff;

}

.contact-card{

background:#fff;

padding:40px 30px;

border-radius:30px;

text-align:center;

box-shadow:0 20px 60px rgba(0,0,0,.05);

transition:.35s;

height:100%;

border:1px solid #f5f5f5;

}

.contact-card:hover{

transform:translateY(-10px);

box-shadow:0 30px 70px rgba(0,0,0,.08);

}

.contact-icon{

width:85px;

height:85px;

margin:auto;

margin-bottom:25px;

display:flex;

justify-content:center;

align-items:center;

background:#FCE4EC;

border-radius:25px;

font-size:38px;

color:var(--rosa);

transition:.35s;

}

.contact-card:hover .contact-icon{

background:linear-gradient(135deg,#E91E63,#C2185B);

color:white;

transform:rotate(-8deg);

}

.contact-card h3{

margin-bottom:15px;

font-size:24px;

}

.contact-card p{

margin:0;

color:#666;

line-height:1.8;

}

/*=====================================

CONTACT FORM

=====================================*/

.contact-form-box{

background:#fff;

border-radius:35px;

padding:60px;

box-shadow:0 25px 70px rgba(0,0,0,.06);

overflow:hidden;

}

.contact-form-box h2{

font-size:42px;

font-weight:800;

margin-bottom:20px;

}

.contact-form-box p{

color:#666;

line-height:1.9;

margin-bottom:30px;

}

.contact-list{

list-style:none;

padding:0;

margin:0;

}

.contact-list li{

margin-bottom:18px;

font-size:17px;

display:flex;

align-items:center;

gap:12px;

}

.contact-list i{

color:var(--rosa);

font-size:22px;

}

.contact-form-box .form-control,
.contact-form-box .form-select{

height:60px;

border-radius:15px;

border:1px solid #EAEAEA;

padding-left:20px;

font-size:16px;

transition:.3s;

box-shadow:none;

}

.contact-form-box textarea.form-control{

height:auto;

padding-top:15px;

resize:none;

}

.contact-form-box .form-control:focus,
.contact-form-box .form-select:focus{

border-color:#E91E63;

box-shadow:0 0 0 .2rem rgba(233,30,99,.15);

}

.contact-form-box .btn{

padding:15px 40px;

border-radius:50px;

font-size:17px;

font-weight:600;

}

/*=====================================

CONTACT MAP

=====================================*/

.contact-map{

border-radius:30px;

overflow:hidden;

box-shadow:0 25px 70px rgba(0,0,0,.08);

}

.contact-map iframe{

width:100%;

height:550px;

border:0;

}

/*=====================================

RESULTADOS

=====================================*/

.results-box{

background:#fff;

padding:60px;

border-radius:35px;

box-shadow:0 25px 70px rgba(0,0,0,.08);

text-align:center;

}

.results-icon{

width:100px;

height:100px;

margin:auto;

margin-bottom:30px;

display:flex;

justify-content:center;

align-items:center;

border-radius:30px;

background:#FCE4EC;

color:var(--rosa);

font-size:48px;

}

.results-box h2{

font-size:42px;

margin-bottom:20px;

font-weight:800;

}

.results-box p{

color:#666;

margin-bottom:35px;

}

.results-box label{

font-weight:600;

margin-bottom:8px;

display:block;

text-align:left;

}

.results-box .form-control{

height:58px;

border-radius:15px;

}

.results-box .btn{

padding:15px;

border-radius:50px;

}

/*=====================================

RESULTADOS SEGURIDAD

=====================================*/

.security-section{

padding-top:20px;

padding-bottom:90px;

background:#fff;

}

.security-card{

padding:40px;

border-radius:25px;

background:#F8FAFC;

text-align:center;

transition:.35s;

height:100%;

}

.security-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.security-card i{

font-size:55px;

color:var(--rosa);

margin-bottom:20px;

display:block;

}

.security-card h3{

margin-bottom:20px;

font-size:26px;

}

.security-card p{

color:#666;

margin:0;

line-height:1.8;

}

/*=====================================

RESULTADOS HELP

=====================================*/

.results-help{

background:#F8FAFC;

}

.help-box{

display:block;

background:white;

padding:40px;

border-radius:30px;

text-align:center;

text-decoration:none;

color:#222;

transition:.35s;

height:100%;

box-shadow:0 20px 60px rgba(0,0,0,.05);

}

.help-box:hover{

transform:translateY(-10px);

color:#222;

box-shadow:0 30px 70px rgba(0,0,0,.08);

}

.help-box i{

font-size:50px;

color:var(--rosa);

margin-bottom:20px;

display:block;

}

.help-box h3{

margin-bottom:15px;

}

.help-box p{

margin:0;

color:#666;

}

/*=====================================

PARTNERS

=====================================*/

.partner-card{

height:180px;

display:flex;

justify-content:center;

align-items:center;

background:white;

border-radius:25px;

box-shadow:0 15px 45px rgba(0,0,0,.05);

transition:.35s;

padding:30px;

}

.partner-card:hover{

transform:translateY(-8px);

box-shadow:0 25px 60px rgba(0,0,0,.08);

}

.partner-card img{

max-height:80px;

max-width:100%;

object-fit:contain;

filter:grayscale(100%);

opacity:.7;

transition:.35s;

}

.partner-card:hover img{

filter:none;

opacity:1;

transform:scale(1.05);

}

/*=====================================

BLOG

=====================================*/

.blog-card{

background:white;

border-radius:30px;

overflow:hidden;

box-shadow:0 20px 60px rgba(0,0,0,.06);

transition:.35s;

height:100%;

}

.blog-card:hover{

transform:translateY(-10px);

box-shadow:0 30px 70px rgba(0,0,0,.10);

}

/*.blog-card img{

width:100%;

height:280px;

object-fit:cover;

transition:.35s;

}*/

.blog-card img{
    width:100%;
    height:auto;
    display:block;
}

.blog-card:hover img{

transform:scale(1.05);

}

.blog-content{

padding:35px;

}

.blog-content span{

display:inline-block;

padding:6px 16px;

background:#FCE4EC;

color:#C2185B;

border-radius:20px;

font-size:13px;

font-weight:700;

margin-bottom:15px;

}

.blog-content h3{

font-size:28px;

margin-bottom:20px;

line-height:1.4;

}

.blog-content p{

color:#666;

margin-bottom:25px;

}

/*=====================================

LEGAL

=====================================*/

.legal-box{

background:#fff;

padding:60px;

border-radius:35px;

box-shadow:0 20px 60px rgba(0,0,0,.06);

}

.legal-header{

display:flex;

justify-content:space-between;

align-items:center;

gap:20px;

margin-bottom:25px;

flex-wrap:wrap;

}

.legal-date{

display:inline-block;

padding:10px 20px;

background:#FCE4EC;

color:#C2185B;

border-radius:30px;

font-weight:700;

}

.legal-section{

margin-top:40px;

}

.legal-section h2{

font-size:30px;

margin-bottom:20px;

}

.legal-section p,
.legal-section li{

color:#666;

line-height:1.9;

}

.legal-section ul{

padding-left:20px;

}

/*=====================================

PROMOTIONS

=====================================*/

.promo-card{

background:#fff;

border-radius:30px;

overflow:hidden;

height:100%;

box-shadow:0 20px 60px rgba(0,0,0,.06);

transition:.35s;

}

.promo-card:hover{

transform:translateY(-10px);

box-shadow:0 30px 70px rgba(0,0,0,.10);

}

.promo-image{

position:relative;

overflow:hidden;

}

.promo-image img{

width:100%;

height:260px;

object-fit:cover;

transition:.4s;

}

.promo-card:hover img{

transform:scale(1.05);

}

.promo-badge{

position:absolute;

top:20px;

left:20px;

background:#E91E63;

color:#fff;

padding:8px 18px;

border-radius:30px;

font-size:13px;

font-weight:700;

}

.promo-content{

padding:35px;

}

.promo-content h3{

font-size:30px;

margin-bottom:20px;

}

.promo-price{

font-size:34px;

font-weight:800;

color:#E91E63;

margin-bottom:20px;

}

.promo-content p{

color:#666;

line-height:1.8;

margin-bottom:25px;

}


/*====================================================

TOPBAR PREMIUM

====================================================*/

.topbar{

background:#f7f7f7;

padding:10px 0;

font-size:14px;

color:#fff;

}

.topbar .row{

min-height:45px;

}

.topbar-info{

display:flex;

align-items:center;

gap:30px;

flex-wrap:wrap;

}

.topbar-info span{

display:flex;

align-items:center;

gap:8px;

color:#fff;

font-weight:500;

}

.topbar-info i{

color:#FFC4D8;

font-size:15px;

}

/*====================================================

TOP BUTTONS

====================================================*/

.btn-top{

display:inline-flex;

align-items:center;

gap:8px;

padding:10px 20px;

border-radius:50px;

font-size:14px;

font-weight:600;

text-decoration:none;

transition:.35s;

margin-left:10px;

}

.btn-top i{

font-size:16px;

}

.btn-top.resultado{

background:#0F5E9C;

border:1px solid rgba(255,255,255,.25);

color:white;

}

.btn-top.resultado:hover{

background:white;

color:#0B4B7C;

}

.btn-top.cita{

background:#35B779;

color:#fff;

box-shadow:0 12px 25px rgba(233,30,99,.35);

}

.btn-top.cita:hover{

background:#2AA167;

color:white;

transform:translateY(-3px);

}

/*====================================================

NAVBAR PREMIUM

====================================================*/

#navbarMedic{

background:rgba(255,255,255,.95);

backdrop-filter:blur(15px);

padding:1px 0;

box-shadow:0 8px 30px rgba(0,0,0,.05);

position:sticky;

top:0;

z-index:999;

transition:.35s;

}

#navbarMedic .container{

align-items:center;

}

.logo{

    max-height:130px;
    width:auto;
    display:block;
    transition:.3s;

}

#navbarMedic .navbar-nav{

gap:10px;

}

#navbarMedic .nav-link{

position:relative;

font-size:17px;

font-weight:600;

color:#red;

padding:12px 16px;

transition:.35s;

}

#navbarMedic .nav-link::after{

content:"";

position:absolute;

left:50%;

bottom:0;

width:0;

height:3px;

border-radius:30px;

background:#0F5E9C;

transition:.35s;

transform:translateX(-50%);

}

#navbarMedic .nav-link:hover::after,

#navbarMedic .nav-link.active::after{

width:70%;
color:#0F5E9C;
}

#navbarMedic .nav-link:hover{

color:#0F5E9C;

}

#navbarMedic.scrolled{

padding:10px 0;

background:rgba(255,255,255,.92);

backdrop-filter:blur(18px);

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

}

#navbarMedic.scrolled .logo{

height:58px;

}


.btn-medic{
    background:linear-gradient(135deg,#0F5E9C,#2F80C3);
    color:#fff;
    border:none;
    transition:all .35s ease;
}

.btn-medic:hover{
    background:linear-gradient(135deg,#0B4B7C,#1F6FB0);
    transform:translateY(-3px);
    border-color:#c2185b;
    color:#fff;
    box-shadow:0 15px 30px rgba(15,94,156,.25);
}

/*==========================
SLIDER
==========================*/

.slider-medic{

margin-top:0px;

margin-bottom:80px;

}

.slider-medic .carousel{

border-radius:30px;

overflow:hidden;

box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.slider-medic .carousel-item{

height:650px;

position:relative;

}

.slider-medic img{

/*width:100%;

height:100%;

object-fit:cover;*/
    /*width:100%;
    height:100%;
    object-fit:contain;*/

    width:100%;

    height:100%;

    object-fit:contain;

}

.overlay{

/*position:absolute;

left:0;

top:0;

width:100%;

height:100%;

background:linear-gradient(

90deg,

rgba(7,32,56,.78),

rgba(7,32,56,.35),

rgba(7,32,56,.08)

);*/

}

/*quitamos el overlay pero lo dejamos arriba por si se llega a ocupar solo comentamos esta linea*/
.overlay{

    display:none;

}

.carousel-caption{

left:0;

right:0;

top:0;

bottom:0;

display:flex;

align-items:center;

text-align:left;

}

.carousel-caption h1{

font-size:58px;

font-weight:800;

line-height:1.15;

margin-bottom:25px;

color:#fff;

}

.carousel-caption p{

font-size:20px;

line-height:1.8;

margin-bottom:35px;

max-width:550px;

color:#F4F7FA;

}

.badge-slider{

display:inline-block;

background:rgba(255,255,255,.18);

backdrop-filter:blur(15px);

padding:10px 18px;

border-radius:50px;

margin-bottom:25px;

font-weight:600;

letter-spacing:.5px;

}

.carousel-indicators button{

width:12px;

height:12px;

border-radius:50%;

margin:0 6px;

}

.carousel-control-prev,

.carousel-control-next{

width:65px;

}

@media(max-width:991px){

.slider-medic .carousel-item{

    /*height:500px;*/
    aspect-ratio:16/7;

    background:#F7FAFD;



}

.carousel-caption{

text-align:center;

}

.carousel-caption h1{

font-size:36px;

}

.carousel-caption p{

font-size:17px;

margin:auto;

margin-bottom:25px;

}

}

@media(max-width:576px){

.slider-medic{

margin-top:10px;

}

.slider-medic .carousel-item{

height:420px;

}

.carousel-caption h1{

font-size:28px;

}

.carousel-caption p{

font-size:15px;

}

}

/*=====================================
TOPBAR ADMIN
======================================*/

.topbar-admin{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    padding:8px 0;

}

/*=====================================
MENÚ
======================================*/

.module-menu{

    display:flex;

    align-items:center;

    gap:12px;

    flex-wrap:wrap;

}

.module-link{

    text-decoration:none;

    color:#425466;

    font-weight:600;

    padding:11px 18px;

    border-radius:12px;

    display:flex;

    align-items:center;

    gap:10px;

    transition:.30s;

    background:#F5F8FB;

}

.module-link i{

    color:#0F5E9C;

    font-size:18px;

}

.module-link:hover{

    background:#0F5E9C;

    color:#fff;

    transform:translateY(-2px);

    box-shadow:0 12px 24px rgba(15,94,156,.20);

}

.module-link:hover i{

    color:#fff;

}

.module-link.active{

    background:linear-gradient(135deg,#0F5E9C,#2A8BE8);

    color:#fff;

    box-shadow:0 10px 25px rgba(15,94,156,.25);

}

.module-link.active i{

    color:#fff;

}

/*=====================================
RESPONSIVE
======================================*/

@media(max-width:991px){

    .topbar-admin{

        flex-direction:column;

        align-items:flex-start;

    }

    .module-menu{

        width:100%;

        overflow-x:auto;

        flex-wrap:nowrap;

        padding-bottom:8px;

    }

    .module-menu::-webkit-scrollbar{

        height:5px;

    }

}

.service-card {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    height: 100%;
    border: 1px solid #edf1f5;
    box-shadow: 0 8px 25px rgba(20, 50, 80, 0.08);
    transition: all 0.35s ease;
}

.service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(20, 50, 80, 0.14);
}


/* IMAGEN */

.service-image {
    width: 100%;
    height: 210px;
    overflow: hidden;
}

.service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.service-card:hover .service-image img {
    transform: scale(1.06);
}


/* CONTENIDO */

.service-content {
    padding: 25px;
}

.service-content h3 {
    font-size: 21px;
    font-weight: 700;
    color: #174f86;
    margin-bottom: 12px;
}

.service-content p {
    color: #6c757d;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 20px;
}

.service-content a {
    color: #174f86;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.service-content a i {
    margin-left: 5px;
    transition: transform 0.3s ease;
}

.service-content a:hover {
    color: #4aa9d8;
}

.service-content a:hover i {
    transform: translateX(5px);
}

@media (max-width: 767px) {

    .service-image {
        height: 230px;
    }

    .service-content {
        padding: 22px;
    }

}

/* ==========================================
   BOTONES DE SERVICIOS
========================================== */

.service-buttons {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.service-buttons .btn {
    flex: 1;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
}


/* VER DETALLES */

.btn-detalles {
    background: #174f86;
    color: #fff;
    border: 1px solid #174f86;
}

.btn-detalles:hover {
    background: #0f3f6d;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(23, 79, 134, 0.25);
}


/* WHATSAPP */

.btn-whatsapp {
    background: #25D366;
    color: #fff;
    border: 1px solid #25D366;
}

.btn-whatsapp:hover {
    background: #1ebe5d;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(37, 211, 102, 0.25);
}


/* ==========================================
   MODAL
========================================== */

.estudio-modal {
    border: none;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
}

.estudio-modal .modal-header {
    background: #174f86;
    color: #fff;
    border: none;
    padding: 20px 25px;
}

.estudio-modal .modal-title {
    font-size: 20px;
    font-weight: 700;
}

.estudio-modal .btn-close {
    filter: brightness(0) invert(1);
    opacity: .9;
}

.estudio-modal .modal-body {
    padding: 30px;
    text-align: center;
}

.modal-estudio-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: #eaf5fb;
    color: #174f86;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 30px;
}

.estudio-modal .modal-body h4 {
    color: #174f86;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

.estudio-modal .modal-body p {
    color: #6c757d;
    line-height: 1.8;
    margin-bottom: 0;
}

.estudio-modal .modal-footer {
    border-top: 1px solid #edf1f5;
    padding: 18px 25px;
}

.estudio-modal .modal-footer .btn {
    border-radius: 10px;
    padding: 10px 18px;
    font-weight: 600;
}

.btn-whatsapp{

    background:#25D366;

    border:1px solid #25D366;

    color:#fff;

    font-weight:600;

    padding:12px 20px;

    border-radius:10px;

    transition:all .3s ease;

}

.btn-whatsapp i{

    font-size:18px;

    margin-right:7px;

}

.btn-whatsapp:hover{

    background:#1ebe5d;

    border-color:#1ebe5d;

    color:#fff;

    transform:translateY(-2px);

    box-shadow:0 10px 22px rgba(37,211,102,.25);

}

/*=====================================
BOTONES DE ESTUDIO
======================================*/

.study-buttons{

    display:flex;

    gap:10px;

    width:100%;

    margin-top:20px;

}

.study-buttons .btn{

    flex:1;

    min-width:0;

    padding:11px 8px;

    border-radius:10px;

    font-size:13px;

    font-weight:600;

    white-space:normal;

    line-height:1.2;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:6px;

}


/*=====================================
PREPARACIONES
======================================*/

.btn-preparacion{

    background:#F1F6FA;

    border:1px solid #D9E5EE;

    color:#0F5E9C;

    flex:1.15 !important;

}

.btn-preparacion:hover{

    background:#0F5E9C;

    border-color:#0F5E9C;

    color:#fff;

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(15,94,156,.20);

}


/*=====================================
WHATSAPP
======================================*/

.btn-whatsapp{

    background:#25D366;

    border:1px solid #25D366;

    color:#fff;

}

.btn-whatsapp:hover{

    background:#1ebe5d;

    border-color:#1ebe5d;

    color:#fff;

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(37,211,102,.25);

}


/*=====================================
MÓVIL
======================================*/

@media(max-width:576px){

    .study-buttons{

        flex-direction:column;

    }

    .study-buttons .btn{

        width:100%;

    }

}

/*=====================================
MODAL PREPARACIONES
======================================*/

.preparation-modal{

    border:0;

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 25px 70px rgba(0,0,0,.18);

}


/* HEADER */

.preparation-modal .modal-header{

    background:linear-gradient(
        135deg,
        #0F5E9C,
        #2186C4
    );

    color:#fff;

    padding:24px 28px;

    border:0;

}

.preparation-modal .modal-header h4{

    margin:8px 0 3px;

    font-weight:700;

}

.preparation-modal .modal-header p{

    opacity:.85;

    font-size:14px;

}


/* ICONO */

.preparation-icon{

    width:45px;

    height:45px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    border-radius:12px;

    background:rgba(255,255,255,.15);

    font-size:22px;

}


/* BODY */

.preparation-modal .modal-body{

    padding:28px;

}


/* INTRO */

.preparation-intro{

    display:flex;

    align-items:flex-start;

    gap:12px;

    padding:15px 18px;

    background:#F1F7FB;

    border-radius:12px;

    color:#40566A;

    margin-bottom:22px;

}

.preparation-intro i{

    color:#0F5E9C;

    font-size:19px;

}


/* LISTA */

.preparation-list{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:15px;

}


/* ITEM */

.preparation-item{

    display:flex;

    gap:14px;

    padding:18px;

    border:1px solid #E5EBF0;

    border-radius:14px;

    transition:.3s;

}

.preparation-item:hover{

    border-color:#B9D5E8;

    background:#F8FBFD;

    transform:translateY(-2px);

}

.preparation-item-icon{

    flex-shrink:0;

    width:38px;

    height:38px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:10px;

    background:#EAF4FA;

    color:#0F5E9C;

}

.preparation-item h6{

    margin:0 0 5px;

    color:#243447;

    font-weight:700;

}

.preparation-item p{

    margin:0;

    color:#64748B;

    font-size:14px;

    line-height:1.6;

}


/* FOOTER */

.preparation-modal .modal-footer{

    padding:16px 28px;

    background:#F8FAFC;

    border-top:1px solid #E8EDF2;

}


/*=====================================
RESPONSIVE
======================================*/

@media(max-width:768px){

    .preparation-list{

        grid-template-columns:1fr;

    }

    .preparation-modal .modal-body{

        padding:20px;

    }

    .preparation-modal .modal-header{

        padding:20px;

    }

}

@media (max-width: 576px) {
    .service-buttons {
        flex-direction: column;
        gap: 10px;
    }

    .service-buttons .btn {
        width: 100%;
    }
}