/**
 * @author Alexis Bogado <alexis.bogado@s3w.es>
 * @package webinar-web
 */

/*@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');



html, body {
  margin: 0;
  padding: 0;
}

body {
	font-family: "Inter", sans-serif;
    /*font-family: 'Aldrich', sans-serif;*/
}

.bg-clinical {
	background-image: url(../images/bg_clinical.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  min-height: 100vh;
  position: relative;
  display: flex;                  /* permite centrar el contenido */
  flex-direction: column;
  justify-content: center;        /* centra verticalmente si lo deseas */
  z-index: 0;
}

/* Capa opcional para oscurecer un poco el fondo si quieres más contraste */
.bg-clinical::before {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent; /* cambia a rgba(255,255,255,0.2) si quieres un velo */
  z-index: 0;
}

/* Asegura que el contenido (como .tarjeta) quede por encima */
.bg-clinical > * {
  position: relative;
  z-index: 1;
}

/* Tablets y móviles medianos (≤768px) */
@media (max-width: 768px) {
  .bg-clinical {
    background-image: url(../images/bg_clinical_movil.png); /* 🔹 nueva imagen móvil */
   /* background-size: contain;         muestra toda la imagen */
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    min-height: 100vh;
    justify-content: flex-start;     /* el contenido comienza arriba */
    padding-top: 2rem;
  }
}

/* Extra pequeño (≤480px) */
@media (max-width: 480px) {
  .bg-clinical {
    background-image: url(../images/bg_clinical_movil.png); /* 🔹 usa también la versión móvil */
    /*background-size: contain;*/
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: scroll;
    min-height: 100vh;
    padding-top: 1rem;
  }
}

.navbar-light .navbar-nav .nav-link {
    color: #404356 !important;
}

.text-underline {
    text-decoration: underline;
}

*:disabled {
    cursor: not-allowed;
}

.main-info-box {
    background: linear-gradient(to right, #d9e7f4, #fff);
}

.main-info-text {
    border-left: 20px solid #1b99d6;
    padding-left: 0;
}

.btn-registro {
    background-color: #bbbbbb;
	border-radius: 10px;
}

.btn-registro, .btn-registro:hover {
    color: #ffffff;
}

.font-open-sans {
    font-family: 'Open sans', sans-serif;
}

.text-blue {
    color: #186C92;
}

.text-red {
    color: #d92d49;
}

.text-orange {
    color: #f04b25;
}

.text-dark-gray {
    color: #202020;
}

.text-gray {
    color: #bbbbbb !important;
}

.text-dark-blue {
    color: #005e80;
}

.text-light-black {
    color: #474747;
}

.bg-gray {
    background-color: #f7f7f7;
}

.bg-gradient {
    background: linear-gradient(to bottom, #1b99d6, #3a4341);
}

.bg-blue {
    background-color: #1b99d6;
}

.bg-orange {
    background-color: #f04b25;
}

.fit-content {
    width: fit-content;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-14 {
    font-size: 14px;
}

.font-weight-semi-bold {
    font-weight: 500;
}

.line-height-1 {
    line-height: 1;
}

.bg-red {
    background-color: #d92d49;
}

.text-light-pink {
    color: #f1aab5;
}

.schedule td.time {
    width: 60%;
}

.schedule td.time > h3 {
    line-height: 0.5;
}

#register-form a {
    color: #0e80c1;
}

.form-check-input.is-invalid~.form-check-label, .invalid-feedback {
    color: #ffbec4;
}

.form-control {
    border-radius: 50em;
    padding: 0 20px;
}

.g-recaptcha.is-invalid {
    filter: drop-shadow(0 0 2px #ffbec4);
}

.img-arrows {
    top: -14px;
}

.webinar-info {
    background-image: linear-gradient(to right, #d9e7f4, #fff);
}

.text-light-gray {
    color: #dadada;
}

footer .navbar-brand img, .navbar-menu .navbar-brand {
    width: 80%;
}

@media (min-width: 500px) {
    .schedule td.time {
        width: 43%;
    }
}

@media (min-width: 576px) {
    .schedule td.time {
        width: auto;
        padding-right: 15px;
    }
}

@media (min-width: 768px) {
    .speakers {
        margin-top: -90px;
    }
    
    .navbar-menu .navbar-brand {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .webinar-info {
        background-image: url(../images/graf_2_big.png), linear-gradient(to right, #d9e7f4, #fff);
        background-repeat: no-repeat;
        background-position: top right;
    }
}