/* TYPE YOUR OWN CSS HERE */

.main-nav {
    font-weight: 600;
    font-size: 1.2em!important;
}

#sub-nav {
    padding-top: 25px!important;
}


/* ------------------------------------*/
/*      LOGO                         */
/* ------------------------------------*/
#header .logo-container::after {
    content: "Biblioteca Nacional de Salud y Seguridad Social";
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translate(68%, -50%); /* Esto es lo se se cambia para que el texto se mueva derecha oizquierda.*/
    color: #0e6cab;
    font-weight: bold;
    font-size: 15px !important;   /* force small size */
    white-space: nowrap;
    pointer-events: none;
    z-index: 10;
}

/* ------------------------------------*/
/*      LOGO IMAGE                     */
/* ------------------------------------*/
/* Control the header height */
#header {
    display: flex;
    align-items: center;    /* vertical centering */
    height: 100px;           /* <— you pick this value */
    overflow: hidden;       /* ensures nothing spills out */
}

/* Make sure the logo fits inside */
#header .logo-container img.logo {
    height: 80px;           /* <— you choose this value */
    width: auto;            /* keep aspect ratio */
    max-height: 100%;       /* prevent overflow */
}

/* ------------------------------------*/
/*     BACK BUTTON                     */
/* ------------------------------------*/
/* Full styling to match other buttons exactly */
.custom-redirect-button {
    display: inline-flex;             /* same as other buttons */
    align-items: center;              /* vertical align */
    justify-content: center;           /* horizontal align */
    min-width: 80px;                   /* ensures same width baseline */
    padding: 8px 16px;                 /* matches other buttons */
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    color: #333;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.2s, color 0.2s, transform 0.1s;
    margin-left: 8px;                 /* spacing from other buttons */
    box-sizing: border-box;           /* ensures padding included in size */
}

.custom-redirect-button:hover {
    background-color: #e0e0e0;
    color: #000;
    transform: translateY(-1px);
}

.custom-redirect-button:active {
    transform: translateY(0);
}

/* ------------------------------------*/
/*    HIDE Results buttons             */
/* ------------------------------------*/

/* Hide ONLY the group that contains:
   - Search Settings
   - Bookmarks
   - My Searches */
.search-form-v2-button-bar .search-personal {
    display: none !important;
}
/* ------------------------------------*/
/*     Carrousel images                */
/* ------------------------------------*/

/* Target all images inside your carousel */
/*#widget-content-80340 .widgets-carousel-body img {
    max-width: 100%;      scale down if too wide 
    height: auto;        keep aspect ratio 
    display: block;
    margin: 0 auto;       center images 
    object-fit: contain;  optional: crop if necessary 
}*/

#widget-content-80340 .owl-item img {
    max-width: 250px;               /* adjust size to taste */
    height: auto;                   /* keep aspect ratio */
    display: block;
    margin: 0 auto;                 /* center image in item */
}

/* ------------------------------------ */
/*    Custom BINASSS Sidebar Widget     */
/* ------------------------------------ */

/* Main widget container
   - Defines the visual box of the widget
   - Overrides platform styles using !important */
#custom-binasss-widget {
  border: 1px solid #3a75a8 !important;      /* Blue border to match BINASSS branding */
  border-radius: 6px !important;             /* Rounded corners */
  padding: 16px !important;                  /* Inner spacing */
  background-color: white !important;        /* Ensure white background */
  box-sizing: border-box !important;         /* Include padding/border in width */
  margin-bottom: 16px !important;            /* Space below widget */
  font-family: Arial, sans-serif !important; /* Force consistent font */
  color: #595959 !important;                 /* Default text color (dark gray) */
}

/* Links inside the widget
   - Overrides inherited text color
   - Enlarges links for visibility and usability */
#custom-binasss-widget a {
  color: #004280 !important; /* BINASSS link blue */
  font-size: 1.3em !important; /* Larger font size for links */
}

/* Individual link list items
   - Adds vertical spacing between links */
#custom-binasss-widget .feature-snippet-result-item {
  margin-bottom: 6px; /* Small gap between links */
}