/* Minimal Bootstrap + Custom CSS for Blog Pages - Highly Optimized */

/* Bootstrap Reboot (minimal) */
*,::before,::after{box-sizing:border-box}
body{margin:0;font-family:'Oxygen',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}

/* Headings */
h1,h2,h3,h4,h5{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}

/* Text elements with improved contrast */
p{margin-top:0;margin-bottom:1rem;color:#212529}
a{color:var(--color-secondary);text-decoration:underline}
a:hover{color:var(--color-secondary-hover)}
img{vertical-align:middle;max-width:100%;height:auto}

/* Bootstrap Grid (minimal) */
.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
@media (min-width:1400px){.container{max-width:1320px}}

.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--bs-gutter-y));margin-right:calc(-.5*var(--bs-gutter-x));margin-left:calc(-.5*var(--bs-gutter-x))}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y)}

/* Bootstrap Components (minimal needed) */
.btn{--bs-btn-padding-x:.75rem;--bs-btn-padding-y:.375rem;--bs-btn-font-size:1rem;--bs-btn-border-width:1px;--bs-btn-border-radius:.375rem;display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-size:var(--bs-btn-font-size);font-weight:400;line-height:1.5;color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}

.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:var(--color-primary);--bs-btn-border-color:var(--color-primary);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--color-primary-hover);--bs-btn-hover-border-color:var(--color-primary-hover)}

.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-border-width:1px;--bs-card-border-radius:.375rem;--bs-card-bg:#fff;position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid rgba(0,0,0,.125);border-radius:var(--bs-card-border-radius)}

/* Navbar (complete minimal) */
.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:.5rem;--bs-navbar-brand-padding-y:.3125rem;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}
.navbar>.container{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}
.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:1rem;font-size:1.25rem;color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}
.navbar-nav{--bs-nav-link-padding-x:.5rem;--bs-nav-link-padding-y:.5rem;--bs-nav-link-color:rgba(0,0,0,.55);--bs-nav-link-hover-color:rgba(0,0,0,.7);display:flex;flex-direction:row;padding-left:0;margin-bottom:0;list-style:none}
.navbar-nav .nav-link{padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);color:var(--bs-nav-link-color);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link:focus{color:var(--bs-nav-link-hover-color)}
.navbar-expand-lg .navbar-nav{flex-direction:row}
.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-nav-link-padding-x);padding-left:var(--bs-nav-link-padding-x)}
.navbar-expand-lg .navbar-collapse{flex-basis:auto}
.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}
.me-auto{margin-right:auto!important}
.ms-auto{margin-left:auto!important}
.nav-item{list-style:none}
.postadd{margin-left:.5rem}
.bg-light{--bs-bg-opacity:1;background-color:rgba(248,249,250,var(--bs-bg-opacity))!important}

/* Navbar toggler for mobile */
.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.375rem}
.navbar-toggler:hover{text-decoration:none}
.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}
.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.navbar-light .navbar-toggler{border-color:rgba(0,0,0,.1)}

/* Button styles for Alertas - using theme orange */
.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:var(--color-primary);--bs-btn-border-color:var(--color-primary);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--color-primary-hover);--bs-btn-hover-border-color:var(--color-primary-hover)}

/* Collapse functionality */
.collapse:not(.show){display:none}
@media (max-width:991.98px){
.navbar-expand-lg>.container{padding-right:0;padding-left:0}
.navbar-expand-lg .navbar-collapse{flex-basis:100%}
/* When expanded on mobile, show the collapse container */
.navbar-expand-lg .navbar-collapse.show{display:block!important}
.navbar-expand-lg .navbar-collapse.collapsing{display:block!important}
.navbar-expand-lg .navbar-toggler{display:block}
}
@media (min-width:992px){
.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}
.navbar-expand-lg .navbar-nav{flex-direction:row}
.navbar-expand-lg .navbar-toggler{display:none}
/* On desktop, keep navbar content visible inline */
.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}
}

/* Utilities with proper contrast */
.text-center{text-align:center!important}
.text-muted{--bs-text-opacity:1;color:#495057!important}
.mb-1{margin-bottom:.25rem!important}
.mt-4{margin-top:1.5rem!important}
.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.justify-content-center{justify-content:center!important}

/* Blog-specific styles (optimized with theme colors) */

.blog-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.blog-post-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;line-height:1.3}
.blog-post-title a{color:#1a365d;text-decoration:none}
.blog-post-title a:hover{color:var(--color-primary)}
.search-form{display:flex;gap:.5rem;align-items:center}

/* Progress bar */
#myProgress{width:100%;background-color:#ddd;height:4px;position:fixed;top:0;z-index:1000}
#myBar{width:1%;height:100%;background-color:var(--color-primary);transition:width .1s ease}

/* Accessibility */

/* Responsive */
@media (max-width:768px){
.search-form{flex-direction:column}
}