/* ================================
   IMPORTAR FUENTE LATO
================================ */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

/* ================================
   FUENTE GLOBAL
================================ */
* {
    font-family: 'Lato', sans-serif !important;
}

/* ================================
   TÍTULOS
================================ */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700 !important;
}

/* ================================
   BOTONES
================================ */
button {
    font-weight: 700 !important;
}

/* ================================
   ELIMINAR MAPA / OBTENER DEL MAPA
   (MODO NUCLEAR ☢️)
================================ */

/* Bloques de mapa */
.sb-map,
.sb-location-map,
.sb-location,
.sb-location-info,
.sb-location-details {
    display: none !important;
}

/* Cualquier enlace relacionado con mapas */
a[href*="map"],
a[href*="maps"],
a[href*="google"] {
    display: none !important;
}

/* Texto literal "Obtener del mapa" (aunque sea generado) */
{
    display: none !important;
}

/* Variante por si viene como pseudo-elemento */
.sb-location::before,
.sb-location::after,
.sb-location-info::before,
.sb-location-info::after {
    content: none !important;
    display: none !important;
}



/* FORZAR DESAPARICIÓN DEL CUADRADO */
.sb-back-action-container span:first-child, 
.sb-back-action-container i,
.sb-back-action i {
    display: none !important;
}

/* REDISEÑO TOTAL DEL BOTÓN */
div.sb-back-action-container a.sb-back-action, 
.sb-back-action-container .sb-back-action {
    all: unset !important; /* Resetea estilos de fábrica */
    display: inline-flex !important;
    align-items: center !important;
    cursor: pointer !important;
    
    /* Estética */
    background: #ffffff !important;
    color: #2E2E5D !important;
    padding: 6px 15px !important;
    border: 1px solid #2E2E5D !important;
    border-radius: 20px !important; /* Estilo redondeado moderno */
    font-weight: bold !important;
    font-family: inherit !important;
    font-size: 14px !important;
}

/* AÑADIR FLECHA NUEVA */
.sb-back-action-container .sb-back-action::before {
    content: "←" !important;
    margin-right: 6px !important;
    font-size: 16px !important;
}

/* EFECTO HOVER */
.sb-back-action-container .sb-back-action:hover {
    background: #2E2E5D !important;
    color: #ffffff !important;
}

<style>
  /* Este selector es ultra-agresivo para borrar el icono */
  [class*="sb-back"]::before, [class*="sb-back"] i {
      display: none !important;
      content: "" !important;
  }
</style>



/* ==============================
   SLOGAN BAJO EL LOGO (HOME)
   ============================== */

/* Contenedor del logo/título */
.sb-booking-header::after {
  content: "Tu espacio para hablar. Tu espacio para reconectar.";
  display: block;
  margin-top: 12px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #6B6B6B;
  letter-spacing: 0.3px;
}

/* Ajuste móvil */
@media (max-width: 480px) {
  .sb-booking-header::after {
    font-size: 16px;
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .sb-company-description {
    font-size: 22px !important;
    line-height: 1.3 !important;
    text-transform: none !important;
  }
}
/* --- Arreglar título grande en móvil --- */
@media (max-width: 768px) {
  /* varios selectores porque SimplyBook cambia clases según plantilla */
  #sb_company_name,
  .sb-company-name,
  .company-name,
  .sb-title,
  .main-title,
  .header-title,
  h1 {
    font-size: 22px !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    margin-bottom: 14px !important;
  }

  /* Quitar “gritos” si lo fuerza en mayúsculas */
  #sb_company_name,
  .sb-company-name,
  .company-name,
  .sb-title,
  .main-title,
  .header-title {
    text-transform: none !important;
  }
}


/* =========================
   TÍTULO PRINCIPAL – PC
   ========================= */
@media (min-width: 769px) {
  #sb_company_name,
  .sb-company-name,
  .company-name,
  .sb-title,
  .main-title,
  .header-title,
  h1 {
    font-size: 32px !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    margin-bottom: 18px !important;
    text-transform: none !important;
  }
}

.sb-back-btn,
.sb-back-link,
.back-btn,
.back-link {
  display: none !important;
}




/* =========================
   BOTÓN ATRÁS (ID REAL)
   ========================= */

/* Estilo del enlace como botón */
#sb_back_button a{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  background: #f2f4f7 !important;
  border: 1px solid #e4e7ec !important;
  color: #1d2939 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

/* Hover (PC) */
#sb_back_button a:hover{
  background: #e4e7ec !important;
}

/* Icono flecha: tamaño y alineación */
#sb_back_button a .fa-angle-left{
  font-size: 16px !important;
  margin: 0 !important;
}

/* Quitar estilos raros de spans que lo descolocan */
#sb_back_button span{
  margin: 0 !important;
  display: inline !important;
  vertical-align: middle !important;
  font-size: 14px !important;
}

/* Separación respecto al contenido */
#sb_back_button{
  margin: 14px 0 18px 0 !important;
}


/* =========================================
   FIX "ATRÁS" EN BOOKING V2 (PUBLICO + PREVIEW)
   ========================================= */

/* que no flote ni se ponga encima */
#steps-content #sb_back_button{
  position: static !important;
  float: none !important;
  clear: both !important;
  display: block !important;
  margin: 12px 0 16px 0 !important;
  padding: 0 !important;
  z-index: 1 !important;
}

/* botón bonito */
#steps-content #sb_back_button a{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  background: #fff !important;
  border: 1px solid #e4e7ec !important;
  color: #1d2939 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.06) !important;
}

/* mata icono roto (cuadrito) */
#steps-content #sb_back_button .fa,
#steps-content #sb_back_button .fa-angle-left{
  display: none !important;
}

/* flecha consistente */
#steps-content #sb_back_button a::before{
  content: "←" !important;
  font-size: 16px !important;
  line-height: 1 !important;
  opacity: .9 !important;
}

/* texto */
#steps-content #sb_back_button a span{
  margin: 0 !important;
  font-size: 14px !important;
}

/* evita pseudo-elementos raros */
#steps-content #sb_back_button a:before,
#steps-content #sb_back_button a:after{
  background: none !important;
}
/* Ocultar botón flotante azul (top-right) */
.sb-floating-button,
.sb-float-btn,
.sb-widget-float-button,
.sb-widget-button,
#sb_floating_button,
#sb_fixed_button,
.fixed-button,
.floating-button {
  display: none !important;
}

/* Ocultar botón flotante de SimplyBook (iframe helper) */
iframe[src*="simplybook"],
iframe[src*="v2"] {
  pointer-events: auto;
}

/* Botón flotante superior derecho */
iframe + div,
iframe + button,
iframe ~ div[style*="position: fixed"] {
  display: none !important;
}