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

.logo-clinical {
  width: 300px;      /* tamaño base en escritorio */
  max-width: 100%;   /* nunca se sale del contenedor */
  height: auto;      /* mantiene proporciones */
  transition: all 0.3s ease;
}

/* Tablets (≤768px) */
@media (max-width: 768px) {
  .logo-clinical {
    width: 220px;    /* más pequeño en tablet */
  }
}

/* Móviles (≤480px) */
@media (max-width: 480px) {
  .logo-clinical {
    width: 200px;    /* aún más pequeño en móvil */
  }
}

.text-primary-cl {
	color: #0460A9;
}

.text-red-cl {
	color: #FF585D;
}

.bg-light-gradient {
    background: linear-gradient(to right, rgba(201, 222, 240, 0.6), rgba(255, 255, 255, 0.6)), url(../images/graf_1_big.png) no-repeat 1220px 50px, url(../images/graf_1_big.png) no-repeat 200px 960px, url(../images/graf_1_big.png) no-repeat 740px 150px
}

.text-max_chars {
    color: #999;
}

.source-area {
	padding: 56.25% 0 0 0;
	position: relative;
}

.source-area iframe, .source-area .content-imagen {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.source-area#area-chat {
    padding: 75% 0 0 0;
}

.content-imagen img {
    width: 100%;
}

hr {
    margin: 0;
    border: 0;
    height: 1.5px;
    background-color: #186C92;
}

h5{
	color: #186C92;
}

.question-box {
    background-color: #1CBFE6;
    padding: 10px 33px;
    border-radius: 5em;
}

.question-box.no-bg {
    background: none;
}

#edit-question-area {
    display: none;
}

.remove-question, .edit-question{
	color: #186C92;
}

.cursor-pointer {
    cursor: pointer;
}

#chars.text-danger {
    color: #ffbec4 !important;
}

.fs-17 {
    font-size: 17px;
}

/* COL-SM */
@media (min-width: 768px) {
	.source-area {
		padding: 38.25% 0 0 0;
	}

	.source-area.no-chat {
		padding: 56.25% 0 0 0 !important;
	}
}

/* COL-MD */
@media (min-width: 992px) {
	.source-area {
		padding: 38.25% 0 0 0;
	}

	.source-area.no-chat {
		padding: 56.25% 0 0 0 !important;
	}
}

.bg-blue{
	background-color: #186C92;
}

.bg-button{
	background-color: #0062AE;
	color: #fff;
}

.tarjeta {
  width: 100%;
  max-width: 900px;
  border-radius: 1rem;
  padding: 1.5rem;           
  margin: 1.2rem;             
  transition: all 0.3s ease; 
  position: relative;
  z-index: 2;
}


textarea {
	background: #fff;
    color: #000;
    border: 3px solid #fff;
    border-radius: 12px !important;
    min-height: 150px;
    resize: none;
}

textarea:focus-visible{
	outline: none;
}

textarea::placeholder {
  color: #999;
}

/* Tablet (≥576px) */
@media (min-width: 576px) {
  .tarjeta {
    padding: 2rem;
    margin: 2rem auto;
    max-width: 600px;
  }
}

/* Desktop mediano (≥768px) */
@media (min-width: 768px) {
  .tarjeta {
    padding: 2.5rem;
    max-width: 900px;
  }
}

/* Desktop grande (≥992px) */
@media (min-width: 992px) {
  .tarjeta {
    padding: 3rem;
    max-width: 999px;
  }
}