/* === Estilos extraídos de los <style> inline de adeslas.html, adeslas-paid.html, asisa.html y asisa-paid.html === */

/* --- Widget de livechat (común a todas las páginas) --- */
@media only screen and (min-width: 992px) {
  #livechat-wrapper {
    width: 230px;
    height: 88px;
    background: url("https://www.doctori.com/assets/images/oct8ne/Chat_Bot_Doctori.png") no-repeat;
    background-size: 230px auto;
    background-color: transparent;
    z-index: 9998;
    right: 100px;
  }

  #livechat-wrapper #icon-chat,
  #livechat-wrapper .chat-widget-text {
    display: none;
  }
}

@media (max-width: 992px) {
  #livechat-wrapper {
    width: 60px;
    height: 60px;
    background: url("https://www.doctori.com/assets/images/oct8ne/Chat_bot_Mobile_Dri.png") no-repeat;
    background-size: 60px auto;
    background-color: transparent;
    z-index: 9998;
    bottom: 80px;
    right: 15px;
  }

  #livechat-wrapper #icon-chat,
  #livechat-wrapper .chat-widget-text,
  #livechat-wrapper .chat-oct8ne-ball-icon {
    display: none;
  }
}

/* === Cambios A/B (inyectado, antes en cada fichero) === */
svg.doctori-logo-form,
.draggable-modal-form .title > svg,
.draggable-modal-form-container .title > svg { display: none !important; }
label.checkbox:has(input[name="acceptAll"]),
label.checkbox:has(input[name="acceptpolicy2"]) { display: none !important; }
/* logo de texto iSalud (réplica de isalud.com) */
@font-face {
  font-family: 'archerbold_italic';
  src: url("https://d2g6txya5bf0ck.cloudfront.net/sfiles/fonts/archerboldital-webfont.woff2") format("woff2"),
  url("https://d2g6txya5bf0ck.cloudfront.net/sfiles/fonts/archerboldital-webfont.woff") format("woff"),
  url("https://d2g6txya5bf0ck.cloudfront.net/sfiles/fonts/archerboldital-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
footer .logo {
  text-decoration: none;
  display: block;
  text-align: left;
  font-family: "archerbold_italic";
  font-size: 38px;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #2d2e83 !important;
  font-size: 35px;
  line-height: 46px;
  padding: 0;
  font-weight: 200
}
footer .logo::first-letter { color: #00b1eb; }
footer .logo::after { content: ".com"; color: #00b1eb; }
footer .logo:hover { text-decoration: none; }
/* Botón "Calcular" del modal: color de marca en vez del amarillo de fábrica */
body:has(header.adeslas) .draggable-modal-form .checkbox-list button,
body:has(header.adeslas) .mobile-form-dialog .checkbox-list button { background: #F32288 !important; color: #fff !important; }
body:has(header.adeslas) .draggable-modal-form .checkbox-list button:hover,
body:has(header.adeslas) .mobile-form-dialog .checkbox-list button:hover { background: #0F77AE !important; }
body:has(header.adeslas) .draggable-modal-form .checkbox-list button:focus-visible,
body:has(header.adeslas) .mobile-form-dialog .checkbox-list button:focus-visible { border: 2px solid #0F77AE !important; }
body:has(header.adeslas) .draggable-modal-form .checkbox-list button:disabled,
body:has(header.adeslas) .mobile-form-dialog .checkbox-list button:disabled { background: #9E9E9E !important; }
body:has(header.asisa) .draggable-modal-form .checkbox-list button,
body:has(header.asisa) .mobile-form-dialog .checkbox-list button { background: #C34004 !important; color: #fff !important; }
.draggable-modal-form .checkbox-list button *,
.mobile-form-dialog .checkbox-list button * { color: #fff !important; }
/* Modal "Calcular" responsive en movil (ancho de pantalla, validado) */
@media (max-width: 600px) {
  /* dejar hueco para la barra fija inferior (que no tape el footer) */
  footer { padding-bottom: 120px !important; }
  /* intro-claim: separar de la cabecera en movil */
  .intro-claim { margin-top: 6px !important; }
  .draggable-modal-content { width: 92vw !important; max-width: 92vw !important; min-width: 0 !important; margin: 0 auto !important; box-sizing: border-box !important; }
  .draggable-modal-form-container,
  .draggable-modal-form { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
  .draggable-modal-form .form-content-list,
  .draggable-modal-form .person-inputs,
  .draggable-modal-form .row { flex-direction: column !important; }
  .draggable-modal-form .field-container,
  .draggable-modal-form .input-container,
  .draggable-modal-form .field-container input,
  .draggable-modal-form .field-container select { width: 100% !important; box-sizing: border-box !important; }
  /* #5: evitar scroll horizontal del bottom-sheet */
  html, body { overflow-x: hidden !important; }
  .mobile-form-dialog, .mobile-form-dialog-content { max-width: 100vw !important; box-sizing: border-box !important; }
  /* overlay del modal de tarjetas: que centre bien al moverlo a body */
  body > .draggable-modal-overlay.center { position: fixed !important; inset: 0 !important; display: flex !important; align-items: flex-end !important; justify-content: center !important; z-index: 100000 !important; }
}
/* intercambiar tamaño de letra entre H1 "Seguros médicos" y H2 "Tipos..." (solo landings orgánicas, no en las -paid) */
body:not(:has(#form-paid)) .main-h1 { font-size: 26px !important; line-height: 34px !important; letter-spacing: -0.3px !important; }
body:not(:has(#form-paid)) .block-polizas .title-content-article h2 { font-size: 28px !important; line-height: 36px !important; letter-spacing: -0.4px !important; }
@media (min-width: 599px) {
  body:not(:has(#form-paid)) .main-h1 { font-size: 34px !important; line-height: 42px !important; letter-spacing: -0.4px !important; }
  body:not(:has(#form-paid)) .block-polizas .title-content-article h2 { font-size: 38px !important; line-height: 46px !important; letter-spacing: -0.5px !important; }
  /* reducir gap entre el bloque de pólizas y el H1/texto (solo desktop) */
  body:not(:has(#form-paid)) .block-polizas { padding-bottom: 24px !important; }
  body:not(:has(#form-paid)) .main-h1 { padding-top: 24px !important; }
}

/* --- Botón flotante de OneTrust (cookies): oculto en todas las páginas --- */
.ot-floating-button {
  display: none;
}