/**
 * @file
 * Subtheme specific CSS.
 */

html, body{
  background-color: #fefefe !important;
  /* Fondo compuesto con gradientes radiales pastel */
  background-image:
    radial-gradient(circle at 10% 20%, rgba(255, 179, 186, 0.4) 0%, transparent 50%),
    radial-gradient(circle at 80% 15%, rgba(255, 223, 186, 0.4) 0%, transparent 50%),
    radial-gradient(circle at 20% 80%, rgba(186, 255, 201, 0.4) 0%, transparent 50%),
    radial-gradient(circle at 75% 75%, rgba(186, 225, 255, 0.4) 0%, transparent 50%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

#navbar-main{
  padding-left: 15px;
  padding-right: 15px;

  margin-right: auto;
  margin-left: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

  /*display: grid;*/
  /*grid-template-columns: 2fr 6fr 1fr;*/
}

#navbar-main > a > img {
  width: 215px;
}

#block-frontend-main-menu{
  width: 100%;
}

#block-frontend-main-menu > ul{
  justify-content: space-around;
}

#block-frontend-main-menu > ul > li{
  margin-bottom: 5px;
}

#block-frontend-main-menu > ul a{
  font-size: large;
  font-weight: 500;
  border-bottom: 1px solid black;
  border-top: 1px solid transparent;
  border-radius: 5px;

  text-align: center;
}

#block-frontend-main-menu > ul a:hover{
  border-top: 1px solid black;
}

#block-frontend-main-menu > .clearfix::after {
  content: none !important;
  display: none !important;
  clear: none !important;
}

.field--name-field-main-image .field--type-image{
  width: 100%;
  margin: 0 auto;
}

.field--name-field-main-image .field--type-image img{
  width: 100%;
  margin: 0 auto;
}


/* --- Contenido principal --- */
main {
  padding: clamp(1rem, 5vw, 3rem);
  max-width: 60ch;
  margin: auto;
}

main > section {
  margin-bottom: 4rem;
}

/* --- Adaptabilidad para pantallas pequeñas --- */
@media (max-width: 600px) {
  main {
    max-width: 90vw;
  }
}

#page{
  background-color: transparent;
}

.field__items > .field__item{
  background-color: rgba(255, 255, 255, 0.56);
  text-align: center;
  border-radius: 10px;
  margin-bottom: 50px;
}


section.region-header-form{
  display: contents;
}


table tr th{
  color: black;
  font-weight: bold;
}

.dropdown ul.dropdown-menu{
  min-width: 0;
  max-width: 80px;
  position: absolute;
  left: calc(50% - 36px);
}



.info-page .row.align-items-center {
  display: flex;
  align-items: stretch !important;
}


.info-page .field--name-field-media-image {
  position: relative;
  width: 100%;
  height: 490px;
  overflow: hidden;
  padding-bottom: 0;
}

.radius_top_left .field--name-field-media-image{
  border-top-left-radius: 175px;
}

.radius_top_right .field--name-field-media-image{
  border-top-right-radius: 175px;
}

.radius_bottom_left .field--name-field-media-image{
  border-bottom-left-radius: 175px;
}

.radius_bottom_right .field--name-field-media-image{
  border-bottom-right-radius: 175px;
}

.info-page .field--name-field-media-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.field--name-field-main-image, .field--name-field-main-image > div{
  height: 100%
}

.info-page-container{
  padding: 12px 0;
}


/* ============  CONTENEDOR PRINCIPAL  ============ */
.horario-container {
  border: 3px solid #000;
  padding: 30px;
  width: 300px;
  position: relative;
  border-radius: 10%;
  background-color: white;
  margin: 0 auto;
}
/* ============  RELOJ  ============ */
.reloj {
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 0 10px; /* espacio para la línea superior que se “corta” */
}
/* círculo del reloj */
.reloj-circulo {
  width: 60px;
  height: 60px;
  border: 4px solid #000;
  border-radius: 50%;
  overflow: hidden; /* recorta el SVG dentro */
}
/* adapta el SVG al círculo */
.reloj-circulo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* ============  TABLA HORARIO  ============ */
.tabla-horario {
  width: 100%;
}
.tabla-horario td {
  padding: 12px 8px;
  font-size: medium;
}
.tabla-horario tr:last-child td {
  border-bottom: none;
}
.tabla-horario td:first-child {
  font-weight: bold;
}
.tabla-horario tr{
  background-color: white;
}


.advanced-language-selector{
  text-align: center;
  margin: 5px;
}

.navbar-brand{
  margin:0;
  text-align: center;
}

.info-page-text{
  align-content: center;
}

.info-page-container .field__items > .field__item{
  background-color: transparent;
}