/* =====================================================
   Paleta institucional — Diócesis de Ciudad Juárez
   Verde institucional : #3B6D11
   Verde oscuro (hover): #2D5016
   Verde medio         : #639922
   Verde muy claro     : #EAF3DE
   Dorado              : #C9A84C
   ===================================================== */

/* --- Navbar ---------------------------------------- */
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #fff !important;
}

.navbar-inverse {
    background-color: #3B6D11;
    border-color: #2D5016;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff !important;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #EAF3DE !important;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #EAF3DE !important;
    background-color: #2D5016;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff !important;
    background-color: #2D5016;
}
.navbar-inverse .navbar-toggle {
    border-color: #639922;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #639922;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}
/* Dropdown dentro de la navbar */
.navbar-inverse .dropdown-menu {
    background-color: #3B6D11;
    border-color: #2D5016;
}
.navbar-inverse .dropdown-menu > li > a {
    color: #fff !important;
}
.navbar-inverse .dropdown-menu > li > a:hover,
.navbar-inverse .dropdown-menu > li > a:focus {
    color: #EAF3DE !important;
    background-color: #2D5016;
}
.navbar-inverse .dropdown-menu .divider {
    background-color: #2D5016;
}

/* --- Botón primario -------------------------------- */
.btn-primary {
    background-color: #3B6D11;
    border-color: #2D5016;
    color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #2D5016;
    border-color: #1e3a0e;
    color: #fff;
}
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #639922;
    border-color: #639922;
}

/* --- Botón success --------------------------------- */
.btn-success {
    background-color: #639922;
    border-color: #2D5016;
    color: #fff;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-color: #2D5016;
    border-color: #1e3a0e;
    color: #fff;
}

/* --- Links (excluye botones para no pisar su color) - */
a:not(.btn),
a:not(.btn):visited {
    color: #3B6D11 !important;
}
a:not(.btn):hover,
a:not(.btn):focus {
    color: #2D5016 !important;
}

/* --- Breadcrumb ------------------------------------ */
.breadcrumb a {
    color: #3B6D11;
}
.breadcrumb a:hover {
    color: #2D5016;
}

/* --- Labels y badges ------------------------------- */
.label-primary,
.badge {
    background-color: #3B6D11;
}
.label-success {
    background-color: #639922;
}

/* --- Panel headings primarios ---------------------- */
.panel-primary > .panel-heading {
    background-color: #3B6D11;
    border-color: #3B6D11;
}
.panel-primary {
    border-color: #3B6D11;
}

/* --- Badge de tipo (Parroquia / Capilla) en el hero */
.badge-tipo {
    display: inline-block;
    padding: 3px 8px;
    font-size: 13px;
    border-radius: 4px;
    background-color: #EAF3DE;
    color: #2D5016;
    border: 1px solid #639922;
}

/* --- Estado active en menú lateral (CMenu) --------- */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #3B6D11;
}

/* --- Paginación ------------------------------------ */
.pagination > li > a,
.pagination > li > span {
    color: #3B6D11;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
    background-color: #3B6D11;
    border-color: #3B6D11;
    color: #fff;
}
.pagination > li > a:hover {
    color: #2D5016;
}

/* --- Checkbox/radio focus (Flatly usa teal) -------- */
.checkbox input[type="checkbox"]:focus,
.radio input[type="radio"]:focus {
    outline-color: #3B6D11;
}

/* --- Botón info (Flatly lo usa en algunos helpers) -- */
.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-color: #3B6D11 !important;
    border-color: #2D5016 !important;
    color: #fff !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background-color: #2D5016 !important;
}

/* --- Texto primario (helpers de color de Bootstrap) - */
.text-primary {
    color: #3B6D11 !important;
}

/* --- Proteger el color de texto en botones de acción --
   Sin esto, la regla `a { color !important }` pisa el
   blanco de btn-success / btn-primary / btn-default.    */
a.btn-primary, a.btn-primary:hover, a.btn-primary:focus, a.btn-primary:visited,
a.btn-success, a.btn-success:hover, a.btn-success:focus, a.btn-success:visited,
a.btn-info,    a.btn-info:hover,    a.btn-info:focus,    a.btn-info:visited {
    color: #fff !important;
}
a.btn-default, a.btn-default:hover, a.btn-default:focus, a.btn-default:visited {
    color: #333; /* sin !important — permite que el style inline de Facebook/YouTube gane */
}

/* --- Igualar altura de tarjetas de resultados ------- */
@media (min-width: 992px) {
    .parroquia-col {
        display: flex;
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) {
    .parroquia-col {
        margin-bottom: 16px;
    }
}

.list-view .items {
    display: flex;
    flex-wrap: wrap;
}
.list-view .items .col-md-4 {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.list-view .items .thumbnail {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.list-view .items .thumbnail > div {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.list-view .items figcaption {
    display: flex;
    flex-direction: column;
    flex: 1;
}