/* ==========================================================================
   bs5-sexo3.css — Personalizaciones que el sitio público tenía DENTRO de su
   bootstrap.css (BS3 modificado) y que se pierden al pasar a Bootstrap 5.
   Se carga después de bootstrap 5 + bs3-compat.css y antes de sitestyle.css,
   o sea en el mismo lugar donde antes estaba bootstrap.css.
   ========================================================================== */

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; line-height: 1.42857143; color: #333; background-color: #fff; }
a:hover, a:focus { color: #23527c; text-decoration: none; }

.form-control:focus { border-color: red; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); }
.btn-lg, .btn-group-lg > .btn { font-size: 1.2em; }

.dropdown-menu { float: right; font-size: 10px; font-family: montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #303068e8; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,.175); }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; background-color: #dd0059; outline: 0; }

.navbar-fixed-top { top: -15px; }
@media (min-width: 768px) { .navbar-right, .navbar-nav.navbar-right { padding-top: 15px; margin-right: 0; } }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .show > a, .navbar-default .navbar-nav > li > a.show { color: #fff; background-color: #303068; border-radius: 3px; padding-bottom: 11px; }
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .dropdown-menu.show > li > a { color: #fff; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .dropdown-menu.show > li > a:hover { color: #333; background-color: #fff; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .dropdown-menu.show > .active > a { color: #ff0185; background-color: #e7e7e7; }
  .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: -15px; margin-left: -15px; margin-top: 15px; }
}

.pagination > li > a, .pagination > li > span { float: left; color: #666; text-decoration: none; }
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover { z-index: 2; color: #ff0185; background-color: #eee; border-color: #ddd; }

.alert-success { color: #fff; background-color: #31c11e; }
.alert-danger { color: #a94442; background-color: #f2dede; }

.tooltip { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; }
.popover { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; }

/* sitestyle.css usa rem pensando en el html de 10px de BS3 (BS5 usa 16px) */
body .h3-faq::after { font-size: 7px; }
body .faq-header h1 { font-size: 22px; }
body .faq-item h3 { font-size: 12px; }
body .faq-footer { font-size: 9px; }

/* En el bootstrap.css modificado del sitio .img-responsive NO era block: inline (se centra con text-align) */
.img-responsive { display: inline; }