/* BLANSOL DESIGN SYSTEM - MODULO 1 */
:root{--bs-primary:#123B63;--bs-accent:#C5D320;--bs-text:#24323F;--bs-bg:#F7F9FB;--bs-radius:18px;--bs-shadow:0 12px 28px rgba(18,59,99,.12);--bs-container:1280px;--bs-gap:32px;--bs-font-heading:'Archivo',sans-serif;--bs-font-body:'Hanken Grotesk',sans-serif;}body{font-family:var(--bs-font-body);color:var(--bs-text)}.bs-container{max-width:var(--bs-container);margin:auto;padding:0 24px}.bs-section{padding:72px 0}.bs-text-center{text-align:center}.bs-lead{font-size:1.2rem;line-height:1.7;color:#667085}h1.bs-title,h2.bs-title,h3.bs-title{font-family:var(--bs-font-heading)!important;color:var(--bs-primary)!important;letter-spacing:-.02em}h1.bs-title{font-size:clamp(2.6rem,4vw,4rem)!important;font-weight:900!important}.bs-title .hl{color:var(--bs-accent)!important}.bs-hero{padding:72px 0;background:linear-gradient(180deg,#fff,var(--bs-bg))}.bs-btn{display:inline-flex;padding:15px 28px;border-radius:999px;text-decoration:none!important;font-family:var(--bs-font-heading)!important;font-weight:800}.bs-btn-primary{background:var(--bs-accent);color:#1d2600!important;box-shadow:var(--bs-shadow)}.bs-grid-2,.bs-grid-3{display:grid;gap:var(--bs-gap)}.bs-grid-2{grid-template-columns:repeat(2,1fr)}.bs-grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:992px){.bs-grid-2,.bs-grid-3{grid-template-columns:1fr}}

/*======================
MODULO 2 - COMPONENTES
======================*/
.bs-card{
background:#fff;
border-radius:18px;
padding:32px;
box-shadow:0 12px 28px rgba(18,59,99,.10);
transition:.25s;
height:100%;
}
.bs-card:hover{
transform:translateY(-6px);
box-shadow:0 18px 42px rgba(18,59,99,.16);
}
.bs-card-title{
font-family:var(--bs-font-heading);
font-size:1.35rem;
font-weight:800;
color:var(--bs-primary);
margin-bottom:12px;
}
.bs-card-text{
color:var(--bs-text);
line-height:1.7;
}
.bs-badge{
display:inline-block;
padding:8px 16px;
border-radius:999px;
background:#EAF6D4;
color:#567100;
font-weight:700;
font-size:.85rem;
}
.bs-feature-list{
list-style:none;
padding:0;
margin:0;
}
.bs-feature-list li{
padding-left:28px;
position:relative;
margin:14px 0;
}
.bs-feature-list li:before{
content:"✓";
position:absolute;
left:0;
top:0;
color:var(--bs-accent);
font-weight:900;
}
.bs-cta{
background:var(--bs-primary);
color:#fff;
padding:48px;
border-radius:24px;
text-align:center;
}
.bs-cta h2,.bs-cta p{color:#fff!important;}
.bs-divider{
height:1px;
background:#E5E7EB;
margin:48px 0;
}


/*======================
MODULO 3 - FORMULARIOS Y TABLAS
======================*/
.bs-form{display:grid;gap:20px}
.bs-field{display:flex;flex-direction:column;gap:8px}
.bs-label{font-weight:700;color:var(--bs-primary)}
.bs-input,.bs-select,.bs-textarea{
padding:14px 16px;border:1px solid #D8E0E8;border-radius:12px;
font-family:var(--bs-font-body);font-size:1rem;background:#fff;transition:.2s}
.bs-input:focus,.bs-select:focus,.bs-textarea:focus{
outline:none;border-color:var(--bs-accent);
box-shadow:0 0 0 4px rgba(197,211,32,.2)}
.bs-table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}
.bs-table th{background:var(--bs-primary);color:#fff;text-align:left;padding:16px}
.bs-table td{padding:16px;border-bottom:1px solid #E5E7EB}
.bs-table tr:hover{background:#F7F9FB}
.bs-alert{padding:18px 20px;border-left:5px solid var(--bs-accent);background:#F8FBEF;border-radius:12px}
.bs-alert-info{border-color:var(--bs-primary);background:#EEF5FB}


/*======================
MODULO 4 - NAVEGACION
======================*/
.bs-navbar{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.bs-nav{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.bs-nav a{text-decoration:none;color:var(--bs-primary);font-weight:700}
.bs-nav a:hover,.bs-nav a.is-active{color:var(--bs-accent)}
.bs-breadcrumb{display:flex;gap:8px;font-size:.9rem}
.bs-tabs{display:flex;gap:12px;border-bottom:1px solid #E5E7EB}
.bs-tab{padding:12px 18px;font-weight:700;cursor:pointer}
.bs-tab.is-active{border-bottom:3px solid var(--bs-accent);color:var(--bs-primary)}
.bs-accordion{border:1px solid #E5E7EB;border-radius:16px;overflow:hidden}
.bs-acc-item+.bs-acc-item{border-top:1px solid #E5E7EB}
.bs-acc-header{padding:18px;font-weight:800;cursor:pointer;background:#fff}
.bs-acc-body{padding:18px;background:#F7F9FB}
.bs-pagination{display:flex;gap:8px;justify-content:center}
.bs-page{padding:10px 14px;border:1px solid #D8E0E8;border-radius:10px;text-decoration:none}
.bs-page.is-active{background:var(--bs-primary);color:#fff}