.float{
	position:fixed;
	bottom: 50px;
	width:60px;
	height:60px;
	bottom:100px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.float:hover {
	text-decoration: none;
	color: #25d366;
  background-color:#fff;
}

.my-float{
	margin-top:16px;
}





#lang-switch{
  list-style:none; margin:0; padding:0;
  position:absolute; right:15px; top:18px; z-index:1001;
  display:flex; gap:10px;
}
#lang-switch li a{
  display:inline-block; padding:6px 10px; font-size:12px;
  border:1px solid rgba(255,255,255,.3); border-radius:6px;
  text-decoration:none; color:#fff; opacity:.9;
}
#lang-switch li.active a{
  border-color:#e50914;
}
@media (max-width: 992px){
  #lang-switch{ right:60px; top:12px; } /* deja espacio al bot贸n del men煤 */
}
#lang-switch{
  list-style:none; margin:0; padding:0;
  position:absolute; right:15px; top:18px; z-index:1001;
  display:flex; gap:10px;
}
#lang-switch li a{
  display:inline-block; padding:6px 10px; font-size:12px;
  border:1px solid rgba(255,255,255,.3); border-radius:6px;
  text-decoration:none; color:#fff; opacity:.9;
}
#lang-switch li.active a{
  border-color:#e50914;
}
@media (max-width: 992px){
  #lang-switch{ right:60px; top:12px; } /* deja espacio al bot贸n del men煤 */
}




/* ====== HEADER FIJO ====== */
header{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
}
header .container, header .col-md-12{ position: relative; }

/* compensa la altura del header para que el contenido no se meta debajo */
body{ padding-top: 40px; }                 /* desktop */
@media (max-width: 991px){
  body{ padding-top: 30px; }               /* tablet/móvil */
}

/* ====== SWITCH DE IDIOMA (aspecto) ====== */
#lang-switch{
  display: flex;
  gap: .8rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
}
#lang-switch a{ color:#fff; opacity:.85; text-decoration:none; }
#lang-switch a:hover,
#lang-switch a.active{ opacity:1; text-decoration:underline; }

/* ====== ESCRITORIO: pegado a la derecha, centrado vertical ====== */
@media (min-width: 992px){
  #lang-switch{
    position: absolute;
    top: 50%;
    right: 36px;                      /* distancia al borde derecho */
    transform: translateY(-50%);
  }
  /* deja hueco a la derecha para que el menú no se coma los idiomas */
  header nav{ padding-right: 150px; }  /* si hace falta, súbelo a 160–180 */
}

/* ====== TABLET / MÓVIL: fijar idiomas y hamburguesa en la esquina ====== */
@media (max-width: 991px){
  /* idiomas siempre fijos; no entran al overlay ni se desplazan */
  #lang-switch{
    position: fixed;
    top: 10px;
    right: 54px;                      /* espacio para el botón ☰/✕ */
    transform: none;
    z-index: 4000;                    /* por encima del panel del menú */
  }
  /* fija también el botón del menú para que no se duplique ni se mueva */
  #menu-btn{
    position: fixed;
    top: 6px;
    right: 12px;
    z-index: 4001;
  }
}


/* Separador visual antes de los idiomas (solo desktop) */
@media (min-width: 992px){
  #lang-switch::before{
    content: "";
    display: inline-block;
    width: 1px;                /* grosor del separador */
    height: 18px;              /* alto del separador */
    background: rgba(255,255,255,.28);  /* color/opacity */
    margin: 0 16px 0 12px;     /* espacio respecto a CONTACTO y a PT */
    vertical-align: middle;
  }
}