body{
font-family:Arial,sans-serif;
background:#f5f7fa;
overflow-x:hidden;
}

html{
overflow-x:hidden;
}

.hero-buttons .btn{
    padding:14px 28px;
    border-radius:14px;
    font-weight:600;
}

.hero-buttons .btn-outline-light{
    border:2px solid rgba(255,255,255,.7);
    background:rgba(255,255,255,.05);
    backdrop-filter:blur(5px);
}

.hero-buttons .btn-outline-light:hover{
    background:rgba(255,255,255,.15);
}

.main-header{
background:#fff;
box-shadow:0 2px 20px rgba(0,0,0,.08);
position:relative;
z-index:999;
}

.navbar-brand img{
height:80px;
}

.nav-link{
font-weight:600;
color:#222!important;
margin-left:10px;
}

.nav-link:hover{
color:#00bcd4!important;
}

.slide-item{
height:560px;
background-size:cover;
background-position:center;
position:relative;
}

.overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,.42);
}

.hero-content{
	   max-width:620px;
    padding-top:85px;
position:relative;
z-index:2;
color:#fff;


}

.hero-badge{
background:#00bcd4;
padding:10px 20px;
border-radius:50px;
font-weight:bold;
}

.hero-content h1{
 font-size:43px;
    line-height:1.2;
    font-weight:800;
    max-width:580px;
	margin-top:24px;
}

.hero-content p{
font-size:20px;
margin-top:25px;
}

.hero-button-prev,
.hero-button-next{
    width:46px;
    height:46px;
    border-radius:50%;
    background:transparent;
    box-shadow:none;
    color:#ffffff;
    z-index:15;
}

.hero-button-prev::after,
.hero-button-next::after{
    font-size:16px;
    font-weight:900;
}

.hero-button-prev{ left:18px; }
.hero-button-next{ right:18px; }

.heroSwiper .swiper-button-lock{
    display:flex !important;
    opacity:.55;
    pointer-events:none;
}

.hero-buttons{
    margin-top:30px;
    display:flex;
    gap:15px;
    align-items:center;
}

.btn-cyan{
background:#00bcd4;
color:#fff;
padding:14px 28px;
border-radius:14px;
}

.quick-access{
    margin-top:-84px;
position:relative;
z-index:20;
}

.quick-access .icon-lg-soft{
    color:#00bcd4;
}

.quick-access .access-card-link:hover .icon-lg-soft,
.quick-access .access-card-link:focus .icon-lg-soft,
.quick-access .access-card-action:hover .icon-lg-soft,
.quick-access .access-card-action:focus .icon-lg-soft{
    color:#0284c7;
}

.access-card,
.digital-card{
    background:#fff;
    padding:26px 24px;
    border-radius:24px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    height:100%;
    text-align:center;
}

.access-card-panel{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.access-card-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:82px;
    margin-bottom:8px;
}

.access-card-icon .icon-lg-soft{
    color:#00bcd4;
    margin:0;
}

.access-card-icon .chatbot-logo{
    margin:0;
    width:72px !important;
    height:72px !important;
    max-width:72px;
}

.access-card-icon .quick-access-crab{
    width:88px !important;
    height:88px !important;
    max-width:88px;
}

.access-card-icon .tourism-logo{
    width:auto !important;
    height:60px !important;
    max-width:128px;
    margin:0;
}

.quick-access h3{
    font-size:18px;
    font-weight:600;
    line-height:1.25;
    letter-spacing:.01em;
    margin-bottom:3px;
    min-height:2.35em;
}

.quick-access p{
    font-size:14px;
    font-weight:400;
    line-height:1.55;
    color:#4b5563;
    margin-bottom:0;
    min-height:4.25em;
}

.access-card-link{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    color:#4b5563 !important;
    text-decoration:none !important;
    cursor:pointer;
    max-width:100%;
    width:100%;
    margin-top:0;
}

.access-card-link:hover,
.access-card-link:focus,
.access-card-link:visited{
    color:#4b5563 !important;
    text-decoration:none !important;
}

.access-card-link h3,
.access-card-link p,
.access-card-action h3,
.access-card-action p{
    color:inherit;
}

.access-card-action{
    isolation:isolate;
    appearance:none;
    -webkit-appearance:none;
    border:none;
    background:transparent;
    color:#4b5563;
    font:inherit;
    text-align:center;
    padding:0;
    margin:0;
    position:relative;
    overflow:hidden;
    display:flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    cursor:pointer;
}

.access-card-link,
.access-card-action{
    margin-top:0;
}

.access-card-link:hover,
.access-card-link:focus,
.access-card-action:hover,
.access-card-action:focus{
    color:#0284c7 !important;
    transform:translateY(-1px);
}

.access-card-link:focus-visible,
.access-card-action:focus-visible{
    outline:3px solid rgba(0,188,212,.35);
    outline-offset:3px;
}

.digital-section{
    position:relative;
    padding:68px 0 86px;
    background:
        radial-gradient(1200px 420px at 10% -10%, rgba(125,211,252,.35) 0%, rgba(125,211,252,0) 55%),
        radial-gradient(900px 360px at 95% 110%, rgba(34,211,238,.25) 0%, rgba(34,211,238,0) 60%),
        linear-gradient(180deg,#f2fbff 0%,#eaf7ff 100%);
    border-top:1px solid #d5ecfb;
    border-bottom:1px solid #d5ecfb;
}

.tourism-fullwidth-section .container{
    position:relative;
    z-index:1;
}

.tourism-fullwidth-section{
    padding:0 0 56px;
    background:linear-gradient(180deg,#edf2f8 0%,#e8eef6 100%);
}

.tourism-banner-full{
    border-radius:0;
    margin:0;
}

.tourism-banner-full .tourism-layout{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(360px,1fr);
    gap:20px;
    align-items:stretch;
}

.tourism-banner-full .tourism-copy h2{
    font-size:clamp(32px,2.6vw,42px);
    line-height:1.06;
    max-width:620px;
}

.tourism-banner-full .tourism-copy p,
.tourism-banner-full .tourism-extra{
    font-size:17px;
    line-height:1.55;
    max-width:640px;
}

.tourism-banner-full .tourism-media{
    display:flex;
    align-items:flex-start;
}

.tourism-banner-full .tourismMiniSwiper{
    width:100%;
    margin-top:0;
    position:relative;
    overflow:hidden;
    aspect-ratio:4 / 3;
    max-height:340px;
    border-radius:0;
}

.tourism-banner-full .tourismMiniSwiper .swiper-wrapper{
    height:100%;
}

.tourism-banner-full .tourismMiniSwiper .swiper-slide{
    height:100%;
    border-radius:18px;
    overflow:hidden;
    position:relative;
    background:#0b132b;
}

.tourism-banner-full .tourismMiniSwiper .swiper-slide::after{
    content:'';
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg, rgba(2,6,23,0) 42%, rgba(2,6,23,.5) 100%),
        radial-gradient(120% 80% at 50% 50%, rgba(15,23,42,0) 58%, rgba(15,23,42,.38) 100%);
    pointer-events:none;
    z-index:1;
}

.tourism-banner-full .tourismMiniSwiper img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    border-radius:0;
    transform:scale(1.035);
    transition:transform 1.1s ease;
}

.tourism-banner-full .tourismMiniSwiper .swiper-slide-active img{
    transform:scale(1.08);
}

.tourism-slide-tag{
    position:absolute;
    left:14px;
    bottom:12px;
    z-index:2;
    display:inline-flex;
    align-items:center;
    max-width:calc(100% - 28px);
    padding:6px 11px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.01em;
    color:#f8fafc;
    background:rgba(2,6,23,.56);
    border:1px solid rgba(186,230,253,.42);
    backdrop-filter:blur(2px);
}

.tourism-mini-pagination{
    bottom:8px !important;
}

.tourism-mini-pagination .swiper-pagination-bullet{
    background:rgba(255,255,255,.7);
    opacity:.65;
}

.tourism-mini-pagination .swiper-pagination-bullet-active{
    background:#ffffff;
    opacity:1;
}

.tourism-mini-prev,
.tourism-mini-next{
    width:36px;
    height:36px;
    border-radius:0;
    background:rgba(2,6,23,.5);
    color:#ffffff;
    border:1px solid rgba(186,230,253,.44);
    transition:background .2s ease, border-color .2s ease, transform .2s ease;
    z-index:3;
}

.tourism-mini-prev::after,
.tourism-mini-next::after{
    font-size:13px;
    font-weight:900;
}

.tourism-mini-prev:hover,
.tourism-mini-next:hover,
.tourism-mini-prev:focus-visible,
.tourism-mini-next:focus-visible{
    background:rgba(3,105,161,.72);
    border-color:rgba(186,230,253,.8);
    transform:translateY(-1px);
}

.institutions-toggle-wrap{
    margin-top:18px;
    display:flex;
    justify-content:center;
}

.institutions-toggle-btn{
    border-radius:999px;
    padding:10px 18px;
    font-weight:700;
    border-color:#93c5fd;
    color:#1d4ed8;
    background:#eff6ff;
}

.institutions-toggle-btn:hover,
.institutions-toggle-btn:focus-visible{
    background:#1d4ed8;
    border-color:#1d4ed8;
    color:#ffffff;
}

.institution-card-simple{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:196px;
}

.institution-card-simple-icon{
    width:56px;
    height:56px;
    border-radius:14px;
    background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);
    color:#1e40af;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    margin-bottom:12px;
}

.split-panel-institutions{
    border-radius:30px;
    padding:30px;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
    border:1px solid #dbe7f4;
    box-shadow:0 18px 42px rgba(15,23,42,.1);
}

.split-panel-institutions .section-title{
    margin-bottom:20px;
}

.split-panel-institutions .section-title h2{
    font-size:clamp(34px,3.1vw,46px);
}

.split-panel-institutions .section-title p{
    font-size:17px;
    max-width:680px;
}

.split-panel-institutions .row.mt-2,
.split-panel-institutions #institucionesMore .row{
    justify-content:center;
}

.split-panel-institutions .row.mt-2{
    max-width:560px;
    margin-left:auto;
    margin-right:auto;
}

.split-panel-institutions .institution-card{
    border:1px solid #dce9f7;
    box-shadow:0 10px 24px rgba(15,23,42,.08);
    padding:18px 14px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    max-width:220px;
    margin-left:auto;
    margin-right:auto;
}

.split-panel-institutions .institution-card img{
    width:122px;
    height:92px;
    object-fit:contain;
    object-position:center;
    margin-bottom:12px;
}

.split-panel-institutions .institution-card img[alt="CMDNNA"]{
    width:146px;
    height:86px;
}

.split-panel-institutions .institution-card img[alt="INJUDEG"]{
    width:104px;
    height:92px;
}

.split-panel-institutions .institution-card h3{
    font-size:18px;
}

.split-home-section .tourism-banner{
    margin:0;
}

.tourism-banner{
    border-radius:30px;
    padding:28px;
    background:
        radial-gradient(420px 220px at 96% 2%, rgba(103,232,249,.32) 0%, rgba(103,232,249,0) 72%),
        radial-gradient(520px 260px at 8% 100%, rgba(56,189,248,.24) 0%, rgba(56,189,248,0) 70%),
        linear-gradient(135deg,#0b132b 0%,#124e78 52%,#1d84b5 100%);
    border:1px solid rgba(125,211,252,.42);
    box-shadow:0 24px 52px rgba(15,23,42,.26);
}

.tourism-fullwidth-section .tourism-banner{
    border-radius:0;
}

.tourism-copy .section-mini{
    color:#fed7aa;
}

.tourism-copy h2{
    margin:14px 0 12px;
    font-size:clamp(34px,4.1vw,56px);
    line-height:1.08;
    color:#ffffff;
}

.tourism-copy p{
    margin:0;
    font-size:18px;
    line-height:1.65;
    color:rgba(239,246,255,.96);
    max-width:620px;
}

.tourism-extra{
    margin-top:12px !important;
    font-size:16px !important;
    line-height:1.6 !important;
    color:rgba(224,242,254,.95) !important;
}

.tourism-highlights{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px;
}

.tourism-highlights span{
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    padding:6px 11px;
    font-size:12px;
    font-weight:700;
    color:#dbeafe;
    background:rgba(15,23,42,.28);
    border:1px solid rgba(147,197,253,.34);
}

.tourism-action{
    background:linear-gradient(130deg,#22d3ee 0%,#0ea5e9 52%,#0369a1 100%);
    border:1px solid rgba(186,230,253,.55);
    color:#ffffff;
    font-weight:800;
    box-shadow:0 14px 30px rgba(14,165,233,.36);
}

.tourism-action:hover,
.tourism-action:focus-visible{
    background:linear-gradient(130deg,#67e8f9 0%,#06b6d4 52%,#0284c7 100%);
    color:#ffffff;
}

.section-title span,
.section-mini{
    color:#00bcd4;
    font-size:14px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.section-title{
    max-width:920px;
    margin:0 auto 28px;
}

.section-title span{
    display:inline-block;
    margin-bottom:10px;
    line-height:1;
}

.section-title h2,
.tourism-section h2{
    font-size:48px;
    margin-top:0;
}

.section-title h2{
    margin-bottom:12px;
    line-height:1.14;
}

.section-title p{
    margin:0 auto;
    max-width:760px;
    font-size:20px;
    line-height:1.55;
    color:#334155;
}

.news-section{
    position:relative;
    padding:72px 0;
    background:
        radial-gradient(1200px 420px at 10% -10%, rgba(125,211,252,.35) 0%, rgba(125,211,252,0) 55%),
        radial-gradient(900px 360px at 95% 110%, rgba(34,211,238,.25) 0%, rgba(34,211,238,0) 60%),
        linear-gradient(180deg,#f2fbff 0%,#eaf7ff 100%);
    border-top:1px solid #d5ecfb;
    border-bottom:1px solid #d5ecfb;
}

.news-section::before{
    content:'';
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(15,23,42,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(15,23,42,.03) 1px, transparent 1px);
    background-size:26px 26px;
    pointer-events:none;
}

.news-section .container{
    position:relative;
    z-index:1;
}

.tech-plan-banner-section{
    position:relative;
    padding:72px 0;
    background:
        radial-gradient(520px 240px at 8% 10%, rgba(34,211,238,.2) 0%, rgba(34,211,238,0) 64%),
        radial-gradient(680px 280px at 100% 100%, rgba(56,189,248,.22) 0%, rgba(56,189,248,0) 62%),
        linear-gradient(130deg,#0b1324 0%,#0d3557 52%,#0e7490 100%);
    border-top:1px solid rgba(186,230,253,.32);
    border-bottom:1px solid rgba(186,230,253,.32);
    overflow:hidden;
}

.tech-plan-banner-content{
    position:relative;
    color:#f8fbff;
}

.tech-plan-banner-layout{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr);
    gap:26px;
    align-items:center;
}

.tech-plan-banner-copy{
    min-width:0;
}

.tech-plan-banner-content::after{
    content:'';
    position:absolute;
    inset:auto -78px -110px auto;
    width:260px;
    height:260px;
    border-radius:999px;
    background:radial-gradient(circle, rgba(125,211,252,.26) 0%, rgba(125,211,252,0) 70%);
    pointer-events:none;
}

.tech-plan-banner-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(240,249,255,.16);
    border:1px solid rgba(186,230,253,.45);
    color:#ecfeff;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.05em;
    transition:transform .22s ease, background .22s ease, border-color .22s ease;
}

.tech-plan-banner-badge:hover{
    transform:translateY(-2px);
    background:rgba(240,249,255,.24);
    border-color:rgba(186,230,253,.62);
}

.tech-plan-banner-content h2{
    margin:18px 0 12px;
    font-size:clamp(30px,3.4vw,48px);
    line-height:1.18;
    font-weight:800;
    color:#ffffff;
    max-width:920px;
}

.tech-plan-banner-content p{
    margin:0;
    font-size:18px;
    line-height:1.65;
    color:rgba(240,249,255,.96);
    max-width:980px;
}

.tech-plan-banner-points{
    margin-top:16px;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.tech-plan-banner-points span{
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    padding:7px 12px;
    font-size:13px;
    font-weight:700;
    color:#cffafe;
    background:rgba(15,23,42,.26);
    border:1px solid rgba(186,230,253,.42);
    transition:transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}

.tech-plan-banner-points span:hover{
    transform:translateY(-2px);
    background:rgba(8,47,73,.58);
    border-color:rgba(125,211,252,.7);
    color:#f0f9ff;
}

.tech-plan-services{
    margin-top:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.tech-plan-service-item{
    background:rgba(15,23,42,.34);
    border:1px solid rgba(186,230,253,.34);
    border-radius:18px;
    padding:16px 12px 14px;
    text-align:center;
    backdrop-filter:blur(1.5px);
    transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.tech-plan-service-item:hover{
    transform:translateY(-4px);
    background:rgba(8,47,73,.58);
    border-color:rgba(103,232,249,.56);
    box-shadow:0 12px 26px rgba(8,47,73,.3);
}

.tech-plan-service-link{
    display:block;
    color:inherit;
    text-decoration:none;
}

.tech-plan-service-link:hover h3{
    color:#ecfeff;
}

.tech-plan-service-link:focus-visible{
    outline:2px solid #67e8f9;
    outline-offset:4px;
    border-radius:12px;
}

.tech-plan-service-icon{
    width:50px;
    height:50px;
    border-radius:14px;
    margin:0 auto 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(140deg,#22d3ee 0%,#0284c7 100%);
    color:#ffffff;
    font-size:20px;
    box-shadow:0 10px 22px rgba(14,165,233,.36);
    transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

.tech-plan-service-item:hover .tech-plan-service-icon,
.tech-plan-service-link:hover .tech-plan-service-icon{
    transform:translateY(-2px) scale(1.05);
    box-shadow:0 14px 28px rgba(14,165,233,.46);
    filter:saturate(1.12);
}

.tech-plan-service-item h3{
    margin:0;
    font-size:16px;
    font-weight:800;
    color:#ecfeff;
}

.news-detail-hero{
    padding:82px 0 24px;
    background:linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%);
}

.news-detail-hero-card{
    background:linear-gradient(140deg,#0f172a 0%,#124e78 52%,#00bcd4 100%);
    color:#ffffff;
    border-radius:30px;
    padding:34px;
    box-shadow:0 18px 38px rgba(15,23,42,.16);
}

.news-detail-hero-card h1{
    font-size:clamp(30px,3.8vw,52px);
    font-weight:800;
    line-height:1.12;
    margin:16px 0 12px;
}

.news-detail-hero-card p{
    font-size:17px;
    line-height:1.6;
    color:rgba(255,255,255,.92);
    max-width:860px;
    margin:0;
}

.news-detail-breadcrumb{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
    margin-bottom:14px;
    font-size:14px;
    color:rgba(255,255,255,.84);
}

.news-detail-breadcrumb a{
    color:#ffffff;
    text-decoration:none;
    font-weight:700;
}

.news-detail-breadcrumb a:hover{
    color:#c8f6ff;
}

.news-detail-meta{
    display:flex;
    flex-wrap:wrap;
    gap:12px 20px;
    margin-top:18px;
    font-weight:700;
}

.news-detail-meta span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    padding:8px 14px;
}

.news-detail-section{
    padding:44px 0 92px;
    background:#f8fafc;
}

.news-detail-layout{
    display:grid;
    grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);
    gap:28px;
    align-items:start;
}

.news-detail-layout-single{
    grid-template-columns:1fr;
}

.news-detail-main{
    background:#ffffff;
    border-radius:28px;
    overflow:visible;
    box-shadow:0 16px 34px rgba(15,23,42,.08);
}

.news-detail-image{
    width:100%;
    height:auto;
    object-fit:cover;
    display:block;
}

.news-detail-body-image{
    max-height:460px;
    border-radius:20px;
    margin:6px 0 22px;
    box-shadow:0 12px 28px rgba(15,23,42,.14);
}

.news-detail-body{
    padding:34px;
}

.news-detail-body p{
    font-size:18px;
    line-height:1.78;
    color:#334155;
    margin:0 0 18px;
}

.news-detail-body h2,
.news-detail-body h3,
.news-detail-body h4{
    color:#0f172a;
    font-weight:800;
    margin:28px 0 14px;
}

.news-detail-body ul,
.news-detail-body ol{
    margin:0 0 18px;
    padding-left:22px;
    color:#334155;
}

.news-detail-body blockquote{
    margin:20px 0;
    border-left:4px solid #00bcd4;
    padding:10px 0 10px 16px;
    color:#0f172a;
    font-weight:600;
    background:#f4fbfd;
    border-radius:0 12px 12px 0;
}

.news-detail-gallery{
    border-top:1px solid #e2e8f0;
    margin:12px 0 6px;
    padding-top:18px;
}

.news-detail-gallery h3{
    color:#0f172a;
}

.news-detail-gallery-grid{
    display:grid;
    grid-template-columns:repeat(12, minmax(0, 1fr));
    gap:14px;
}

.news-detail-gallery-item{
    grid-column:span 4;
}

.news-detail-gallery-item.is-featured{
    grid-column:span 8;
    grid-row:span 2;
}

.news-detail-gallery-link{
    display:block;
    width:100%;
    height:100%;
    border-radius:14px;
    overflow:hidden;
}

.news-detail-gallery-image{
    width:100%;
    height:100%;
    min-height:170px;
    object-fit:cover;
    transition:transform .28s ease, box-shadow .28s ease;
    box-shadow:0 8px 20px rgba(15,23,42,.12);
}

.news-detail-gallery a:hover img{
    transform:translateY(-3px);
    box-shadow:0 14px 26px rgba(15,23,42,.18);
}

.news-gallery-lightbox .modal-content{
    background:rgba(2,6,23,.78);
    border:1px solid rgba(148,163,184,.3);
    border-radius:20px;
    backdrop-filter:blur(5px);
}

.news-gallery-lightbox-stage{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
}

.news-gallery-lightbox-image{
    width:100%;
    max-height:78vh;
    object-fit:contain;
    border-radius:14px;
    background:rgba(15,23,42,.44);
}

.news-gallery-lightbox-control{
    width:46px;
    height:46px;
    border:1px solid rgba(148,163,184,.45);
    border-radius:999px;
    background:rgba(15,23,42,.62);
    color:#f8fafc;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:transform .2s ease, background .2s ease;
}

.news-gallery-lightbox-control:hover,
.news-gallery-lightbox-control:focus-visible{
    background:rgba(14,165,233,.86);
    transform:translateY(-1px);
}

.news-gallery-lightbox-meta{
    margin:14px 0 2px;
    text-align:center;
    color:#e2e8f0;
    font-weight:700;
}

.news-detail-sidebar{
    position:sticky;
    top:24px;
}

.news-detail-box{
    background:#ffffff;
    border-radius:24px;
    padding:24px;
    box-shadow:0 16px 36px rgba(15,23,42,.08);
}

.news-date-badge{
    font-size:17px;
    font-weight:800;
    padding:10px 16px;
    border-radius:999px;
    background:#eef6ff !important;
    color:#0f172a !important;
    border:1px solid #cfe6ff;
}

.news-date-badge i{
    font-size:16px;
}

.news-detail-body .news-date-badge.news-date-badge-subtle{
    font-size:12px;
    font-weight:600;
    padding:6px 9px;
    background:#f8fafc !important;
    border-color:#e2e8f0;
    color:#334155 !important;
}

.news-detail-body .news-date-badge.news-date-badge-subtle i{
    font-size:11px;
}

.news-detail-body .news-date-badge.news-author-badge{
    font-size:14px;
    font-weight:700;
    padding:7px 11px;
    background:#f8fafc !important;
    border-color:#dbe7f5;
    color:#0f172a !important;
}

.news-detail-body .news-date-badge.news-author-badge i{
    font-size:12px;
}

.news-share-mobile-wrap{
    display:none;
}

.news-share-mobile-btn{
    border:none;
    border-radius:12px;
    padding:10px 14px;
    background:linear-gradient(130deg,#0ea5e9 0%,#0284c7 100%);
    color:#ffffff;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    gap:8px;
    box-shadow:0 10px 20px rgba(2,132,199,.22);
}

.news-share-mobile-btn:hover,
.news-share-mobile-btn:focus-visible{
    color:#ffffff;
    background:linear-gradient(130deg,#06b6d4 0%,#0369a1 100%);
}

.news-share-mobile-status{
    display:block;
    min-height:18px;
    margin-top:8px;
    font-size:12px;
    color:#0f766e;
    font-weight:600;
}

.news-detail-box h3{
    font-size:24px;
    font-weight:800;
    margin-bottom:12px;
}

.news-detail-box p{
    color:#475569;
    line-height:1.7;
    margin-bottom:18px;
}

.news-comments-section{
    border-top:1px solid #e2e8f0;
    padding-top:22px;
    margin-top:12px;
}

.news-comments-header h3{
    font-size:24px;
    font-weight:800;
    color:#0f172a;
    margin:0 0 6px;
}

.news-comments-header p{
    color:#475569;
    margin:0 0 14px;
}

.news-comments-form{
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:18px;
    padding:20px;
}

.news-comment-honeypot{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

.news-comments-form .form-label{
    font-weight:700;
    color:#0f172a;
}

.news-comments-form .form-control{
    border-radius:12px;
    border:1px solid #cbd5e1;
    padding:10px 12px;
}

.news-comments-form .form-control:focus{
    border-color:#0ea5e9;
    box-shadow:0 0 0 .2rem rgba(14,165,233,.15);
}

.news-comment-feedback{
    font-size:14px;
    font-weight:600;
}

.news-comments-list{
    display:grid;
    gap:12px;
    margin-top:16px;
}

.news-comment-item{
    background:#ffffff;
    border:1px solid #e2e8f0;
    border-radius:16px;
    padding:16px 18px;
    box-shadow:0 8px 20px rgba(15,23,42,.04);
}

.news-comment-meta{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-bottom:8px;
    color:#0f172a;
}

.news-comment-meta span{
    font-size:13px;
    color:#64748b;
}

.news-comment-item p{
    margin:0;
    color:#334155;
    line-height:1.7;
}

.news-comment-empty{
    padding:16px;
    border-radius:14px;
    background:#f8fafc;
    color:#64748b;
    border:1px dashed #cbd5e1;
}

@media (max-width: 767px){
    .news-share-mobile-wrap{
        display:block;
        margin:0 0 14px;
    }

    .news-share-mobile-btn{
        width:100%;
        justify-content:center;
    }

    .news-date-badge{
        font-size:16px;
        padding:9px 14px;
    }

    .news-detail-body .news-date-badge.news-date-badge-subtle{
        font-size:11px;
        padding:5px 8px;
    }

    .news-detail-body .news-date-badge.news-date-badge-subtle i{
        font-size:10px;
    }

    .news-detail-body .news-date-badge.news-author-badge{
        font-size:12px;
        padding:6px 9px;
    }

    .news-detail-body .news-date-badge.news-author-badge i{
        font-size:11px;
    }
}

@media (max-width: 991px){
    .news-detail-layout{
        grid-template-columns:1fr;
        gap:20px;
    }

    .news-detail-body-image{
        max-height:340px;
    }

    .news-detail-body{
        padding:24px;
    }

    .news-detail-gallery{
        margin:0 24px 24px;
    }

    .news-detail-gallery-item,
    .news-detail-gallery-item.is-featured{
        grid-column:span 6;
        grid-row:auto;
    }
}

@media (max-width: 576px){
    .news-detail-gallery-item,
    .news-detail-gallery-item.is-featured{
        grid-column:span 12;
    }

    .news-gallery-lightbox-stage{
        grid-template-columns:1fr;
        gap:10px;
    }

    .news-gallery-lightbox-image{
        max-height:64vh;
    }

    .news-gallery-lightbox-control{
        width:42px;
        height:42px;
        margin:0 auto;
    }
}

@media (max-width: 576px){
    .news-detail-hero-card{
        padding:24px;
        border-radius:22px;
    }

    .news-detail-body p{
        font-size:17px;
    }
}

.news-card{
border-radius:24px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.08);
background:#ffffff;
border:1px solid #dbe7f3;
transition:transform .28s ease, box-shadow .28s ease;
}

.news-section .news-card:hover{
    transform:translateY(-5px);
    box-shadow:0 16px 34px rgba(15,23,42,.14);
}

.news-card img{
    width:100%;
    height:250px;
    object-fit:cover;
    border-radius:18px;
    margin:12px 12px 0;
    width:calc(100% - 24px);
    border:1px solid #d6e4f2;
}

.news-content{
padding:30px;
}

.news-content span{
color:#00bcd4;
font-weight:700;
}

.news-section .news-card,
.news-section .news-card:visited{
    color:#0f172a;
    text-decoration:none;
}

.news-section .news-card h3{
    color:#0f172a;
    margin-top:8px;
    margin-bottom:8px;
}

.news-section .news-card p{
    color:#334155;
    margin-bottom:0;
}

.news-section .news-card:hover h3,
.news-section .news-card:focus-visible h3{
    color:#0891b2;
}

.news-read-more{
    margin-top:18px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#ecfeff;
    color:#0e7490;
    border:1px solid #a5f3fc;
    border-radius:999px;
    padding:8px 14px;
    font-weight:700;
    transition:all .22s ease;
}

.news-read-more i{
    font-size:12px;
}

.news-section .news-card:hover .news-read-more,
.news-section .news-card:focus-visible .news-read-more{
    background:#0ea5b7;
    border-color:#0ea5b7;
    color:#ffffff;
}

.urgent-modal .modal-backdrop,
.modal-backdrop.show{
    backdrop-filter:blur(2px);
}

.urgent-modal-dialog{
    max-width:500px;
}

.urgent-modal-content{
    border-radius:24px;
    overflow:hidden;
    background:linear-gradient(155deg,#ffffff 0%,#f6fbff 100%);
    border:1px solid #dbeafe;
}

.urgent-modal-header{
    padding:14px 16px 8px;
}

.urgent-modal-header-copy{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.urgent-modal-badge{
    display:inline-flex;
    align-items:center;
    width:max-content;
    background:#ef4444;
    color:#ffffff;
    font-size:12px;
    letter-spacing:.04em;
    text-transform:uppercase;
    font-weight:800;
    border-radius:999px;
    padding:7px 12px;
}

.urgent-modal-subtitle{
    color:#64748b;
    font-size:12px;
    font-weight:600;
}

.urgent-modal-body{
    padding:8px 16px 16px;
}

.urgent-modal-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
}

.urgent-modal-image-wrap{
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 14px 30px rgba(15,23,42,.16);
}

.urgent-modal-image{
    width:100%;
    max-height:200px;
    object-fit:cover;
    display:block;
}

.urgent-modal-category{
    color:#dc2626;
    font-weight:800;
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:.06em;
    margin-bottom:8px;
}

.urgent-modal-title{
    color:#0f172a;
    font-size:20px;
    line-height:1.2;
    font-weight:900;
    margin:0 0 10px;
}

.urgent-modal-summary{
    color:#334155;
    font-size:14px;
    line-height:1.5;
}

.urgent-modal-action{
    min-width:118px;
    font-weight:700;
    padding:8px 14px;
    border-radius:12px;
    font-size:15px;
}

@media (max-width: 767px){
    .urgent-modal-dialog{
        max-width:86vw;
        margin:.6rem auto;
    }

    .urgent-modal-header{
        padding:12px 12px 6px;
    }

    .urgent-modal-body{
        padding:6px 12px 12px;
    }

    .urgent-modal-title{
        font-size:16px;
        line-height:1.28;
        margin-bottom:8px;
    }

    .urgent-modal-summary{
        font-size:12px;
        line-height:1.45;
    }

    .urgent-modal-image{
        max-height:150px;
    }

    .urgent-modal-category{
        font-size:11px;
        margin-bottom:6px;
    }

    .urgent-modal-subtitle{
        font-size:12px;
    }

    .urgent-modal-action{
        min-width:108px;
        padding:8px 12px;
        border-radius:12px;
        font-size:14px;
    }
}

.news-list-card{
    display:flex;
    gap:16px;
    align-items:flex-start;
}

.news-list-thumb{
    flex:0 0 124px;
    width:124px;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 8px 18px rgba(15,23,42,.14);
}

.news-list-thumb img{
    width:100%;
    height:96px;
    object-fit:cover;
    display:block;
    margin:0;
    border:none;
}

.news-list-thumb-mobile{
    display:none;
}

.news-list-body{
    min-width:0;
    flex:1 1 auto;
}

.news-list-body h3 a,
.news-list-body h3 a:visited{
    color:#0f172a !important;
    text-decoration:none !important;
}

.news-list-body p a,
.news-list-body p a:visited{
    color:#475569 !important;
    text-decoration:none !important;
}

.news-list-body h3 a:hover,
.news-list-body h3 a:focus-visible,
.news-list-body p a:hover,
.news-list-body p a:focus-visible{
    color:#0891b2 !important;
    text-decoration:none !important;
}

.news-list-body .hero-badge,
.news-detail-body .hero-badge{
    color:#ffffff !important;
    padding:8px 14px;
    font-size:15px;
    font-weight:700;
    border-radius:999px;
    line-height:1.1;
}

@media(max-width:576px){
    .news-list-page .page-content{
        padding:26px 0 68px;
    }

    .news-list-page .page-content .container{
        max-width:100%;
        padding-left:8px;
        padding-right:8px;
    }

    .news-list-page .content-box{
        padding:12px;
        border-radius:16px;
    }

    .news-list-page .news-list-card{
        flex-direction:column;
        gap:10px;
        padding:0 !important;
    }

    .news-list-page .news-list-thumb{
        flex-basis:auto;
        width:100%;
        max-width:none;
        border-radius:14px;
    }

    .news-list-page .news-list-thumb-side{
        display:none;
    }

    .news-list-page .news-list-thumb-mobile{
        display:block;
        margin:2px 10px 0;
        width:calc(100% - 20px);
        border-radius:14px;
    }

    .news-list-page .news-list-thumb img{
        height:180px;
    }

    .news-list-page .news-list-body{
        padding:14px 0 16px;
        display:flex;
        flex-direction:column;
        gap:12px;
    }

    .news-list-page .news-list-body > .d-flex,
    .news-list-page .news-list-body > h3,
    .news-list-page .news-list-body > p{
        margin:0 !important;
        padding-left:10px;
        padding-right:10px;
    }

    .news-list-page .news-list-body > .d-flex{
        margin-top:6px !important;
    }

    .news-list-page .news-list-body h3{
        font-size:24px;
        line-height:1.18;
    }

    .news-list-page .news-list-body .hero-badge,
    .news-detail-body .hero-badge{
        padding:7px 12px;
        font-size:14px;
    }
}

.instagram-section{
    padding:72px 0;
    background:linear-gradient(180deg,#f3f8ff 0%,#f8fbff 100%);
}

.instagram-shell{
    background:#ffffff;
    border:1px solid #dbe9f7;
    border-radius:26px;
    padding:22px;
    box-shadow:0 20px 45px rgba(15,23,42,.08);
}

.instagram-panel{
    background:linear-gradient(140deg,#0f172a 0%,#124e78 100%);
    color:#ffffff;
    border-radius:20px;
    padding:0;
    display:block;
    min-height:320px;
    overflow:hidden;
}

.instagram-panel-content{
    position:relative;
    z-index:2;
    padding:26px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.instagram-panel-figure{
    width:100%;
    height:100%;
    display:grid;
    grid-template-rows:minmax(0,1fr) auto;
}

.instagram-panel-figure img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center bottom;
}

.instagram-panel-handle{
    margin:0;
    padding:10px 12px;
    text-align:center;
    font-size:24px;
    font-weight:800;
    letter-spacing:.01em;
    color:#ffffff;
    background:linear-gradient(135deg,#0aa6c8 0%,#0891b2 100%);
    border-top:1px solid rgba(255,255,255,.28);
    text-decoration:none;
    cursor:pointer;
    transition:background .2s ease;
}

.instagram-panel-handle:hover,
.instagram-panel-handle:focus-visible{
    color:#ffffff;
    background:linear-gradient(135deg,#11b4d6 0%,#0b9cc0 100%);
}

.instagram-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(255,255,255,.16);
    border-radius:999px;
    padding:8px 14px;
    font-weight:700;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.instagram-panel p{
    color:rgba(255,255,255,.92);
    font-size:18px;
    margin-bottom:22px;
}

.instagram-grid{
    display:grid;
    gap:12px;
    grid-template-columns:1fr;
}

.instagram-widget-wrap{
    width:100%;
    background:linear-gradient(165deg,#ffffff 0%,#f3f9ff 100%);
    border:1px solid #c9def0;
    border-radius:16px;
    padding:12px;
    box-shadow:0 12px 28px rgba(15,23,42,.08);
}

.instagram-widget-frame{
    width:100%;
    border:0;
    overflow:hidden;
    min-height:460px;
    border-radius:12px;
}

.instagram-card{
    background:linear-gradient(165deg,#ffffff 0%,#f3f9ff 100%);
    border:1px solid #c9def0;
    border-radius:16px;
    padding:18px;
    min-height:112px;
    box-shadow:0 10px 24px rgba(15,23,42,.06);
}

.instagram-card h4{
    margin:0 0 6px;
    font-size:22px;
    font-weight:800;
    color:#0b2f4f;
}

.instagram-card p{
    margin:0;
    color:#1e3a56;
}

.instagram-link{
    color:#0369a1;
    font-weight:700;
    text-decoration:none;
}

.instagram-link:hover{
    text-decoration:underline;
}

.instagram-card-profile{
    display:block;
    text-decoration:none;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.instagram-card-profile p{
    color:#0369a1;
    font-weight:800;
}

.instagram-card-profile:hover{
    transform:translateY(-2px);
    border-color:#7dd3fc;
    box-shadow:0 16px 30px rgba(14,116,144,.16);
}

.instagram-card-profile:focus-visible{
    outline:3px solid rgba(14,165,233,.4);
    outline-offset:2px;
}

.digital-icon{
font-size:50px;
margin-bottom:20px;
}

.stats-section{
background:linear-gradient(90deg,#0f172a,#06b6d4);
padding:80px 0;
color:#fff;
}

.stats-section h2{
font-size:60px;
font-weight:800;
}

.tourismMiniSwiper img{
width:100%;
height:100%;
object-fit:cover;
border:none;
border-radius:0;
box-shadow:0 16px 36px rgba(15,23,42,.2);
}

@media (max-width: 991px){
    .tourism-fullwidth-section{
        padding:0 0 34px;
    }

    .split-panel-institutions{
        padding:22px;
        border-radius:22px;
    }

    .split-panel-institutions .institution-card img{
        width:108px;
        height:82px;
    }

    .split-panel-institutions .institution-card img[alt="CMDNNA"]{
        width:132px;
        height:78px;
    }

    .split-panel-institutions .institution-card img[alt="INJUDEG"]{
        width:92px;
        height:82px;
    }

    .tourism-highlights{
        margin-top:10px;
        gap:7px;
    }

    .tourism-banner-full .tourism-layout{
        grid-template-columns:1fr;
        gap:14px;
    }

    .tourism-banner-full .tourismMiniSwiper{
        aspect-ratio:4 / 3;
        max-height:300px;
    }
}

.main-footer{
background:#0f172a;
color:#cbd5e1;
padding:100px 0 40px;
}

.footer-logo{
height:90px;
margin-bottom:20px;
}

.main-footer h4{
color:#fff;
margin-bottom:20px;
}

.main-footer a{
color:#cbd5e1;
text-decoration:none;
}

.footer-bottom{
border-top:1px solid rgba(255,255,255,.1);
margin-top:40px;
padding-top:30px;
text-align:center;
}

@media(max-width:768px){

.tourism-fullwidth-section{
    padding:28px 0 36px;
}

.hero-content{
padding-top:80px;
}

.hero-content h1{
font-size:34px;
margin-top:16px;
}

.hero-content p{
font-size:16px;
margin-top:16px;
}

.hero-buttons{
    margin-top:20px;
    justify-content:flex-start;
}

.hero-buttons .btn-outline-light{
    display:none;
}

.slide-item{
height:88svh;
background-position:center top;
}

.quick-access{
margin-top:40px;
}

.instagram-section{
    padding:44px 0;
}

.instagram-shell{
    padding:14px;
}

.instagram-panel-handle{
    font-size:20px;
}

.instagram-panel p{
    font-size:16px;
}

.instagram-panel{
    min-height:unset;
}

.instagram-panel-figure{
    min-height:240px;
}

.instagram-widget-frame{
    min-height:420px;
}

.tourism-banner{
    padding:30px 24px 28px;
    border-radius:22px;
}

.tourism-banner-full{
    padding:26px 0 24px;
    border-radius:0;
}

.tourism-banner-full .container{
    padding-left:16px;
    padding-right:16px;
}

.tourism-banner-full .tourism-layout{
    gap:22px;
}

.tourism-banner-full .tourism-media{
    margin-top:10px;
    margin-bottom:4px;
}

.tourism-banner-full .tourism-copy h2{
    font-size:clamp(26px,7.4vw,32px);
    line-height:1.04;
}

.tourism-banner-full .tourism-copy p,
.tourism-banner-full .tourism-extra{
    font-size:14px;
    line-height:1.45;
}

.tourism-banner-full .tourism-highlights{
    gap:6px;
}

.tourism-banner-full .tourism-highlights span{
    font-size:11px;
    padding:5px 10px;
}

.tourism-banner-full .tourism-action{
    width:auto;
    min-width:220px;
    margin-top:10px !important;
    display:inline-flex;
    justify-content:center;
}

.tourism-banner-full .tourismMiniSwiper{
    aspect-ratio:3 / 2;
    max-height:210px;
}

.tourism-banner-full .tourismMiniSwiper .swiper-slide{
    border-radius:14px;
}

.tourism-banner-full .tourismMiniSwiper img,
.tourism-banner-full .tourismMiniSwiper .swiper-slide-active img{
    transform:none;
}

.tourism-banner-full .tourism-slide-tag{
    left:10px;
    bottom:30px;
    font-size:11px;
    padding:5px 9px;
}

.tourism-banner-full .tourism-mini-prev,
.tourism-banner-full .tourism-mini-next{
    display:flex;
    width:30px;
    height:30px;
    top:50%;
    margin-top:-15px;
}

.tourism-banner-full .tourism-mini-prev::after,
.tourism-banner-full .tourism-mini-next::after{
    font-size:11px;
}

.tourism-banner-full .tourism-mini-pagination{
    bottom:8px !important;
}

.section-title{
    margin-bottom:22px;
}

.section-title h2{
    font-size:38px;
}

.section-title p{
    font-size:17px;
}

}


/* =========================================
SUBMENUS COLOR INSTITUCIONAL
========================================= */

.dropdown-menu{
    background:#00bcd4;
    border:none;
    border-radius:20px;
    padding:14px;
    box-shadow:0 20px 45px rgba(0,188,212,.35);
}

.dropdown-item{
    color:#fff;
    font-weight:600;
    border-radius:12px;
    padding:12px 16px;
    transition:.3s;
}

.dropdown-item:hover{
    background:rgba(255,255,255,.18);
    color:#fff;
}

.dropdown-divider{
    border-color:rgba(255,255,255,.2);
}

.tourism-logo{
    height:60px;
    width:auto;
    object-fit:contain;
    margin-bottom:20px;
}

.icon-lg-soft{
    display:block;
    font-size:54px;
    line-height:1;
    color:#00bcd4;
    margin:0 auto 20px;
}

.chatbot-logo{
    width:90px !important;
    height:90px !important;
    max-width:90px;
    object-fit:contain;
    display:block;
    margin:0 auto 20px;
}

.access-card-button .chatbot-logo{
    width:104px !important;
    height:auto !important;
    max-width:104px;
    margin-top:14px;
    margin-bottom:12px;
}

.chatbot-widget-launcher-wrap{
    position:fixed;
    right:0;
    bottom:0;
    z-index:1200;
    display:block;
    width:0;
    height:0;
    pointer-events:auto;
}

.chatbot-welcome-bubble{
    position:fixed;
    right:14px;
    bottom:164px;
    z-index:1199;
    display:flex;
    align-items:center;
    gap:12px;
    width:max-content;
    max-width:min(340px,calc(100vw - 28px));
    padding:14px 20px;
    background:linear-gradient(135deg, rgba(239,248,255,.98) 0%, rgba(224,242,254,.98) 100%);
    border:1px solid rgba(2,132,199,.22);
    border-radius:999px;
    box-shadow:0 18px 40px rgba(15,23,42,.12), 0 0 0 1px rgba(255,255,255,.8) inset;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    cursor:pointer;
    transition:opacity .35s ease, transform .35s ease, visibility .35s ease;
}

.chatbot-welcome-bubble::after{
    content:'';
    position:absolute;
    right:26px;
    bottom:-8px;
    width:18px;
    height:18px;
    background:linear-gradient(135deg, rgba(239,248,255,.98) 0%, rgba(224,242,254,.98) 100%);
    border-right:1px solid rgba(2,132,199,.22);
    border-bottom:1px solid rgba(2,132,199,.22);
    transform:rotate(45deg);
}

.chatbot-welcome-bubble.is-hidden{
    opacity:0;
    visibility:hidden;
    transform:translateY(10px) scale(.96);
    pointer-events:none;
}

.chatbot-welcome-bubble-icon{
    font-size:28px;
    line-height:1;
    color:#00bcd4;
    flex:0 0 auto;
}

.chatbot-welcome-bubble-text{
    display:flex;
    flex-direction:column;
    gap:2px;
    color:#0f172a;
}

.chatbot-welcome-bubble-text strong{
    font-size:18px;
    font-weight:800;
    color:#0f172a;
}

.chatbot-welcome-bubble-text span{
    font-size:15px;
    line-height:1.35;
    color:#334155;
}

@media (max-width: 767px){
    .chatbot-welcome-bubble{
        display:none !important;
    }
}

.chatbot-widget-launcher-shell{
    position:fixed;
    right:16px;
    bottom:16px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
    transition:opacity .25s ease, transform .25s ease, visibility .25s ease;
    width:max-content;
    height:max-content;
    pointer-events:auto;
}

.chatbot-widget-launcher-shell.is-hidden{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(8px) scale(.92);
}

.chatbot-widget-launcher-shell[hidden]{
    display:none !important;
}

.chatbot-crab-wink{
    position:relative;
    display:inline-block;
    line-height:0;
    background:transparent;
    isolation:isolate;
}

.chatbot-crab-frame{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    pointer-events:none;
}

.chatbot-crab-frame-base{
    position:relative;
    z-index:1;
}

.chatbot-crab-frame-wink{
    z-index:2;
    opacity:0;
    animation:chatbotCrabWinkFrames 4.2s linear infinite;
}

.chatbot-widget-launcher-mascot{
    width:100px;
    height:100px;
    object-fit:contain;
    display:block;
    border-radius:50%;
    box-shadow:0 12px 28px rgba(2,132,199,.24);
    animation:chatbotMascotFloat 2.8s ease-in-out infinite;
    touch-action:manipulation;
}

.chatbot-widget-launcher-mascot.chatbot-crab-frame-wink{
    animation:chatbotMascotFloat 2.8s ease-in-out infinite, chatbotCrabWinkFrames 4.2s linear infinite;
}

.chatbot-widget-crab-image.chatbot-crab-frame-wink{
    animation:chatbotCrabWinkFrames 4.2s linear infinite;
}

@keyframes chatbotCrabWinkFrames{
    0%, 88%, 100%{
        opacity:0;
    }

    88.6%, 89.3%{
        opacity:1;
    }

    90.1%, 90.8%{
        opacity:1;
    }
}

.chatbot-widget-launcher{
    position:relative;
    display:inline-flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    border:none;
    gap:0;
    width:auto;
    min-height:unset;
    border-radius:999px;
    background:linear-gradient(135deg,#00bcd4 0%,#0284c7 100%);
    color:#ffffff;
    box-shadow:0 18px 35px rgba(2,132,199,.32);
    padding:14px 22px;
    cursor:pointer;
    transition:.3s ease;
    overflow:visible;
    border:1px solid rgba(255,255,255,.18);
    animation:chatbotLauncherPulse 3s ease-in-out infinite;
    touch-action:manipulation;
}

.chatbot-widget-launcher:hover{
    transform:translateY(-3px);
    box-shadow:0 24px 40px rgba(2,132,199,.38);
    animation:none;
}

@keyframes chatbotMascotFloat{
    0%,100%{
        transform:translateY(0) scale(1);
    }

    50%{
        transform:translateY(-4px) scale(1.03);
    }
}

@keyframes chatbotLauncherPulse{
    0%,100%{
        box-shadow:0 18px 35px rgba(2,132,199,.32), 0 0 0 0 rgba(0,188,212,.18);
    }

    50%{
        box-shadow:0 22px 42px rgba(2,132,199,.42), 0 0 0 8px rgba(0,188,212,.08);
    }
}

.chatbot-widget-launcher-label{
    margin-top:0;
    display:inline-block;
    width:auto;
    padding:0;
    border-radius:0;
    font-size:13px;
    font-weight:800;
    line-height:1.1;
    white-space:nowrap;
    color:#ffffff;
    text-transform:uppercase;
    letter-spacing:.01em;
}

.chatbot-widget{
    position:fixed;
    right:16px;
    bottom:16px;
    width:min(380px,calc(100vw - 32px));
    max-height:calc(100dvh - 32px);
    background:#ffffff;
    border:1px solid #dbeafe;
    border-radius:24px;
    box-shadow:0 28px 60px rgba(15,23,42,.18);
    overflow:visible;
    display:flex;
    flex-direction:column;
    opacity:0;
    visibility:hidden;
    transform:translateY(18px) scale(.98);
    transition:opacity .22s ease, visibility .22s ease, transform .22s ease;
    pointer-events:none;
}

.chatbot-widget-crab{
    position:absolute;
    left:50%;
    top:-92px;
    transform:translateX(-50%);
    z-index:2;
    width:112px;
    height:112px;
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none;
    animation:chatbotCrabFloat 2.8s ease-in-out infinite;
}

.chatbot-widget-crab-image{
    width:100%;
    height:100%;
    object-fit:contain;
    border-radius:50%;
    box-shadow:0 14px 28px rgba(2,132,199,.24);
}

.chatbot-widget-crab .chatbot-crab-wink{
    width:100%;
    height:100%;
}

@keyframes chatbotCrabFloat{
    0%,100%{
        transform:translateX(-50%) translateY(0) rotate(0deg);
    }

    50%{
        transform:translateX(-50%) translateY(-8px) rotate(-2deg);
    }
}

@keyframes chatbotCrabFloatMobile{
    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-4px);
    }
}

.chatbot-widget.is-open{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
    pointer-events:auto;
}

.chatbot-widget-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    flex:0 0 auto;
    background:linear-gradient(135deg,#0f172a 0%,#124e78 55%,#00bcd4 100%);
    color:#ffffff;
    padding:16px 18px;
    position:relative;
    z-index:1;
    border-top-left-radius:24px;
    border-top-right-radius:24px;
}

.chatbot-widget-title{
    display:flex;
    align-items:flex-start;
    gap:12px;
}

.chatbot-widget-title i{
    font-size:22px;
    margin-top:4px;
}

.chatbot-widget-avatar{
    width:42px;
    height:42px;
    border-radius:50%;
    object-fit:cover;
    flex:0 0 auto;
    border:2px solid rgba(255,255,255,.35);
    box-shadow:0 6px 16px rgba(15,23,42,.18);
}

.chatbot-widget-title h5{
    margin:0;
    font-size:18px;
    font-weight:800;
}

.chatbot-widget-title p{
    margin:4px 0 0;
    font-size:13px;
    color:rgba(255,255,255,.86);
}

.chatbot-widget-close{
    border:none;
    background:rgba(255,255,255,.14);
    color:#ffffff;
    width:34px;
    height:34px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.3s ease;
    flex:0 0 auto;
}

.chatbot-widget-close:hover{
    background:rgba(255,255,255,.24);
}

.chatbot-widget-body{
    flex:1 1 auto;
    min-height:0;
    max-height:none;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:18px;
    display:grid;
    gap:10px;
    background:#f8fbff;
    position:relative;
    z-index:0;
    border-bottom-left-radius:24px;
    border-bottom-right-radius:24px;
}

@media (min-width: 768px){
    .chatbot-widget{
        max-height:none;
    }

    .chatbot-widget-body{
        flex:none;
        min-height:auto;
        max-height:420px;
    }
}

.chatbot-message{
    display:flex;
}

.chatbot-message p{
    margin:0;
    padding:12px 14px;
    border-radius:18px;
    max-width:88%;
    line-height:1.45;
    font-size:14px;
    overflow-wrap:anywhere;
    word-break:break-word;
}

.chatbot-message p a{
    font-weight:700;
    text-decoration:underline;
    text-underline-offset:2px;
}

.chatbot-message-bot p{
    background:#ffffff;
    color:#0f172a;
    box-shadow:0 8px 18px rgba(15,23,42,.06);
}

.chatbot-message-bot p a{
    color:#0369a1;
}

.chatbot-message-user{
    justify-content:flex-end;
}

.chatbot-message-user p{
    background:#00bcd4;
    color:#ffffff;
}

.chatbot-message-user p a{
    color:#ffffff;
}

.chatbot-message-user-image{
    justify-content:flex-end;
}

.chatbot-message-image-preview{
    width:min(210px,70vw);
    max-height:170px;
    object-fit:cover;
    border-radius:14px;
    border:2px solid rgba(255,255,255,.45);
    box-shadow:0 8px 18px rgba(15,23,42,.18);
    pointer-events:none;
    user-select:none;
}

body.chatbot-mobile-scroll-lock{
    position:fixed;
    left:0;
    right:0;
    width:100%;
    overflow:hidden;
}

.chatbot-message-muted p{
    background:#e0f2fe;
    color:#0369a1;
}

.chatbot-widget-form{
    display:flex;
    gap:10px;
    padding:14px;
    background:#ffffff;
    border-top:1px solid #e2e8f0;
}

.chatbot-widget-form input{
    flex:1 1 auto;
    border:1px solid #cbd5e1;
    border-radius:14px;
    padding:12px 14px;
    font-size:14px;
    outline:none;
    min-width:0;
}

.chatbot-widget-form input:focus{
    border-color:#00bcd4;
    box-shadow:0 0 0 3px rgba(0,188,212,.12);
}

.chatbot-widget-form .btn-cyan{
    border:none;
    padding:12px 18px;
    border-radius:14px;
    white-space:nowrap;
}

.chatbot-attach-btn{
    border:1px solid #cbd5e1;
    background:#f8fafc;
    color:#0f172a;
    width:44px;
    height:44px;
    border-radius:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:all .2s ease;
}

.chatbot-attach-btn:hover,
.chatbot-attach-btn:focus-visible{
    border-color:#00bcd4;
    color:#0891b2;
    outline:none;
    box-shadow:0 0 0 3px rgba(0,188,212,.12);
}

.chatbot-attach-btn.is-disabled,
.chatbot-attach-btn:disabled{
    opacity:.42;
    cursor:not-allowed;
    border-color:#cbd5e1;
    color:#94a3b8;
    box-shadow:none;
}

.chatbot-widget-attachment{
    padding:0 14px 12px;
    background:#ffffff;
}

.chatbot-widget-attachment-card{
    display:flex;
    align-items:center;
    gap:10px;
    max-width:100%;
}

.chatbot-widget-attachment-preview{
    width:52px;
    height:52px;
    border-radius:12px;
    overflow:hidden;
    border:1px solid #bae6fd;
    background:#ecfeff;
    flex:0 0 auto;
    pointer-events:none;
    user-select:none;
}

.chatbot-widget-attachment-preview img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    pointer-events:none;
    user-select:none;
}

.chatbot-widget-attachment-chip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    max-width:100%;
    background:#e0f2fe;
    color:#0c4a6e;
    border-radius:999px;
    padding:7px 12px;
    font-size:12px;
    line-height:1.2;
    overflow-wrap:anywhere;
}

.chatbot-widget-attachment-remove{
    border:none;
    background:transparent;
    color:inherit;
    padding:0;
    margin:0;
    line-height:1;
    font-size:13px;
    cursor:pointer;
}

@media (max-width: 480px){
    .hero-content{
        padding-top:94px;
    }

    .hero-content h1{
        font-size:32px;
        margin-top:14px;
    }

    .hero-content p{
        font-size:15px;
        margin-top:14px;
    }

    .hero-buttons{
        margin-top:18px;
        justify-content:flex-start;
    }

    .hero-buttons .btn-cyan{
        padding:12px 20px;
        font-size:14px;
    }

    .slide-item{
        height:82svh;
        background-position:center top;
    }

    .chatbot-welcome-bubble{
        right:12px;
        bottom:150px;
        max-width:calc(100vw - 24px);
        padding:12px 16px;
        gap:10px;
    }

    .chatbot-welcome-bubble-icon{
        font-size:24px;
    }

    .chatbot-welcome-bubble-text strong{
        font-size:16px;
    }

    .chatbot-welcome-bubble-text span{
        font-size:13px;
    }

    .chatbot-widget-launcher-wrap{
        right:16px;
        left:auto;
        bottom:16px;
        align-items:stretch;
        width:max-content;
        height:max-content;
    }

    .chatbot-widget-launcher-shell{
        align-items:center;
        width:max-content;
        right:16px;
        bottom:16px;
    }

    .chatbot-widget-launcher-mascot{
        width:84px;
        height:84px;
    }

    .chatbot-widget-launcher{
        width:auto;
        min-height:unset;
        touch-action:manipulation;
        align-self:center;
        padding:12px 20px;
    }

    .chatbot-widget-launcher-label{
        font-size:12px;
    }

    .chatbot-widget{
        width:calc(100vw - 24px);
        right:12px;
        left:12px;
        top:12px;
        bottom:12px;
        max-height:calc(100dvh - 24px);
        overflow:hidden;
    }

    .chatbot-widget-crab{
        display:flex;
        left:auto;
        right:clamp(58px,14vw,82px);
        top:14px;
        transform:none;
        width:clamp(56px,18vw,78px);
        height:clamp(56px,18vw,78px);
        animation:none;
    }

    .chatbot-widget-title{
        max-width:calc(100% - 136px);
    }

    .chatbot-widget-close{
        position:relative;
        z-index:3;
    }

    .chatbot-widget-avatar{
        width:36px;
        height:36px;
    }

    .chatbot-message p{
        max-width:100%;
    }
}

/* =========================================
INSTITUCIONES
========================================= */

.institution-card{
    background:#ffffff;
    border-radius:22px;
    padding:22px 18px;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    transition:.3s;
    height:100%;
}

.institution-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}

.institution-card img{
    width:120px;
    height:90px;
    object-fit:contain;
    object-position:center;
    margin-bottom:20px;
}

.institution-card img[alt="CMDNNA"]{
    width:146px;
    height:84px;
}

.institution-card img[alt="INJUDEG"]{
    width:102px;
    height:90px;
}

.institution-card h3{
    font-size:20px;
    font-weight:800;
    color:#0f172a;
}

.institutions-section{
    padding:72px 0;
}

.institutions-section .section-title{
    margin-top:0;
}
/* =========================================
NEWS SWIPER
========================================= */

.newsSwiper{
    padding-bottom:28px;
}

.newsSwiper .swiper-slide{
    height:auto;
}

.news-pagination{
    bottom:0 !important;
}

.news-pagination .swiper-pagination-bullet{
    background:#7dd3fc;
    opacity:.55;
}

.news-pagination .swiper-pagination-bullet-active{
    background:#06b6d4;
    opacity:1;
}

.news-button-prev,
.news-button-next{
    width:40px;
    height:40px;
    border-radius:50%;
    background:rgba(255,255,255,.94);
    box-shadow:0 8px 22px rgba(15,23,42,.18);
    color:#0f172a;
    top:45%;
}

.news-button-prev::after,
.news-button-next::after{
    font-size:14px;
    font-weight:900;
}

.news-button-prev{
    left:8px;
}

.news-button-next{
    right:8px;
}

@media (max-width: 767px){
    .news-button-prev,
    .news-button-next{
        display:none;
    }

    .tech-plan-banner-copy{
        padding:0 8px;
    }

    .tech-plan-banner-section{
        padding:44px 0;
    }

    .tech-plan-banner-content h2{
        font-size:24px;
        margin:14px 0 10px;
    }

    .tech-plan-banner-content p{
        font-size:16px;
        line-height:1.6;
    }

    .tech-plan-banner-layout{
        grid-template-columns:1fr;
        gap:16px;
    }

    .tech-plan-services{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
        margin-top:18px;
    }

    .tech-plan-service-item{
        border-radius:14px;
        padding:12px 10px;
    }

    .tech-plan-service-icon{
        width:44px;
        height:44px;
        margin-bottom:8px;
        font-size:18px;
    }

    .tech-plan-service-item h3{
        font-size:14px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .tech-plan-banner-layout{
        grid-template-columns:1fr;
        gap:18px;
    }

    .tech-plan-services{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

@media (max-width: 767px){
    body.urgent-modal-mobile-active .chatbot-widget-launcher-wrap{
        display:none !important;
    }
}


.page-banner{
    position:relative;
    background:url('../images/slider/3.jpg') center/cover;
    min-height:220px;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.page-banner .overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}

.page-banner-content{
    position:relative;
    z-index:2;
    color:#ffffff;
    padding-top:40px;
}

.page-mini-title{
    display:inline-block;
    background:#00bcd4;
    padding:10px 18px;
    border-radius:40px;
    font-size:14px;
    font-weight:700;
    margin-bottom:20px;
}

.page-banner h1{
    font-size:36px;
    font-weight:800;
    line-height:1.15;
    margin-bottom:14px;
}

@media (max-width: 768px){
    .page-banner{
        min-height:190px;
    }

    .page-banner h1{
        font-size:27px;
        line-height:1.15;
    }
}

@media (max-width: 480px){
    .page-banner h1{
        font-size:27px;
        line-height:1.15;
    }
}

.breadcrumb-box{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:15px;
}

.breadcrumb-box a{
    color:#ffffff;
    text-decoration:none;
}

.page-content{
    padding:90px 0;
    background:#f8fafc;
}

.content-box,
.sidebar-box{
    background:#ffffff;
    border-radius:24px;
    padding:35px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
}

.sidebar-box h3{
    font-size:28px;
    font-weight:800;
    margin-bottom:25px;
}

.sidebar-box ul{
    list-style:none;
    padding:0;
    margin:0;
}

.sidebar-box li{
    margin-bottom:14px;
}

.sidebar-box a{
    color:#0f172a;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.sidebar-box a:hover{
    color:#00bcd4;
}

.news-search-form .form-control,
.news-search-form .btn{
    height:46px;
    border-radius:10px;
}

.news-search-form .btn{
    padding:0 18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.history-impact{
    background:radial-gradient(circle at 12% 18%,#06b6d4 0%,#0891b2 18%,#0f172a 70%);
    border-radius:28px;
    padding:26px;
    box-shadow:0 24px 50px rgba(15,23,42,.22);
    position:relative;
    overflow:hidden;
}

.history-impact::after{
    content:'';
    position:absolute;
    width:340px;
    height:340px;
    right:-110px;
    bottom:-150px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    pointer-events:none;
}

.history-impact-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1.25fr .9fr;
    gap:20px;
    align-items:stretch;
}

.history-impact-main{
    color:#ffffff;
    padding:6px 6px 10px;
}

.history-impact-kicker{
    display:inline-block;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:700;
    font-size:12px;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.25);
    border-radius:999px;
    padding:6px 12px;
    margin-bottom:14px;
}

.history-impact-main h2{
    font-size:44px;
    line-height:1.05;
    font-weight:800;
    margin:0 0 14px;
    max-width:760px;
}

.history-impact-main p{
    font-size:18px;
    color:rgba(255,255,255,.92);
    margin:0;
    max-width:680px;
}

.history-impact-tags{
    margin-top:16px;
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.history-impact-tags span{
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.24);
    color:#ffffff;
    padding:6px 12px;
    font-size:13px;
    font-weight:600;
}

.history-impact-aside{
    display:grid;
    gap:10px;
}

.history-impact-stat{
    display:grid;
    grid-template-columns:36px 1fr;
    gap:10px;
    background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.2);
    border-radius:14px;
    padding:12px;
    color:#ffffff;
}

.history-impact-stat i{
    font-size:20px;
    color:#7dd3fc;
    margin-top:2px;
}

.history-impact-stat h3{
    font-size:18px;
    margin:0 0 3px;
    font-weight:800;
}

.history-impact-stat p{
    margin:0;
    color:rgba(255,255,255,.88);
    font-size:14px;
    line-height:1.35;
}

.history-toronoima-box{
    background:linear-gradient(135deg,#fff7ed 0%,#ffffff 45%,#f8fbff 100%);
    border:1px solid #fed7aa;
    position:relative;
    overflow:hidden;
}

.history-toronoima-box::after{
    content:'';
    position:absolute;
    right:-70px;
    top:-70px;
    width:220px;
    height:220px;
    border-radius:999px;
    background:rgba(251,146,60,.12);
    pointer-events:none;
}

.history-toronoima-box h2,
.history-toronoima-box p,
.history-toronoima-box .section-mini{
    position:relative;
    z-index:1;
}

/* =========================================
HISTORIA MUSEOGRAFICA
========================================= */

.history-museum-shell{
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
    border:1px solid #dbeafe;
}

.history-timeline{
    position:relative;
    padding-left:24px;
    display:grid;
    gap:14px;
}

.history-timeline::before{
    content:'';
    position:absolute;
    top:4px;
    bottom:4px;
    left:6px;
    width:3px;
    border-radius:999px;
    background:linear-gradient(180deg,#00bcd4 0%,#0284c7 100%);
}

.history-timeline-item{
    position:relative;
    background:#ffffff;
    border:1px solid #dbeafe;
    border-radius:16px;
    padding:16px 18px;
    box-shadow:0 8px 20px rgba(15,23,42,.05);
}

.history-timeline-item::before{
    content:'';
    position:absolute;
    left:-22px;
    top:22px;
    width:12px;
    height:12px;
    border-radius:999px;
    background:#00bcd4;
    border:2px solid #ffffff;
    box-shadow:0 0 0 2px rgba(2,132,199,.25);
}

.history-year{
    display:inline-block;
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:#0369a1;
    background:#e0f2fe;
    border-radius:999px;
    padding:5px 10px;
    margin-bottom:10px;
}

.history-timeline-item h3{
    font-size:22px;
    margin:0 0 8px;
    color:#0f172a;
    font-weight:800;
}

.history-timeline-item p{
    margin:0;
    color:#334155;
}

.history-map-box p{
    color:#334155;
}

.history-map-wrap{
    margin-top:14px;
    border:1px solid #dbeafe;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 10px 22px rgba(15,23,42,.06);
}

.history-map-wrap iframe{
    width:100%;
    height:360px;
    border:0;
    display:block;
}

.history-gallery-box .carousel-inner img{
    height:340px;
    object-fit:cover;
}

.history-carousel-caption{
    position:absolute;
    left:12px;
    right:12px;
    bottom:12px;
    background:rgba(15,23,42,.72);
    color:#ffffff;
    border-radius:12px;
    padding:10px 12px;
    font-weight:600;
    font-size:14px;
}

@media(max-width:991px){
    .history-gallery-box .carousel-inner img{
        height:280px;
    }

    .history-map-wrap iframe{
        height:320px;
    }
}

@media(max-width:768px){
    .history-impact{
        padding:20px 16px;
    }

    .history-impact-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .history-impact-main h2{
        font-size:32px;
        line-height:1.08;
    }

    .history-impact-main p{
        font-size:16px;
    }

    .history-timeline-item h3{
        font-size:20px;
    }

    .history-gallery-box .carousel-inner img{
        height:230px;
    }

    .history-map-wrap iframe{
        height:270px;
    }
}

/* =========================================
CONTACT SHOWCASE
========================================= */

.contact-showcase{
    padding:30px 0 110px;
    background:radial-gradient(circle at top right,#dff6fb 0%,#f7fbff 45%,#edf3fb 100%);
}

.contact-shell{
    background:#ffffff;
    border-radius:28px;
    padding:26px;
    box-shadow:0 20px 45px rgba(15,23,42,.10);
}

.contact-hero{
    background:linear-gradient(135deg,#0f172a 0%,#0c4a6e 52%,#0891b2 100%);
    border-radius:24px;
    padding:36px;
    color:#ffffff;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.contact-kicker{
    display:inline-block;
    width:max-content;
    font-size:13px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.16);
    margin-bottom:18px;
}

.contact-hero h2{
    font-size:42px;
    line-height:1.1;
    font-weight:800;
    margin-bottom:16px;
}

.contact-hero p{
    color:rgba(255,255,255,.9);
    font-size:18px;
    max-width:520px;
}

.contact-cta-row{
    margin-top:20px;
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.contact-cta-row .btn-outline-light{
    border:2px solid rgba(255,255,255,.65);
    color:#ffffff;
}

.contact-cta-row .btn-outline-light:hover{
    background:rgba(255,255,255,.14);
    color:#ffffff;
}

.contact-grid{
    display:grid;
    gap:14px;
    grid-template-columns:1fr 1fr;
}

.contact-tile{
    background:#f8fbff;
    border:1px solid #d8e9f7;
    border-radius:18px;
    padding:20px;
    box-shadow:0 10px 24px rgba(15,23,42,.06);
}

.contact-icon{
    width:44px;
    height:44px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#00bcd4;
    color:#ffffff;
    font-size:18px;
    margin-bottom:12px;
}

.contact-tile h3{
    font-size:20px;
    font-weight:800;
    color:#0f172a;
    margin-bottom:8px;
}

.contact-tile p,
.contact-tile a{
    color:#334155;
    text-decoration:none;
    margin-bottom:0;
}

.contact-tile a:hover{
    color:#0284c7;
}

@media(max-width:991px){
    .contact-grid{
        grid-template-columns:1fr;
    }

    .contact-hero h2{
        font-size:34px;
    }
}

@media(max-width:768px){
    .contact-showcase{
        padding:20px 0 90px;
    }

    .contact-shell{
        padding:16px;
        border-radius:22px;
    }

    .contact-hero{
        padding:24px;
    }

    .contact-hero h2{
        font-size:30px;
    }

    .contact-hero p{
        font-size:16px;
    }
}