/* Páginas internas DASH - Farmacias / Almacenes */
:root{--dash:#0fc690;--dash-deep:#09ad7e;--dash-soft:#effaf7;--dash-text:#171717;--dash-muted:#666;--dash-line:#e8eeee}
body.division-page{background:#fff;color:var(--dash-text)}
body.division-page .header{background:#fff;padding:17px 0;border-bottom:1px solid #edf0ef;box-shadow:none}
body.division-page .logo_section img{max-width:175px;height:auto}
body.division-page .main-menu ul>li a{color:#303030;padding:9px 13px 0 13px;font-size:14px}
body.division-page .main-menu ul>li a:hover,
body.division-page .main-menu ul>li.active>a{color:var(--dash)}
body.division-page .main-menu ul li ul{background:#fff;border:1px solid #e7ecea;box-shadow:0 8px 25px rgba(0,0,0,.08)}
body.division-page .main-menu ul li ul li a{color:#333!important;padding:10px 16px!important}

.division-hero{position:relative;min-height:390px;display:flex;align-items:center;background-position:center;background-size:cover;overflow:hidden}
.division-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,181,137,.92),rgba(9,191,147,.72))}
.division-hero .container{position:relative;z-index:1}
.division-hero h1{color:#fff;font-size:52px;line-height:1.05;font-weight:700;margin:0 0 14px}
.division-hero p{color:#fff;max-width:720px;font-size:18px;line-height:1.65;margin:0 0 20px}
.division-breadcrumb{color:#fff;font-size:13px}.division-breadcrumb a{color:#fff}.division-breadcrumb span{padding:0 8px;opacity:.8}

.division-main{padding:72px 0 78px;background:#fff}
.division-heading{margin-bottom:32px}
.division-heading h2{font-size:34px;line-height:1.2;font-weight:700;margin:0 0 12px;color:#151515}
.division-heading:after{content:"";width:74px;height:3px;background:var(--dash);display:block}
.division-heading p{max-width:760px;color:var(--dash-muted);font-size:16px;line-height:1.7;margin-top:18px}

.service-stack{display:grid;gap:20px}
.service-tile{display:grid;grid-template-columns:64px 1fr;gap:20px;background:#fff;border:1px solid var(--dash-line);padding:24px 26px;box-shadow:0 7px 24px rgba(20,55,47,.05)}
.service-icon,.course-icon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eaf9f5;border:1px solid #ccefe6;color:var(--dash);font-size:24px}
.service-tile h3{font-size:18px;font-weight:700;line-height:1.35;margin:0 0 8px;color:#151515}
.service-tile p,.service-tile li{font-size:14px;line-height:1.65;color:#606463}
.service-tile ul{margin:8px 0 0;padding-left:19px}

.division-courses{padding:72px 0;background:#fafcfc}
.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px}
.course-tile{background:#fff;border:1px solid var(--dash-line);padding:25px 18px 21px;text-align:center;min-height:198px;box-shadow:0 5px 20px rgba(20,55,47,.035);display:flex;flex-direction:column;align-items:center}
.course-tile .course-icon{margin-bottom:14px}
.course-tile h3{font-size:16px;line-height:1.35;font-weight:700;color:#171717;margin:0;flex:1}
.course-tile p{font-size:13px;color:#717171;margin:11px 0 0}
.course-toggle-row{text-align:center;margin:8px 0 34px}
.course-toggle{display:inline-block;border:0;background:var(--dash);color:#fff;padding:12px 25px;font-weight:600;font-size:14px;cursor:pointer}
.course-toggle:hover{background:var(--dash-deep)}

.course-accordion{max-width:920px;margin:0 auto}
.course-detail{border:1px solid var(--dash-line);background:#fff;margin-bottom:11px}
.course-detail summary{position:relative;list-style:none;cursor:pointer;padding:17px 48px 17px 20px;font-size:14px;font-weight:600;color:#252525}
.course-detail summary::-webkit-details-marker{display:none}
.course-detail summary:after{content:"+";position:absolute;right:19px;top:12px;color:var(--dash);font-size:24px;font-weight:400}
.course-detail[open] summary:after{content:"−"}
.detail-body{border-top:1px solid #f0f2f2;padding:18px 23px 23px;font-size:14px;line-height:1.65;color:#5e6261}
.detail-body ol,.detail-body ul{padding-left:22px;margin-bottom:12px}

.course-meta{max-width:920px;margin:28px auto 0;background:#eaf8f4;padding:22px 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.meta-item{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:#4d5754;line-height:1.45}
.meta-item i{font-size:21px;color:var(--dash);width:23px;text-align:center;margin-top:1px}

.division-cta{position:relative;padding:54px 0;text-align:center;background-position:center;background-size:cover;color:#fff;overflow:hidden}
.division-cta:before{content:"";position:absolute;inset:0;background:rgba(8,180,137,.91)}
.division-cta .container{position:relative;z-index:1}
.division-cta h2{color:#fff;font-size:30px;font-weight:700;margin:0 0 8px}
.division-cta p{color:#fff;font-size:16px;margin:0 0 20px}
.division-cta a{display:inline-block;background:#fff;color:#111;padding:12px 32px;font-weight:700;font-size:14px;min-width:175px}
.division-cta a:hover{background:#111;color:#fff}

body.division-page .footer{background:#12191a;padding-top:52px}
body.division-page .footer h3,body.division-page .footer i,body.division-page .footer p,body.division-page .footer a{color:#fff}
body.division-page .copyright{background:#0c1112}

.whatsapp-button{position:fixed;bottom:20px;right:20px;background:#25D366;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.2);z-index:1000;text-decoration:none}.whatsapp-button:hover{background:#128C7E}

@media(max-width:991px){
 body.division-page .header{padding:12px 0}
 .division-hero{min-height:330px}
 .division-hero h1{font-size:43px}
 .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .course-meta{grid-template-columns:1fr}
}
@media(max-width:767px){
 .division-hero{min-height:280px;padding:45px 0}
 .division-hero h1{font-size:36px}
 .division-hero p{font-size:15px}
 .division-main,.division-courses{padding:52px 0}
 .division-heading h2{font-size:28px}
 .service-tile{grid-template-columns:48px 1fr;padding:20px 17px;gap:14px}
 .service-icon,.course-icon{width:46px;height:46px;font-size:20px}
 .course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .course-tile{min-height:185px;padding:20px 12px 17px}
 .course-tile h3{font-size:14px}
 .division-cta h2{font-size:25px}
}
@media(max-width:420px){.course-grid{grid-template-columns:1fr 1fr}.course-tile{min-height:175px}.service-tile h3{font-size:16px}}