#menu1 label,
#menu1 a,
#nosotros ul li,
#menu2 ul li a,
#menu2 ul li a label {
  cursor: pointer;
}

.navbar {
  /* background-image: url("http://www.ticketfacil.ec/img_B/<?php echo $rowC1['iamgen'];?>"); */
  /* background-image: url("https://<?php echo $_SERVER['HTTP_HOST']; ?>/ticket2/demo_cliente/img/<?php echo $rowC1['iamgen']; ?>"); */
  background-repeat: repeat;
  background-size: contain;
}

.navbar-header {
  margin-left: 0px !important;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: black;
}

#btn-menu {
  margin-top: 11px;
  z-index: 3000;
}

#sub-menu-menu-usu {
  width: 100%;
}

.ancho-total {
  padding-left: 0px;
  padding-right: 0px;
}

/*****************************************/
@media (min-width: 320px) and (max-width: 767px) {
  .titulo_no {
    font-size: 14px;
  }
  .titulo_no1 {
    font-size: 12px;
  }
  .eleccion_p {
    position: relative;
    left: 27px;
  }
  #fila_principal {
    margin-top: -37px;
  }
  #app_365 {
    display: none !important;
  }
  #app_3651 {
    display: none !important;
  }
  /* .agrandar_movil {
    height: 107% !important;
    background: transparent;
  } */
  #bs-example-navbar-collapse-1 {
    top: 65px !important;
    right: 14px;
    width: 261px;
    text-align: right;
    position: absolute;
  }

  #menu1 {
    border-width: 2px !important;
  }

  #menu1 li {
    text-align: left;
  }

  #menu-usuario > ul > li {
    display: inline;
  }

  #menu-usuario > #lOut > ul {
    margin-left: 7px;
    margin-right: 13px;
  }

  #li-login {
    width: 80.45px;
  }

  #li-login > a > label {
    margin-left: 0px;
  }

  #li-crear {
    width: 143.03px;
  }

  #li-login,
  #li-crear {
    text-align: right !important;
  }

  #li-crear > a > label {
    margin-right: -1px;
  }

  #lOut {
    width: 245px;
    /*float: right;*/
    font-size: 15px;
    position: relative;
    right: 7px;
  }

  #infl_left {
    position: relative;
    left: 7px;
    top: 5px;
  }

  #menu2 ul li {
    text-align: center;
  }

  #menu2 ul li a > label {
    margin-top: 5px;
  }

  #menu-usu {
    padding: 4px 0px 4px 9px;
    display: inline-block !important;
    width: 139%;
  }

  #sub-menu-menu-usu {
    width: 100%;
    margin-top: 6px;
    border: 2px solid #01b1d7;
    border-top: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  #contenedor-encabezado{
     /*height: 100px !important;*/
  }
}
/*****************************************/
@media (min-width: 320px) {
  .titulo_no {
    font-size: 14px;
  }
  .titulo_no1 {
    font-size: 12px;
  }
  .eleccion_p {
    position: relative;
    left: 27px;
  }
  #app_365 {
    display: none;
  }
  #app_3651 {
    display: none;
  }
  /* .agrandar_movil {
    height: 107% !important;
    background: #f5f5f5;
  } */
  #contenedor-encabezado {
    padding: 0px !important;
    /*height: 80px !important;*/
    padding-top: 12px !important;
  }

  .navbar {
    margin-bottom: 0px;
  }

  #fila-encabezado {
    height: 100%;
    padding-bottom: 12px;
    margin-top: 42px;
  }

  #contenido-encabezado {
    padding-left: 0px;
    padding-right: 0px;
    height: 100%;
  }

  #fila-contenido-encabezado {
    margin-left: 0px;
    margin-right: 0px;
    height: 100%;
    /*border-left: 1px solid #000;
        border-right: 1px solid #000;*/
  }

  #contenedor-logo {
    z-index: 1;
 
  }

  .navbar-header {
    padding-left: 0px !important;
    padding-right: 0px !important;
    height: 100%;
  }

  .navbar-brand {
    padding: 0px;
    cursor: pointer;
    width: 100%;
    height: 100% !important;
    padding: 0px !important;
  }

  .navbar-brand > img {
    margin-left: 17px;
    /*width: 100%;*/
    height: 100%;
  }

  .navbar-toggle {
    margin-top: 19px;
  }

  #div-btn-menu {
    padding-top: 7px;
  }

  #busca2 {
    display: inline-block;
    position: absolute;
    top: 18px;
    left: 52px;
    width: 78.33%;
    z-index: 1;
  }

  #bs-example-navbar-collapse-1 {
    border-top: none;
    top: 15px;
  }

  #menu1 {
    background: #fff;
    margin-top: 0px;
    width: 100%;
    border: 1px solid #01b1d7;
    border-top: none;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    left: 16px;
  }

  #menu2 {
    display: none;
    background-image: url("http://www.ticketfacil.ec/img_B/<?php echo $imagenBarras;?>");
    background-repeat: no-repeat;
    background-size: cover;
    height: 35px;
  }

  #menu-usuario > ul,
  #menu-usuario > ul > #lOut > li,
  #menu-usuario > #lOut > ul > #lOut > li > a {
    height: 100%;
  }

  #menu-usuario > ul > #lOut > li {
    display: inline-block;
  }

  #menu2 ul li a {
    display: block;
  }

  #menu-usuario {
    height: 100%;
  }
   #contenedor-encabezado {
    padding: 0px !important;
    /*height: 148px !important;*/
    padding-top: 12px !important;
  }
}

@media (min-width: 375px) {
  .titulo_no {
    font-size: 14px;
  }
  .titulo_no1 {
    font-size: 12px;
  }
  .eleccion_p {
    position: relative;
    left: 27px;
  }
  .men_princ1 {
    background-color: #01b1d7;
    height: 60px;
  }
  /* .agrandar_movil {
    height: 120% !important;
    background: #f5f5f5;
  } */
  #item-css {
    margin-bottom: -2px;
  }
  #app_365 {
    display: none;
  }
  #app_3651 {
    display: none;
  }
}
/*****************************************/
@media (min-width: 768px) {
  .titulo_no {
    font-size: 12px;
  }
  .eleccion_p {
    position: relative;
    left: 27px;
  }
  /*#lOut{
        margin-top: -20px;
    }*/
  .car_mov {
    display: block !important;
  }
  .movil_car {
    display: none !important;
  }
  #logo_365ap {
    max-width: 47px;
    position: relative;
    right: 10px;
    top: 28px;
  }
  #app_3651 {
    width: 10%;
  }
  #t1 {
    font-size: 10px;
    position: relative;
    margin-top: 26px;
    left: 13px;
  }
  #t2 {
    font-size: 8px;
    text-align: justify;
    color: black !important;
  }
  #t3 {
    font-size: 7px;
  }
  #t4 {
    font-size: 7px;
  }
  #t5 {
    font-size: 7px;
  }
  .banner_movil_app {
    display: none;
  }
  .widthAuto {
    width: 20%;
  }
  .navbar {
    margin-bottom: 20px;
  }

  .navbar-brand > img {
    margin-left: -4px;
    width: 100%;
  }

  #div-btn-menu {
    display: none !important;
  }

  #bs-example-navbar-collapse-1 {
    width: 100%;
    height: 100% !important;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    top: 0px;
  }

  #menu1 {
    font-size: 12px;
    /*background: transparent;*/
    border: none;
    float: right;
    width: 100%;
    height: 100%;
  }

  #menu1 > li {
    height: 100%;
  }

  #menu1 > li > a {
    height: 100%;
    padding-top: 25px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
  }

  #menu2 {
    height: 17px;
  }

  #home {
    width: 10%;
  }

  #eventos {
    width: 16%;
  }

  #nosotros {
    width: 17%;
  }

  #puntos_venta {
    width: 27%;
  }

  #busqueda {
    width: 15%;
    padding-top: 17px;
  }

  #busca {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
  }

  #menu2 {
    /*display: block; 
        background: #ccc;*/
    margin-top: 80px;
  }

  #menu-usuario {
    padding-left: 0px;
    padding-right: 0px;
    z-index: 1;
  }

  #menu-usuario > ul {
    font-size: 12px;
    float: right;
    margin-right: 2px;
  }

  #menu-usuario > ul > #lOut > li {
    display: inline-block;
  }

  #menu-usu:visited,
  #menu-usu:active,
  #menu-usu:hover,
  #menu-usu:focus {
    color: #01b3d5 !important;
    text-decoration: none !important;
  }

  #sub-menu-menu-usu {
    top: 14px;
    left: -3px;
    width: auto;
    z-index: 1000;
  }
  #fila-encabezado {
    margin-top: 0px;
  }
}
/*****************************************/
@media (min-width: 992px) {
  /* .agrandar_movil {
    height: 107% !important;
    background: transparent;
  } */
  .titulo_no {
    color: black !important;
  }
  #menu2 {
    display: block;
  }
  .car_mov {
    display: block !important;
  }
  .movil_car {
    display: none !important;
  }
  #logo_365ap {
    max-width: 56px;
    position: relative;
    right: 8px;
    top: 26px;
  }
  #t1 {
    font-size: 11px;
    position: relative;
    top: 7px;
    left: 24px;
  }
  #t2 {
    font-size: 10px;
    text-align: justify;
    color: black !important;
  }
  #t3 {
    font-size: 12px;
  }
  #t4 {
    font-size: 12px;
  }
  #t5 {
    font-size: 12px;
  }
  #app_365 {
    width: 28%;
    position: relative;
    top: -9px;
    display: block;
  }
  #app_3651 {
    display: block;
  }
  .banner_movil_app {
    display: none;
  }
  #fila-encabezado {
    margin-top: 0px;
  }
  #contenedor-encabezado {
    box-shadow: 0px 0px 0px 0px !important;
  }

  #fila-contenido-encabezado {
    margin: 0px;
  }

  /*#bs-example-navbar-collapse-1{
        width: 75%;
        position: static;
    }*/

  #menu1 {
    font-size: 15px;
  }

  #home {
    width: 9%;
  }

  #eventos {
    width: 17%;
  }

  #nosotros {
    width: 14%;
  }

  #puntos_venta {
    width: 26%;
  }

  #busqueda {
    width: 17%;
  }

  #menu2 > ul {
    font-size: 15px;
  }
  #contenedorCuerpoPagina {
    margin-top: 104px;
  }
   #contenedor-encabezado {
    padding: 0px !important;
    height: 80px !important;
    padding-top: 12px !important;
  }
}
/*****************************************/
@media (min-width: 1200px) {
  .titulo_no {
    color: black !important;
  }
  #menu2 {
    display: block;
  }
  .car_mov {
    display: block !important;
  }
  .movil_car {
    display: none !important;
  }
  #logo_365ap {
    max-width: 89px;
    position: relative;
    right: 18px;
    top: 19px;
  }
  #t1 {
    font-size: 13px;
    position: relative;
    margin-top: 7px;
    left: 24px;
  }
  #t2 {
    font-size: 10px;
    text-align: justify;
    color: black !important;
  }
  #t3 {
    font-size: 12px;
  }
  #t4 {
    font-size: 12px;
  }
  #t5 {
    font-size: 12px;
  }
  #bs-example-navbar-collapse-1 {
    margin-bottom: 8px;
  }
  .banner_movil_app {
    display: none;
  }
  #fila-encabezado {
    margin-top: 0px;
  }
  #app_365 {
    width: 28%;
    position: relative;
    top: 11px;
    display: block;
  }
  #app_3651 {
    display: block;
  }
  #contenedorCuerpoPagina {
    margin-top: 104px;
  }
  #contenedor-encabezado {
    padding: 0px !important;
    height: 80px !important;
    padding-top: 12px !important;
  }
}

/*****************************************/
@media (min-width: 1440px) {
  .titulo_no {
    color: black !important;
  }
  #menu2 {
    display: block;
  }
  .car_mov {
    display: block !important;
  }
  .movil_car {
    display: none !important;
  }

  #logo_365ap {
    max-width: 56px;
    position: relative;
    right: 18px;
    top: 19px;
  }
  #t1 {
    font-size: 12px;
    position: relative;
    top: 7px;
    left: 24px;
  }
  #t2 {
    font-size: 10px;
    text-align: justify;
    color: black !important;
  }

  #menu-eventos {
    /* top: 127%; */
    top: 100%; 
    left: 0;
     z-index: 2;
  }
  #menu-nosotros {
    /* top: 127%; */
    top: 100%; 
    left: 0;
     z-index: 2;
  }
  .navbar-brand > img {
    margin-left: -6px;
  }
  #t3 {
    font-size: 12px;
  }
  #t4 {
    font-size: 12px;
  }
  #t5 {
    font-size: 12px;
  }

  #menu1 {
    margin-left: 319px;
  }
  .banner_movil_app {
    display: none;
  }
  #fila-encabezado {
    margin-top: 0px;
  }
  #app_365 {
    width: 28%;
    position: relative;
    top: 11px;
    display: block;
  }
  #app_3651 {
    display: block;
  }
  #contenedorCuerpoPagina {
    margin-top: 104px;
  }
   #contenedor-encabezado {
    padding: 0px !important;
    height: 80px !important;
    padding-top: 12px !important;
  }
}
/*****************************************/
.contenedor_c {
  margin-top: -7px;
}
.titulo_app {
  position: relative;
  left: 5px;
}
.mensaje_app {
  text-align: justify;
  font-size: 10px;
  position: relative;
  left: 16px;
  color: black !important;
  margin-top: -6px;
}
.mov_boton {
  border-radius: 25px !important;
  height: 17px;
  background: #00aeef !important;
  border-color: #00aeef !important;
  position: relative;
  left: 14px;
  margin-top: -7px;
  font-size: 10px !important;
  width: 35%;
}
.banner_movil_app {
  background-color: #ddd;
  width: 425px !important;
  margin-top: -13px;
  height: 59px;
}
.img1 {
  max-width: 42px;
  position: relative;
  right: 8px;
  margin-top: 6px;
}
.img2 {
  max-width: 79px;
  position: relative;
  right: 46px;
  top: 12px;
}

/* =====================================================
   TICKETSTAR365 FIX v17 - NO mover diseño móvil bueno
   Mantiene el input móvil bonito de v15 y corrige:
   1) Menú lateral visible sobre el overlay
   2) Vista web limpia sin menú móvil suelto
   3) Login/crear cuenta alineado y clickeable
   4) Número del carrito dentro de la cesta
   ===================================================== */

/* Base: el menú móvil nunca debe aparecer en web */
@media (min-width: 768px){
  #mobile-menu-shell,
  #con_del,
  .navbar-header > .row > #contenedor-logo.col-xs-2:first-child,
  .movil_car{
    display: none !important;
    visibility: hidden !important;
  }

  .navbar-header > .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 86px !important;
  }

  #contenedor-logo.ccc189{
    display: flex !important;
    visibility: visible !important;
    width: 100% !important;
    height: 86px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 !important;
  }

  #contenedor-logo.ccc189 .navbar-brand{
    display: flex !important;
    align-items: center !important;
    height: 86px !important;
  }

  #contenedor-logo.ccc189 img,
  .img_e_m{
    max-height: 58px !important;
    max-width: 180px !important;
    width: auto !important;
    margin: 0 !important;
    position: static !important;
  }

  #menu2{
    height: 22px !important;
    margin-top: 86px !important;
    z-index: 1040 !important;
    pointer-events: auto !important;
  }

  #menu-usuario{
    width: 100% !important;
    text-align: right !important;
    padding-right: 105px !important;
    pointer-events: auto !important;
  }

  #menu-usuario #lOut{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    height: 22px !important;
    pointer-events: auto !important;
  }

  #li-login,
  #li-crear,
  #li-login a,
  #li-crear a,
  #li-login label,
  #li-crear label{
    pointer-events: auto !important;
    cursor: pointer !important;
  }

  #li-login a,
  #li-crear a{
    position: relative !important;
    z-index: 1045 !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 22px !important;
    line-height: 22px !important;
  }

  /* Carrito desktop: burbuja dentro de la cesta */
  .contenedor_wb .con_n{
    top: 3px !important;
    right: 7px !important;
  }
}

/* Mobile: conservar layout v15, solo arreglar menú y overlay */
@media (max-width: 767px){
  #mobile-menu-shell{
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    z-index: 100003 !important;
    overflow: visible !important;
  }

  #con_del{
    display: block !important;
    visibility: visible !important;
    position: fixed !important;
    top: 0 !important;
    left: -86% !important;
    width: 82% !important;
    max-width: 330px !important;
    height: 100vh !important;
    background: #fff !important;
    z-index: 100004 !important;
    overflow-y: auto !important;
    box-shadow: 18px 0 45px rgba(15,23,42,.28) !important;
    border-right: 1px solid rgba(15,23,42,.08) !important;
    opacity: 1 !important;
  }

  body.ts-menu-open:before{
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(15,23,42,.45) !important;
    z-index: 100000 !important;
    pointer-events: auto !important;
  }

  body.ts-menu-open #contenedor-logo.col-xs-2:first-child,
  body.ts-menu-open #mobile-menu-shell,
  body.ts-menu-open #con_del{
    z-index: 100004 !important;
  }

  /* Carrito móvil: número dentro de la cesta */
  .movil_car .con_m,
  .contenedor_ml .con_m{
    top: 5px !important;
    right: 8px !important;
  }

  /* Evita que Bootstrap cambie la posición del menú */
  #con_del.navbar-collapse,
  #con_del.collapse{
    height: 100vh !important;
  }
}

/* =====================================================
   FIX v19 - ajuste puntual solicitado
   - NO mueve el header móvil que quedó bien
   - Corrige menú lateral sin opacar el panel
   - Centra el número dentro del círculo del carrito
   - Oculta elementos móviles sueltos en vista web
   ===================================================== */

/* WEB: quitar cualquier resto móvil/cuadrito suelto */
@media (min-width: 768px){
  #mobile-search-shell,
  #mobile-menu-shell,
  #con_del,
  .navbar-header > .row > #contenedor-logo.col-xs-2:first-child,
  .navbar-header > .row > #div-btn-menu.col-visible-xs,
  .movil_car{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
  }

  #menu2{
    height:22px !important;
    margin-top:86px !important;
    position:relative !important;
    z-index:1040 !important;
  }

  #menu-usuario{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    padding-right:120px !important;
    height:22px !important;
  }

  #menu-usuario #lOut,
  #menu-usuario #lOut li,
  #menu-usuario #lOut li a{
    height:22px !important;
    line-height:22px !important;
    display:inline-flex !important;
    align-items:center !important;
  }

  #li-login a,
  #li-crear a,
  #li-login label,
  #li-crear label{
    cursor:pointer !important;
    pointer-events:auto !important;
    position:relative !important;
    z-index:1050 !important;
  }

  .contenedor_wb{
    position:relative !important;
    width:54px !important;
    height:54px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .contenedor_wb img{
    width:38px !important;
    max-width:38px !important;
    height:auto !important;
  }

  .contenedor_wb .con_n{
    position:absolute !important;
    top:3px !important;
    right:6px !important;
    margin:0 !important;
    padding:0 !important;
    width:18px !important;
    height:18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#fff !important;
    border:1px solid #01b1d7 !important;
    border-radius:50% !important;
    z-index:5 !important;
  }

  .contenedor_wb .can_ac,
  .contenedor_wb .blue{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    min-height:16px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:16px !important;
    font-size:10px !important;
    font-weight:800 !important;
    text-align:center !important;
    color:#01a9d6 !important;
  }
}

/* MÓVIL: conservar diseño bueno y arreglar SOLO menú/carrito */
@media (max-width: 767px){
  /* No oscurecer toda la página encima del menú */
  body.ts-menu-open:before{
    display:none !important;
    content:none !important;
  }

  body.ts-menu-open #contenedorCuerpoPagina{
    pointer-events:auto !important;
  }

  #mobile-menu-shell{
    display:block !important;
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    width:0 !important;
    height:0 !important;
    z-index:2147483000 !important;
    overflow:visible !important;
    pointer-events:none !important;
  }

  #con_del{
    display:block !important;
    visibility:visible !important;
    position:fixed !important;
    top:0 !important;
    left:-86% !important;
    width:82% !important;
    max-width:330px !important;
    height:100vh !important;
    background:#fff !important;
    z-index:2147483001 !important;
    opacity:1 !important;
    overflow-y:auto !important;
    box-shadow:18px 0 45px rgba(15,23,42,.22) !important;
    border-right:1px solid rgba(15,23,42,.08) !important;
    pointer-events:auto !important;
  }

  body.ts-menu-open #con_del{
    left:0 !important;
    opacity:1 !important;
    background:#fff !important;
  }

  #con_del,
  #con_del *{
    opacity:1 !important;
    filter:none !important;
  }

  #con_del ul{
    background:#fff !important;
  }

  #con_del li{
    background:#fff !important;
    border-bottom:1px solid #edf0f4 !important;
  }

  #con_del .men_princ1{
    background:linear-gradient(90deg,#ff7900,#00afd7) !important;
    color:#fff !important;
    height:62px !important;
  }

  #con_del .delete_open{
    color:#fff !important;
    background:rgba(255,255,255,.18) !important;
    border-radius:12px !important;
    width:36px !important;
    height:36px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  /* Número del carrito centrado dentro del círculo */
  .movil_car .contenedor_ml{
    position:relative !important;
    width:58px !important;
    height:58px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .movil_car .contenedor_ml img{
    width:38px !important;
    max-width:38px !important;
    height:auto !important;
  }

  .movil_car .con_m,
  .contenedor_ml .con_m{
    position:absolute !important;
    top:5px !important;
    right:7px !important;
    margin:0 !important;
    padding:0 !important;
    width:18px !important;
    height:18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#fff !important;
    border:1px solid #01b1d7 !important;
    border-radius:50% !important;
    z-index:6 !important;
  }

  .movil_car .can_ac,
  .movil_car .blue,
  .contenedor_ml .can_ac,
  .contenedor_ml .blue{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    min-height:16px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:16px !important;
    font-size:10px !important;
    font-weight:800 !important;
    text-align:center !important;
    color:#01a9d6 !important;
  }
}

/* =====================================================
   Ticketstar365 v20 - Ajuste puntual solicitado
   NO cambia el header móvil que ya quedó bien.
   - Limpia manchas/gradiente extraño del menú lateral
   - Alinea Iniciar sesión / Crear cuenta hacia la izquierda en web
   - Centra el número dentro del círculo del carrito
   ===================================================== */

/* WEB: mover login/crear cuenta hacia la izquierda para que quede antes del carrito */
@media (min-width: 768px){
  #menu2{
    height:22px !important;
    margin-top:86px !important;
    position:relative !important;
    z-index:1040 !important;
  }

  #menu-usuario{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    padding-right:165px !important;
    height:22px !important;
  }

  #menu-usuario #lOut,
  #menu-usuario #lOut ul{
    margin:0 !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    height:22px !important;
  }

  #li-login,
  #li-crear{
    display:inline-flex !important;
    align-items:center !important;
    height:22px !important;
    line-height:22px !important;
  }

  #li-login a,
  #li-crear a,
  #li-login label,
  #li-crear label{
    height:22px !important;
    line-height:22px !important;
    display:inline-flex !important;
    align-items:center !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    position:relative !important;
    z-index:1050 !important;
  }

  /* carrito web: círculo y número centrados */
  .contenedor_wb{
    position:relative !important;
    width:56px !important;
    height:56px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .contenedor_wb img{
    width:38px !important;
    max-width:38px !important;
    height:auto !important;
  }

  .contenedor_wb .con_n{
    position:absolute !important;
    top:3px !important;
    right:6px !important;
    width:19px !important;
    height:19px !important;
    min-width:19px !important;
    min-height:19px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    line-height:19px !important;
    background:#fff !important;
    border:1px solid #01b1d7 !important;
    border-radius:50% !important;
    box-sizing:border-box !important;
    z-index:9 !important;
  }

  .contenedor_wb .con_n *,
  .contenedor_wb .can_ac,
  .contenedor_wb .blue{
    width:17px !important;
    height:17px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    line-height:17px !important;
    font-size:10px !important;
    font-weight:800 !important;
    color:#01a9d6 !important;
  }
}

/* MÓVIL: menú lateral limpio, sin manchas raras arriba */
@media (max-width: 767px){
  #con_del{
    background:#fff !important;
    opacity:1 !important;
    filter:none !important;
    box-shadow:18px 0 45px rgba(15,23,42,.22) !important;
  }

  #con_del,
  #con_del *{
    filter:none !important;
    opacity:1 !important;
    text-shadow:none !important;
  }

  /* cabecera del menú: limpia, sin degradado ni cuadros raros */
  #con_del .men_princ1{
    background:#fff !important;
    background-image:none !important;
    color:#111827 !important;
    height:62px !important;
    min-height:62px !important;
    border-bottom:1px solid #eef2f7 !important;
    box-shadow:none !important;
  }

  #con_del .men_princ1 *{
    background:transparent !important;
    background-image:none !important;
    color:#111827 !important;
    box-shadow:none !important;
  }

  #con_del #ttitulo_partif,
  #con_del .men_princ1 label,
  #con_del .men_princ1 span{
    color:#111827 !important;
    font-weight:700 !important;
    opacity:1 !important;
  }

  #con_del .delete_open{
    background:#f8fafc !important;
    background-image:none !important;
    border:1px solid #e5e7eb !important;
    color:#111827 !important;
    width:38px !important;
    height:38px !important;
    border-radius:12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:none !important;
  }

  #con_del .delete_open *,
  #con_del .delete_open i,
  #con_del .delete_open span{
    color:#111827 !important;
    background:transparent !important;
  }

  #con_del ul,
  #con_del li{
    background:#fff !important;
    background-image:none !important;
  }

  #con_del li{
    border-bottom:1px solid #eef2f7 !important;
  }

  #con_del li > a{
    background:#fff !important;
    background-image:none !important;
    color:#111827 !important;
  }

  #con_del label,
  #con_del a,
  #con_del .titulo_no,
  #con_del .titulo_no1{
    color:#111827 !important;
    font-weight:800 !important;
  }

  #con_del .fa{
    color:#00a9d6 !important;
  }

  /* carrito móvil: número centrado dentro del círculo */
  .movil_car .contenedor_ml{
    position:relative !important;
    width:58px !important;
    height:58px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .movil_car .con_m,
  .contenedor_ml .con_m{
    position:absolute !important;
    top:4px !important;
    right:7px !important;
    width:19px !important;
    height:19px !important;
    min-width:19px !important;
    min-height:19px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    line-height:19px !important;
    border-radius:50% !important;
    border:1px solid #01b1d7 !important;
    background:#fff !important;
    box-sizing:border-box !important;
    z-index:10 !important;
  }

  .movil_car .con_m *,
  .movil_car .can_ac,
  .movil_car .blue,
  .contenedor_ml .can_ac,
  .contenedor_ml .blue{
    width:17px !important;
    height:17px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    line-height:17px !important;
    font-size:10px !important;
    font-weight:800 !important;
    color:#01a9d6 !important;
  }
}

/* =====================================================
   Ticketstar365 v21 - FIX LIMPIO PUNTUAL
   - Limpia cabecera del menú móvil, sin manchas ni cuadros raros
   - Mantiene el layout móvil que ya quedó bien
   - Centra el número del carrito dentro del círculo
   - Mantiene login/crear cuenta más alineado hacia el carrito en web
   ===================================================== */

@media (min-width: 768px){
  /* Alineación barra login / crear cuenta */
  #menu2{
    height:22px !important;
    margin-top:86px !important;
    position:relative !important;
    z-index:1040 !important;
  }
  #menu-usuario{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    height:22px !important;
    padding-right:160px !important;
    pointer-events:auto !important;
  }
  #menu-usuario #lOut,
  #menu-usuario #lOut ul,
  #li-login,
  #li-crear{
    display:inline-flex !important;
    align-items:center !important;
    height:22px !important;
    line-height:22px !important;
    margin:0 !important;
    padding:0 !important;
  }
  #li-login a,
  #li-crear a,
  #li-login label,
  #li-crear label{
    display:inline-flex !important;
    align-items:center !important;
    height:22px !important;
    line-height:22px !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    position:relative !important;
    z-index:1050 !important;
  }

  /* Carrito desktop: badge centrado dentro del círculo */
  .contenedor_wb{
    position:relative !important;
    width:58px !important;
    height:58px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }
  .contenedor_wb img{
    width:38px !important;
    max-width:38px !important;
    height:auto !important;
    position:static !important;
    margin:0 !important;
  }
  .contenedor_wb .con_n{
    position:absolute !important;
    top:2px !important;
    right:8px !important;
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:20px !important;
    text-align:center !important;
    background:#fff !important;
    border:1px solid #01b1d7 !important;
    border-radius:50% !important;
    box-sizing:border-box !important;
    z-index:20 !important;
  }
  .contenedor_wb .con_n *,
  .contenedor_wb .can_ac,
  .contenedor_wb .blue{
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    line-height:18px !important;
    font-size:10px !important;
    font-weight:800 !important;
    text-align:center !important;
    color:#01a9d6 !important;
  }
}

@media (max-width: 767px){
  /* Menú lateral: panel limpio */
  #mobile-menu-shell{
    display:block !important;
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    width:0 !important;
    height:0 !important;
    overflow:visible !important;
    z-index:2147483000 !important;
    pointer-events:none !important;
  }
  #con_del{
    display:block !important;
    visibility:visible !important;
    position:fixed !important;
    top:0 !important;
    left:-86% !important;
    width:82% !important;
    max-width:330px !important;
    height:100vh !important;
    background:#fff !important;
    background-image:none !important;
    opacity:1 !important;
    filter:none !important;
    overflow-y:auto !important;
    box-shadow:18px 0 45px rgba(15,23,42,.22) !important;
    border-right:1px solid rgba(15,23,42,.08) !important;
    z-index:2147483001 !important;
    pointer-events:auto !important;
  }
  body.ts-menu-open #con_del{ left:0 !important; }
  body.ts-menu-open:before{ display:none !important; content:none !important; }

  #con_del,
  #con_del *,
  #con_del ul,
  #con_del li,
  #con_del a,
  #con_del button,
  #con_del label{
    filter:none !important;
    text-shadow:none !important;
    box-shadow:none !important;
  }
  #con_del ul,
  #con_del li,
  #con_del li > a{
    background:#fff !important;
    background-image:none !important;
  }
  #con_del li{
    border-bottom:1px solid #eef2f7 !important;
  }

  /* Cabecera limpia del menú: elimina manchas/cuadros */
  #con_del .men_princ1,
  #con_del .ts-menu-header-clean{
    height:64px !important;
    min-height:64px !important;
    padding:0 18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    background:#fff !important;
    background-image:none !important;
    border-bottom:1px solid #eef2f7 !important;
    box-shadow:none !important;
  }
  #con_del .ts-menu-title,
  #con_del #ttitulo_partif{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:#111827 !important;
    font-size:17px !important;
    font-weight:800 !important;
    letter-spacing:.02em !important;
    line-height:1 !important;
    text-align:left !important;
    background:transparent !important;
  }
  #con_del .delete_open{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
    border:1px solid #dbeafe !important;
    border-radius:12px !important;
    background:#f8fafc !important;
    color:#111827 !important;
    font-size:28px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-decoration:none !important;
  }

  #con_del label,
  #con_del a,
  #con_del .titulo_no,
  #con_del .titulo_no1{
    color:#111827 !important;
    font-weight:800 !important;
  }
  #con_del .fa,
  #con_del .fa-solid,
  #con_del span[class*="fa-"]{
    color:#00a9d6 !important;
  }

  /* Carrito móvil: cero bien centrado */
  .movil_car .contenedor_ml,
  .contenedor_ml{
    position:relative !important;
    width:58px !important;
    height:58px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }
  .movil_car .contenedor_ml img,
  .contenedor_ml img{
    width:38px !important;
    max-width:38px !important;
    height:auto !important;
    margin:0 !important;
    position:static !important;
  }
  .movil_car .con_m,
  .contenedor_ml .con_m{
    position:absolute !important;
    top:3px !important;
    right:7px !important;
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    line-height:20px !important;
    border-radius:50% !important;
    border:1px solid #01b1d7 !important;
    background:#fff !important;
    box-sizing:border-box !important;
    z-index:20 !important;
  }
  .movil_car .con_m *,
  .movil_car .can_ac,
  .movil_car .blue,
  .contenedor_ml .can_ac,
  .contenedor_ml .blue{
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    line-height:18px !important;
    font-size:10px !important;
    font-weight:800 !important;
    text-align:center !important;
    color:#01a9d6 !important;
  }
}


/* =========================================================
   V25 - AJUSTES PUNTUALES SOLICITADOS
   Base: v24 que estaba funcionando mejor.
   NO cambia estructura móvil; solo pule tamaños, carrito y login web.
========================================================= */

/* 1) MENÚ MÓVIL: letras más pequeñas y limpias */
@media (max-width: 767px){
    #con_del label,
    #con_del a,
    #con_del .titulo_no,
    #con_del .titulo_no1{
        font-size:15px !important;
        font-weight:600 !important;
        line-height:1.25 !important;
        letter-spacing:0 !important;
        text-transform:none !important;
    }

    #con_del ul ul li a,
    #con_del ul ul li label,
    #con_del ul.user-menu li a,
    #con_del ul.user-menu li label{
        font-size:13px !important;
        font-weight:600 !important;
        line-height:1.25 !important;
    }
}

/* 2) WEB: alinear INICIAR SESIÓN / CREAR CUENTA antes del carrito */
@media (min-width: 768px){
    #menu2{
        pointer-events:none !important;
    }

    #menu-usuario{
        width:100% !important;
        max-width:100% !important;
        text-align:right !important;
        padding-right:155px !important;
        pointer-events:auto !important;
    }

    #menu-usuario ul{
        margin:0 !important;
        padding:0 !important;
        float:none !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
    }

    #menu-usuario #lOut,
    #menu-usuario #lOut li{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        margin:0 !important;
        padding:0 !important;
        list-style:none !important;
    }

    #menu-usuario #lOut li a,
    #menu-usuario #lOut li label{
        font-size:14px !important;
        font-weight:500 !important;
        line-height:22px !important;
        cursor:pointer !important;
    }
}

/* 3) CARRITO: centrar número dentro del círculo, web y móvil */
a.contenedor_wb,
a.contenedor_ml{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
}

a.contenedor_wb .con_n,
a.contenedor_ml .con_m{
    position:absolute !important;
    top:-11px !important;
    right:0px !important;
    width:21px !important;
    height:21px !important;
    min-width:21px !important;
    min-height:21px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:50% !important;
    border:1.8px solid #00aee8 !important;
    background:#fff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
    z-index:20 !important;
}

a.contenedor_wb .con_n .can_ac,
a.contenedor_ml .con_m .can_ac{
    position:static !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    color:#00aee8 !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-align:center !important;
}

/* 4) Buscador: mantenerlo limpio y usable */
#busca,
#busca2{
    outline:none !important;
}

#busca:focus,
#busca2:focus{
    border-color:#00aee8 !important;
    box-shadow:0 0 0 3px rgba(0,174,232,.12) !important;
}





/* =========================================================
   FIX FINAL RESPONSIVE MENU - Ticketstar365
   - Desktop real: 1200px en adelante conserva menú completo.
   - Tablet y móvil: usa el menú móvil actual para evitar que se monte
     sobre el logo. Se mantiene el color actual del menú.
========================================================= */
@media (max-width:1199px){
  /* Contenedor header tipo móvil/tablet */
  #contenedor-encabezado{
    height:130px !important;
    min-height:130px !important;
    padding:0 !important;
    padding-top:0 !important;
    background:#fff !important;
    box-shadow:0 1px 0 rgba(15,23,42,.08) !important;
    z-index:9990 !important;
  }
  #fila-encabezado,
  #contenido-encabezado,
  #fila-contenido-encabezado,
  .navbar-header{
    width:100% !important;
    max-width:100% !important;
    height:130px !important;
    min-height:130px !important;
    margin:0 !important;
    padding:0 !important;
  }
  #fila-encabezado > .col-sm-1{display:none !important;}
  .navbar-header > .row{
    width:100% !important;
    height:130px !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:76px 1fr 76px !important;
    grid-template-rows:78px 52px !important;
    align-items:center !important;
    background:#fff !important;
  }

  /* Oculta menú web que se rompe en tablets */
  .agrandar_movil,
  #bs-example-navbar-collapse-1,
  #menu1,
  #menu2,
  #busqueda,
  #login_web_inline,
  .car_mov{
    display:none !important;
    visibility:hidden !important;
  }

  /* Muestra controles móviles también en tablet */
  .navbar-header > .row > #contenedor-logo.col-xs-2:first-child{
    display:flex !important;
    visibility:visible !important;
    grid-column:1 !important;
    grid-row:1 !important;
    width:76px !important;
    height:78px !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
    z-index:10010 !important;
  }
  #contenedor-logo.ccc189{
    display:flex !important;
    visibility:visible !important;
    grid-column:2 !important;
    grid-row:1 !important;
    width:100% !important;
    height:78px !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
    z-index:10000 !important;
  }
  #contenedor-logo.ccc189 .navbar-brand{
    width:auto !important;
    height:78px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
  }
  #contenedor-logo.ccc189 img,
  .img_e_m{
    width:auto !important;
    max-width:190px !important;
    max-height:58px !important;
    margin:0 auto !important;
    position:static !important;
    display:block !important;
  }
  .movil_car{
    display:flex !important;
    visibility:visible !important;
    grid-column:3 !important;
    grid-row:1 !important;
    width:76px !important;
    height:78px !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
    z-index:10000 !important;
  }
  .menu_bar,
  .menu_bar .bt-menu{
    display:flex !important;
    visibility:visible !important;
  }
  .menu_bar .bt-menu{
    width:52px !important;
    height:52px !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid #9ee8f7 !important;
    border-radius:16px !important;
    background:#f8fdff !important;
    color:#02a9d6 !important;
    font-size:26px !important;
    text-decoration:none !important;
    box-shadow:0 8px 18px rgba(1,177,215,.08) !important;
  }

  /* Buscador debajo, como en móvil actual */
  #mobile-search-shell,
  .col-visible-xs#mobile-search-shell{
    display:flex !important;
    visibility:visible !important;
    grid-column:1 / 4 !important;
    grid-row:2 !important;
    width:100% !important;
    height:52px !important;
    padding:0 16px 12px !important;
    align-items:center !important;
    justify-content:center !important;
    z-index:9999 !important;
  }
  #busca2{
    display:block !important;
    width:100% !important;
    max-width:620px !important;
    height:42px !important;
    border-radius:8px !important;
    border:1px solid #d8e1ea !important;
    background:#fff !important;
    padding:0 16px !important;
    font-size:15px !important;
    color:#111827 !important;
    box-shadow:none !important;
  }

  /* Menú lateral: mismo color actual, sin cambiarlo */
  #mobile-menu-shell,
  .col-visible-xs#mobile-menu-shell{
    display:block !important;
    visibility:visible !important;
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    width:0 !important;
    height:0 !important;
    overflow:visible !important;
    z-index:2147483000 !important;
  }
  #con_del{
    display:block !important;
    visibility:visible !important;
    position:fixed !important;
    top:0 !important;
    left:-86% !important;
    width:82% !important;
    max-width:330px !important;
    height:100vh !important;
    background:#fff !important;
    z-index:2147483001 !important;
    overflow-y:auto !important;
    box-shadow:18px 0 45px rgba(15,23,42,.28) !important;
    border-right:1px solid rgba(15,23,42,.08) !important;
    opacity:1 !important;
  }
  body.ts-menu-open #con_del{left:0 !important;}
  body.ts-menu-open:before{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    background:rgba(15,23,42,.45) !important;
    z-index:2147482999 !important;
    pointer-events:auto !important;
  }
  #con_del .men_princ1,
  #con_del .ts-menu-header-clean{
    background:linear-gradient(90deg,#ff7900,#00afd7) !important;
    color:#fff !important;
    min-height:64px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
  }
  #con_del #ttitulo_partif,
  #con_del .ts-menu-title{
    color:#fff !important;
    font-size:15px !important;
    font-weight:800 !important;
    letter-spacing:1px !important;
    margin:0 !important;
  }
  #con_del .delete_open{
    position:absolute !important;
    right:14px !important;
    top:13px !important;
    width:38px !important;
    height:38px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:rgba(255,255,255,.16) !important;
    color:#fff !important;
    border-radius:12px !important;
    font-size:18px !important;
    font-weight:800 !important;
    text-decoration:none !important;
  }
  #con_del li{background:#fff !important;border-bottom:1px solid #edf0f4 !important;}
  #con_del li > a{display:flex !important;align-items:center !important;min-height:58px !important;padding:0 20px !important;}
  #con_del label{margin:0 !important;}

  /* Carrito móvil/tablet */
  .movil_car .contenedor_ml,
  .contenedor_ml{
    position:relative !important;
    width:58px !important;
    height:58px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }
  .movil_car .contenedor_ml img,
  .contenedor_ml img{width:38px !important;max-width:38px !important;height:auto !important;}
  .movil_car .con_m,
  .contenedor_ml .con_m{top:5px !important;right:8px !important;}

  #contenedorCuerpoPagina{margin-top:130px !important;}
}

@media (min-width:1200px){
  /* En escritorio grande vuelve el menú completo normal */
  #mobile-menu-shell,
  #con_del,
  .navbar-header > .row > #contenedor-logo.col-xs-2:first-child,
  .movil_car,
  #mobile-search-shell{display:none !important;visibility:hidden !important;}
}

/* ===== FIX BUSCADOR RESPONSIVE ===== */
@media (max-width: 1199px){

    #mobile-search-shell{
        width:100% !important;
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        padding:0 12px !important;
        margin-top:10px !important;
    }

    #busca2,
    input#busca2.ts365-search-input{
        width:100% !important;
        max-width:100% !important;
        height:44px !important;
        position:relative !important;
        left:auto !important;
        top:auto !important;
        z-index:999 !important;
        pointer-events:auto !important;
        opacity:1 !important;
        visibility:visible !important;
        border-radius:8px !important;
    }
}

/* ===== FIX CONTADOR CARRITO ===== */
#contador_carrito,
.cart-count,
.carrito-count{
    right:-8px !important;
    left:auto !important;
}

/* ===== EVITAR FLICKER MENU ===== */
body{
    overflow-x:hidden !important;
}

.ts-menu{
    transform:translateX(-100%);
}

.ts-menu-open .ts-menu{
    transform:translateX(0);
}

/* =========================================================
   TICKETSTAR365 - HEADER TOMATE + QR PREMIUM
   Cambios solicitados: menú hamburguesa tomate, carrito como QR,
   fondo/sombra premium en web y móvil.
   ========================================================= */
:root{
  --ts365-tomate:#ff5a1f;
  --ts365-tomate-2:#ff7a2f;
  --ts365-tomate-dark:#e44712;
  --ts365-tomate-glow:rgba(255,90,31,.28);
}

/* Fondo bello del header en WEB */
@media (min-width:1200px){
  #contenedor-encabezado.navbar-fixed-top,
  #contenedor-encabezado{
    background:
      radial-gradient(circle at 18% 0%, rgba(255,122,47,.18), transparent 30%),
      radial-gradient(circle at 88% 12%, rgba(255,90,31,.16), transparent 26%),
      linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,247,.96)) !important;
    border:0 !important;
    box-shadow:0 12px 34px rgba(255,90,31,.18), 0 7px 22px rgba(20,20,20,.08) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
  }

  #fila-encabezado,
  #fila-contenido-encabezado{
    background:transparent !important;
  }

  #menu1 > li.car_mov,
  #menu1 > li.car_mov > a.contenedor_wb{
    width:70px !important;
    min-width:70px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}

/* Fondo premium del header en móvil/tablet */
@media (max-width:1199px){
  #contenedor-encabezado.navbar-fixed-top,
  #contenedor-encabezado{
    background:
      radial-gradient(circle at 15% 0%, rgba(255,122,47,.20), transparent 34%),
      radial-gradient(circle at 92% 0%, rgba(255,90,31,.18), transparent 30%),
      linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,247,.97)) !important;
    border:0 !important;
    box-shadow:0 10px 30px rgba(255,90,31,.20), 0 5px 16px rgba(25,25,25,.08) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
  }

  #fila-encabezado,
  #fila-contenido-encabezado{
    background:transparent !important;
  }

  #mobile-menu-shell,
  .navbar-header,
  #mobile-search-shell{
    background:transparent !important;
  }
}

/* Hamburguesa tomate */
.navbar-default .navbar-toggle,
.navbar-toggle{
  border-color:rgba(255,90,31,.26) !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:0 9px 22px rgba(255,90,31,.17) !important;
}
.navbar-default .navbar-toggle .icon-bar,
.navbar-toggle .icon-bar,
button.navbar-toggle span.icon-bar{
  background-color:var(--ts365-tomate) !important;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-toggle:hover,
.navbar-toggle:focus{
  background:#fff7f2 !important;
  border-color:rgba(255,90,31,.44) !important;
}

/* QR que reemplaza el carrito en WEB y MÓVIL */
.ts365-qr-cart-icon{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  border-radius:14px !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  grid-template-rows:1fr 1fr !important;
  gap:4px !important;
  padding:7px !important;
  position:relative !important;
  background:linear-gradient(135deg, var(--ts365-tomate), var(--ts365-tomate-2)) !important;
  box-shadow:0 10px 23px rgba(255,90,31,.28), inset 0 1px 0 rgba(255,255,255,.34) !important;
}
.ts365-qr-cart-icon:before{
  content:"" !important;
  position:absolute !important;
  inset:-5px !important;
  border-radius:18px !important;
  background:rgba(255,90,31,.12) !important;
  z-index:-1 !important;
}
.ts365-qr-cart-icon:after{
  content:"" !important;
  position:absolute !important;
  right:6px !important;
  top:6px !important;
  width:7px !important;
  height:7px !important;
  border-radius:2px !important;
  background:#fff !important;
  opacity:.95 !important;
}
.ts365-qr-cart-icon span{
  display:block !important;
  border-radius:4px !important;
  background:#fff !important;
  box-shadow:inset 0 0 0 2px rgba(255,90,31,.13) !important;
}
.ts365-qr-cart-icon span:nth-child(4){
  border-radius:50% 4px 4px 4px !important;
}

.car_mov .contenedor_wb{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
}
.car_mov .contenedor_wb img[src*="carritoAzul"]{
  display:none !important;
}
.car_mov .con_n{
  position:absolute !important;
  top:-7px !important;
  right:-8px !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:999px !important;
  background:var(--ts365-tomate) !important;
  border:2px solid #fff !important;
  box-shadow:0 5px 13px rgba(255,90,31,.33) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:10 !important;
}
.car_mov .con_n .can_ac,
.car_mov .con_n span,
.car_mov .con_n .blue{
  color:#fff !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:900 !important;
  background:transparent !important;
}

/* Botón de login/buscador con detalle tomate suave para que combine */
#login_web_inline > a,
#busqueda input,
#busca2,
input#busca2.ts365-search-input{
  border-color:rgba(255,90,31,.20) !important;
  box-shadow:0 7px 20px rgba(255,90,31,.08) !important;
}

/* ==========================================================
   AJUSTE FINAL 2 - QR tipo ticket igual referencia jefe
   - Reemplaza el bloque tipo cuadritos por ticket/QR lineal
   - Contador tomate en WEB y MOBILE
   ========================================================== */
:root{
  --ts365-tomate:#ff5a2f;
  --ts365-tomate-2:#ff7a2f;
}

.ts365-qr-cart-icon{
  width:42px !important;
  height:36px !important;
  min-width:42px !important;
  padding:0 !important;
  display:block !important;
  position:relative !important;
  border-radius:11px !important;
  background:#ffffff !important;
  border:3px solid var(--ts365-tomate) !important;
  box-shadow:0 0 0 7px rgba(255,90,47,.10), 0 9px 22px rgba(255,90,47,.32) !important;
  transform:rotate(-9deg) !important;
  overflow:visible !important;
}

/* cortes tipo ticket */
.ts365-qr-cart-icon:before{
  content:"" !important;
  position:absolute !important;
  left:-6px !important;
  top:12px !important;
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#fff !important;
  box-shadow:43px 0 0 #fff !important;
  z-index:3 !important;
}

/* detalle diagonal del ticket */
.ts365-qr-cart-icon:after{
  content:"" !important;
  position:absolute !important;
  right:6px !important;
  top:7px !important;
  width:10px !important;
  height:17px !important;
  border-radius:4px !important;
  border:2px solid var(--ts365-tomate) !important;
  border-left:0 !important;
  transform:skewY(-12deg) !important;
  background:transparent !important;
  opacity:1 !important;
  z-index:2 !important;
}

.ts365-qr-cart-icon span{
  position:absolute !important;
  display:block !important;
  background:var(--ts365-tomate) !important;
  border-radius:2px !important;
  box-shadow:none !important;
  z-index:2 !important;
}
.ts365-qr-cart-icon span:nth-child(1){left:8px !important;top:8px !important;width:7px !important;height:7px !important;}
.ts365-qr-cart-icon span:nth-child(2){left:18px !important;top:8px !important;width:5px !important;height:5px !important;}
.ts365-qr-cart-icon span:nth-child(3){left:8px !important;top:18px !important;width:5px !important;height:5px !important;}
.ts365-qr-cart-icon span:nth-child(4){left:17px !important;top:17px !important;width:10px !important;height:7px !important;border-radius:2px !important;}

/* contador igual a la referencia: tomate, pequeño y pegado arriba */
.car_mov .con_n,
.car_mov .con_m,
.movil_car .con_m,
.contenedor_ml .con_m,
.contenedor_wb .con_n{
  position:absolute !important;
  top:-10px !important;
  right:-11px !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:999px !important;
  background:var(--ts365-tomate) !important;
  border:2px solid #fff !important;
  box-shadow:0 4px 12px rgba(255,90,47,.38) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:99 !important;
  opacity:1 !important;
}
.car_mov .con_n .can_ac,
.car_mov .con_n span,
.car_mov .con_n .blue,
.car_mov .con_m .can_ac,
.car_mov .con_m span,
.car_mov .con_m .blue,
.movil_car .con_m .can_ac,
.movil_car .con_m span,
.movil_car .con_m .blue,
.contenedor_ml .con_m .can_ac,
.contenedor_ml .con_m span,
.contenedor_ml .con_m .blue,
.contenedor_wb .con_n .can_ac,
.contenedor_wb .con_n span,
.contenedor_wb .con_n .blue{
  color:#fff !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:900 !important;
  background:transparent !important;
  text-align:center !important;
}

.car_mov .contenedor_wb,
.movil_car .contenedor_ml,
.contenedor_ml,
a.contenedor_ml,
a.contenedor_wb{
  position:relative !important;
  overflow:visible !important;
}

@media (max-width:767px){
  .ts365-qr-cart-icon{
    width:39px !important;
    height:34px !important;
    min-width:39px !important;
    border-radius:10px !important;
  }
  .ts365-qr-cart-icon:before{top:11px !important;box-shadow:40px 0 0 #fff !important;}
  .ts365-qr-cart-icon:after{right:5px !important;top:6px !important;height:16px !important;}
  .ts365-qr-cart-icon span:nth-child(1){left:7px !important;top:7px !important;}
  .ts365-qr-cart-icon span:nth-child(2){left:17px !important;top:7px !important;}
  .ts365-qr-cart-icon span:nth-child(3){left:7px !important;top:17px !important;}
  .ts365-qr-cart-icon span:nth-child(4){left:16px !important;top:16px !important;}
}

/* ==========================================================
   FIX FINAL V3 - ÍCONO QR/TICKET IGUAL REFERENCIA + TOMATE
   ========================================================== */
:root{--ts365-tomate:#ff5a2f;--ts365-tomate-2:#ff7a2f;--ts365-tomate-soft:rgba(255,90,47,.16);}

/* Hamburguesa tomate, no azul */
#contenedor-encabezado .navbar-toggle,
#contenedor-logo .navbar-toggle,
.navbar-default .navbar-toggle,
.navbar-toggle{
  border:1px solid rgba(255,90,47,.24) !important;
  background:#ffffff !important;
  box-shadow:0 8px 22px rgba(255,90,47,.14) !important;
}
#contenedor-encabezado .navbar-toggle .icon-bar,
#contenedor-logo .navbar-toggle .icon-bar,
.navbar-default .navbar-toggle .icon-bar,
.navbar-toggle .icon-bar,
button.navbar-toggle span.icon-bar{
  background:#ff5a2f !important;
  border-color:#ff5a2f !important;
}

/* Botón blanco y ticket/QR tomate como la referencia */
#contenedor-encabezado .ts365-qr-cart-icon,
.ts365-qr-cart-icon{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  padding:0 !important;
  margin:0 !important;
  display:block !important;
  position:relative !important;
  border-radius:14px !important;
  background:#fff !important;
  border:1px solid rgba(255,90,47,.12) !important;
  box-shadow:0 7px 22px rgba(255,90,47,.20), 0 2px 8px rgba(0,0,0,.06) !important;
  transform:none !important;
  overflow:visible !important;
}

/* cuerpo del ticket naranja */
#contenedor-encabezado .ts365-qr-cart-icon:before,
.ts365-qr-cart-icon:before{
  content:"" !important;
  position:absolute !important;
  left:8px !important;
  top:10px !important;
  width:28px !important;
  height:24px !important;
  border-radius:8px !important;
  background:linear-gradient(135deg,#ff5a2f,#ff7a2f) !important;
  box-shadow:0 6px 13px rgba(255,90,47,.30) !important;
  transform:rotate(-8deg) !important;
  z-index:1 !important;
}

/* agujeros laterales tipo ticket */
#contenedor-encabezado .ts365-qr-cart-icon:after,
.ts365-qr-cart-icon:after{
  content:"" !important;
  position:absolute !important;
  left:7px !important;
  top:19px !important;
  width:5px !important;
  height:5px !important;
  border-radius:50% !important;
  background:#fff !important;
  box-shadow:28px 0 0 #fff !important;
  transform:rotate(-8deg) !important;
  z-index:3 !important;
}

/* cuadritos QR blancos dentro del ticket */
#contenedor-encabezado .ts365-qr-cart-icon > span,
.ts365-qr-cart-icon > span{
  position:absolute !important;
  display:block !important;
  background:#fff !important;
  border-radius:2px !important;
  box-shadow:none !important;
  z-index:2 !important;
  transform:rotate(-8deg) !important;
}
#contenedor-encabezado .ts365-qr-cart-icon > span:nth-child(1),
.ts365-qr-cart-icon > span:nth-child(1){left:15px !important;top:16px !important;width:6px !important;height:6px !important;}
#contenedor-encabezado .ts365-qr-cart-icon > span:nth-child(2),
.ts365-qr-cart-icon > span:nth-child(2){left:24px !important;top:15px !important;width:5px !important;height:5px !important;}
#contenedor-encabezado .ts365-qr-cart-icon > span:nth-child(3),
.ts365-qr-cart-icon > span:nth-child(3){left:15px !important;top:25px !important;width:5px !important;height:5px !important;}
#contenedor-encabezado .ts365-qr-cart-icon > span:nth-child(4),
.ts365-qr-cart-icon > span:nth-child(4){left:24px !important;top:24px !important;width:8px !important;height:6px !important;border-radius:2px !important;}

/* contador TOMATE, encima del ticket */
#contenedor-encabezado h6.con_m,
#contenedor-encabezado h6.con_n,
#contenedor-encabezado .movil_car h6.con_m,
#contenedor-encabezado .car_mov h6.con_n,
#contenedor-encabezado .contenedor_ml h6.con_m,
#contenedor-encabezado .contenedor_wb h6.con_n,
.movil_car h6.con_m,
.car_mov h6.con_n,
.contenedor_ml h6.con_m,
.contenedor_wb h6.con_n{
  position:absolute !important;
  top:1px !important;
  right:2px !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:999px !important;
  background:#ff5a2f !important;
  border:2px solid #fff !important;
  box-shadow:0 4px 12px rgba(255,90,47,.36) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:20 !important;
  opacity:1 !important;
  color:#fff !important;
}
#contenedor-encabezado h6.con_m span,
#contenedor-encabezado h6.con_n span,
#contenedor-encabezado .blue.can_ac,
#contenedor-encabezado .can_ac,
h6.con_m span,
h6.con_n span,
.blue.can_ac,
.can_ac{
  color:#fff !important;
  background:transparent !important;
  font-size:9px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-align:center !important;
  border:0 !important;
}

/* contenedores del ícono */
#contenedor-encabezado .movil_car .contenedor_ml,
#contenedor-encabezado .car_mov .contenedor_wb,
.movil_car .contenedor_ml,
.car_mov .contenedor_wb,
a.contenedor_ml,
a.contenedor_wb{
  position:relative !important;
  overflow:visible !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

@media(max-width:767px){
  #contenedor-encabezado .ts365-qr-cart-icon,
  .ts365-qr-cart-icon{width:44px !important;height:44px !important;min-width:44px !important;}
  #contenedor-encabezado h6.con_m,
  .movil_car h6.con_m,
  .contenedor_ml h6.con_m{top:0 !important;right:1px !important;}
}


/* =====================================================
   TICKETSTAR365 CORRECCION FINAL REAL
   Referencia móvil: hamburguesa tomate + QR limpio + lupa
   Pegar AL FINAL para matar estilos viejos azules/deformados
   ===================================================== */
:root{
  --ts365-tomate:#ff5a2f;
  --ts365-tomate-2:#ff7a2f;
  --ts365-tomate-soft:rgba(255,90,47,.18);
}

/* BOTON MENU: blanco, sombra suave, 3 rayitas tomate REALES */
#contenedor-encabezado .menu_bar,
#contenedor-encabezado .menu_bar *{
  box-sizing:border-box !important;
}
#contenedor-encabezado .menu_bar .bt-menu,
.navbar-header > .row > #contenedor-logo.col-xs-2:first-child .bt-menu,
a.bt-menu{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  padding:0 !important;
  margin:0 !important;
  border:1px solid rgba(255,90,47,.18) !important;
  border-radius:10px !important;
  background:#fff !important;
  color:var(--ts365-tomate) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
  box-shadow:0 8px 22px rgba(255,90,47,.16), 0 2px 7px rgba(15,23,42,.07) !important;
  overflow:hidden !important;
  position:relative !important;
}
#contenedor-encabezado .menu_bar .bt-menu i,
#contenedor-encabezado .bt-menu .fa,
#contenedor-encabezado .bt-menu .fa-bars{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  font-size:0 !important;
  background:transparent !important;
}
#contenedor-encabezado .ts365-menu-lines{
  width:19px !important;
  height:15px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  align-items:stretch !important;
  background:transparent !important;
}
#contenedor-encabezado .ts365-menu-lines span{
  display:block !important;
  height:3px !important;
  width:19px !important;
  border-radius:99px !important;
  background:var(--ts365-tomate) !important;
  box-shadow:none !important;
  opacity:1 !important;
}
/* fallback por si en algún servidor queda el <i class=fa-bars> viejo */
#contenedor-encabezado .menu_bar .bt-menu:before{
  content:"" !important;
  width:19px !important;
  height:3px !important;
  border-radius:99px !important;
  background:var(--ts365-tomate) !important;
  box-shadow:0 6px 0 var(--ts365-tomate), 0 12px 0 var(--ts365-tomate) !important;
  display:block !important;
  position:absolute !important;
  left:50% !important;
  top:12px !important;
  transform:translateX(-50%) !important;
}
#contenedor-encabezado .bt-menu .ts365-menu-lines + *{display:none !important;}

/* QR/CARRITO: eliminar pseudoformas anteriores que deformaban */
#contenedor-encabezado .ts365-qr-cart-icon:before,
#contenedor-encabezado .ts365-qr-cart-icon:after,
.ts365-qr-cart-icon:before,
.ts365-qr-cart-icon:after{
  content:none !important;
  display:none !important;
}
#contenedor-encabezado .ts365-qr-cart-icon > span,
.ts365-qr-cart-icon > span{
  display:none !important;
}
#contenedor-encabezado .movil_car .contenedor_ml,
#contenedor-encabezado .car_mov .contenedor_wb,
.movil_car .contenedor_ml,
.car_mov .contenedor_wb,
a.contenedor_ml,
a.contenedor_wb{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  overflow:visible !important;
  background:transparent !important;
  text-decoration:none !important;
}
#contenedor-encabezado .ts365-qr-cart-icon,
.ts365-qr-cart-icon{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  max-width:42px !important;
  max-height:42px !important;
  padding:0 !important;
  margin:0 !important;
  border:1px solid rgba(255,90,47,.14) !important;
  border-radius:10px !important;
  background:#fff !important;
  color:var(--ts365-tomate) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 8px 22px rgba(255,90,47,.16), 0 2px 7px rgba(15,23,42,.07) !important;
  transform:none !important;
  opacity:1 !important;
  overflow:visible !important;
  position:relative !important;
}
#contenedor-encabezado .ts365-qr-svg,
.ts365-qr-svg{
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  max-width:22px !important;
  max-height:22px !important;
  display:block !important;
  color:var(--ts365-tomate) !important;
  fill:currentColor !important;
  transform:none !important;
}
#contenedor-encabezado .ts365-qr-svg rect,
.ts365-qr-svg rect{
  fill:currentColor !important;
}

/* CONTADOR TOMATE: igual al ejemplo, encima y derecha */
#contenedor-encabezado h6.con_m,
#contenedor-encabezado h6.con_n,
#contenedor-encabezado .movil_car h6.con_m,
#contenedor-encabezado .car_mov h6.con_n,
#contenedor-encabezado .contenedor_ml h6.con_m,
#contenedor-encabezado .contenedor_wb h6.con_n,
.movil_car h6.con_m,
.car_mov h6.con_n,
.contenedor_ml h6.con_m,
.contenedor_wb h6.con_n{
  position:absolute !important;
  top:-7px !important;
  right:-7px !important;
  width:17px !important;
  height:17px !important;
  min-width:17px !important;
  min-height:17px !important;
  max-width:17px !important;
  max-height:17px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:999px !important;
  background:var(--ts365-tomate) !important;
  border:2px solid #fff !important;
  box-shadow:0 4px 12px rgba(255,90,47,.35) !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:99 !important;
  opacity:1 !important;
  line-height:1 !important;
  text-align:center !important;
}
#contenedor-encabezado h6.con_m span,
#contenedor-encabezado h6.con_n span,
#contenedor-encabezado .blue.can_ac,
#contenedor-encabezado .can_ac,
h6.con_m span,
h6.con_n span,
.blue.can_ac,
.can_ac{
  color:#fff !important;
  background:transparent !important;
  border:0 !important;
  font-size:9px !important;
  font-weight:900 !important;
  line-height:1 !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  display:block !important;
  text-align:center !important;
}

/* BUSCADOR MOVIL: lupa tomate y padding correcto */
@media(max-width:767px){
  #contenedor-encabezado #mobile-search-shell{
    position:relative !important;
  }
  #contenedor-encabezado #mobile-search-shell:before{
    content:"" !important;
    position:absolute !important;
    left:24px !important;
    top:50% !important;
    width:12px !important;
    height:12px !important;
    border:2px solid var(--ts365-tomate) !important;
    border-radius:50% !important;
    transform:translateY(-50%) !important;
    z-index:5 !important;
    pointer-events:none !important;
  }
  #contenedor-encabezado #mobile-search-shell:after{
    content:"" !important;
    position:absolute !important;
    left:35px !important;
    top:50% !important;
    width:7px !important;
    height:2px !important;
    background:var(--ts365-tomate) !important;
    border-radius:99px !important;
    transform:translateY(5px) rotate(45deg) !important;
    z-index:5 !important;
    pointer-events:none !important;
  }
  #contenedor-encabezado #busca2,
  #busca2.ts365-search-input{
    padding-left:38px !important;
    border:1px solid rgba(255,90,47,.20) !important;
    box-shadow:0 8px 25px rgba(255,90,47,.08) !important;
  }

  /* tamaño exacto tipo referencia */
  #contenedor-encabezado .menu_bar .bt-menu,
  #contenedor-encabezado .ts365-qr-cart-icon,
  .navbar-header > .row > #contenedor-logo.col-xs-2:first-child .bt-menu{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
  }
  #contenedor-encabezado .movil_car .contenedor_ml,
  .movil_car .contenedor_ml,
  a.contenedor_ml{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
  }
  #contenedor-encabezado .ts365-qr-svg,
  .ts365-qr-svg{
    width:21px !important;
    height:21px !important;
  }
}

/* ==========================================================
   TS365 FIX FINAL ABSOLUTO - TODO TOMATE / SIN AZUL
   Pegar al final. Sobrescribe estilos viejos e inline.
   ========================================================== */
:root{
  --ts365-tomate:#ff5a2f;
  --ts365-tomate-2:#ff7a2f;
  --ts365-tomate-dark:#e94b20;
  --ts365-tomate-soft:rgba(255,90,47,.13);
  --ts365-tomate-border:rgba(255,90,47,.26);
}

/* Menú hamburguesa móvil: 3 rayitas TOMATE */
#contenedor-encabezado .menu_bar .bt-menu,
#contenedor-encabezado a.bt-menu,
.navbar-default .navbar-toggle,
.navbar-toggle{
  background:#fff !important;
  border:1px solid var(--ts365-tomate-border) !important;
  box-shadow:0 8px 24px rgba(255,90,47,.18) !important;
  color:var(--ts365-tomate) !important;
}
#contenedor-encabezado .ts365-menu-lines span,
#contenedor-encabezado .navbar-toggle .icon-bar,
.navbar-default .navbar-toggle .icon-bar,
.navbar-toggle .icon-bar{
  background:var(--ts365-tomate) !important;
  border-color:var(--ts365-tomate) !important;
  color:var(--ts365-tomate) !important;
}
#contenedor-encabezado .bt-menu i,
#contenedor-encabezado .bt-menu .fa,
#contenedor-encabezado .bt-menu .fa-bars{
  color:var(--ts365-tomate) !important;
  background:transparent !important;
}

/* Buscador móvil con lupa TOMATE */
@media(max-width:767px){
  #contenedor-encabezado #mobile-search-shell{position:relative !important;}
  #contenedor-encabezado #mobile-search-shell:before{
    content:"" !important; position:absolute !important; left:24px !important; top:50% !important;
    width:12px !important; height:12px !important; border:2px solid var(--ts365-tomate) !important;
    border-radius:50% !important; transform:translateY(-50%) !important; z-index:10 !important; pointer-events:none !important;
  }
  #contenedor-encabezado #mobile-search-shell:after{
    content:"" !important; position:absolute !important; left:35px !important; top:50% !important;
    width:7px !important; height:2px !important; background:var(--ts365-tomate) !important;
    border-radius:99px !important; transform:translateY(5px) rotate(45deg) !important; z-index:10 !important; pointer-events:none !important;
  }
  #contenedor-encabezado #busca2,
  #contenedor-encabezado input#busca2.ts365-search-input{
    padding-left:42px !important;
    border-color:var(--ts365-tomate-border) !important;
    box-shadow:0 8px 24px rgba(255,90,47,.08) !important;
  }
}

/* QR carrito y contador: posición estable en WEB y móvil */
#contenedor-encabezado .contenedor_wb,
#contenedor-encabezado .contenedor_ml,
#contenedor-encabezado a.contenedor_wb,
#contenedor-encabezado a.contenedor_ml{
  position:relative !important;
  overflow:visible !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#contenedor-encabezado h6.con_n,
#contenedor-encabezado h6.con_m,
#contenedor-encabezado .contenedor_wb h6.con_n,
#contenedor-encabezado .contenedor_ml h6.con_m,
#contenedor-encabezado .car_mov h6.con_n,
#contenedor-encabezado .movil_car h6.con_m{
  position:absolute !important;
  top:-7px !important;
  right:-7px !important;
  left:auto !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  max-width:18px !important;
  max-height:18px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:999px !important;
  background:var(--ts365-tomate) !important;
  border:2px solid #fff !important;
  box-shadow:0 5px 13px rgba(255,90,47,.35) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:9999 !important;
  opacity:1 !important;
  line-height:1 !important;
}
#contenedor-encabezado h6.con_n span,
#contenedor-encabezado h6.con_m span,
#contenedor-encabezado .blue.can_ac,
#contenedor-encabezado .can_ac{
  color:#fff !important;
  background:transparent !important;
  border:0 !important;
  font-size:9px !important;
  font-weight:900 !important;
  line-height:1 !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
}

/* Login web SIN AZUL: iniciar sesión y mi cuenta */
#contenedor-encabezado #login_web_inline > a,
#contenedor-encabezado #li-login > a,
#contenedor-encabezado #li-crear > a,
#contenedor-encabezado #btn-login,
#contenedor-encabezado #btn_login,
#contenedor-encabezado .login-button,
#contenedor-encabezado .iniciar-sesion,
#menu2 #menu-usu,
#menu2 #menu-usu:visited,
#menu2 #menu-usu:active,
#menu2 #menu-usu:focus,
#menu2 #menu-usu:hover,
#ts-user-trigger,
#ts-user-trigger:hover,
#ts-user-dropdown.open #ts-user-trigger,
#ts-user-dropdown.ts-user-open #ts-user-trigger{
  border-color:var(--ts365-tomate-border) !important;
  color:#111827 !important;
  background:#fff !important;
  box-shadow:0 10px 28px rgba(255,90,47,.12) !important;
  text-decoration:none !important;
}
#contenedor-encabezado #login_web_inline > a:hover,
#contenedor-encabezado #li-login > a:hover,
#contenedor-encabezado #li-crear > a:hover,
#contenedor-encabezado #btn-login:hover,
#contenedor-encabezado #btn_login:hover,
#contenedor-encabezado .login-button:hover,
#contenedor-encabezado .iniciar-sesion:hover,
#menu2 #menu-usu:hover,
#ts-user-trigger:hover,
#ts-user-dropdown.open #ts-user-trigger,
#ts-user-dropdown.ts-user-open #ts-user-trigger{
  border-color:var(--ts365-tomate) !important;
  box-shadow:0 14px 32px rgba(255,90,47,.18) !important;
  transform:translateY(-1px) !important;
}
#contenedor-encabezado #login_web_inline i,
#contenedor-encabezado #login_web_inline .fa,
#contenedor-encabezado #li-login i,
#contenedor-encabezado #li-login .fa,
#contenedor-encabezado #li-crear i,
#contenedor-encabezado #li-crear .fa,
#contenedor-encabezado .fa-user,
#contenedor-encabezado .fa-user-circle,
#contenedor-encabezado .fa-sign-in,
#contenedor-encabezado .fa-right-to-bracket,
#menu2 #menu-usu i,
#menu2 #menu-usu .fa,
#menu2 #menu-usu .caret,
#ts-user-trigger .ts-user-arrow,
#ts-user-dropdown:hover #ts-user-trigger .ts-user-arrow,
#ts-user-dropdown.open #ts-user-trigger .ts-user-arrow,
#ts-user-dropdown.ts-user-open #ts-user-trigger .ts-user-arrow{
  color:var(--ts365-tomate) !important;
  border-color:var(--ts365-tomate) !important;
}
.ts-user-avatar,
.ts-user-avatar-big{
  background:linear-gradient(135deg,var(--ts365-tomate),var(--ts365-tomate-2)) !important;
  color:#fff !important;
  box-shadow:0 7px 16px rgba(255,90,47,.24) !important;
}
.ts-user-hi{color:var(--ts365-tomate) !important;}
.ts-user-name{color:#111827 !important;}

/* Dropdown de usuario web: todo lo azul pasa a tomate */
#ts-user-menu,
#sub-menu-menu-usu{
  border-color:var(--ts365-tomate-border) !important;
  box-shadow:0 24px 70px rgba(255,90,47,.16),0 10px 30px rgba(15,23,42,.10) !important;
}
#ts-user-menu:before{
  border-left-color:var(--ts365-tomate-border) !important;
  border-top-color:var(--ts365-tomate-border) !important;
}
#ts-user-menu .ts-user-menu-header{
  background:linear-gradient(135deg,rgba(255,90,47,.14),rgba(255,122,47,.08)) !important;
}
#ts-user-menu li a i,
#ts-user-menu li a .fa,
#ts-user-menu li a .fa-solid,
#sub-menu-menu-usu li a i,
#sub-menu-menu-usu li a .fa,
#sub-menu-menu-usu li a .fa-solid{
  color:var(--ts365-tomate) !important;
}
#ts-user-menu li a:hover,
#sub-menu-menu-usu li a:hover,
#sub-menu-menu-usu li a:focus{
  background:linear-gradient(90deg,rgba(255,90,47,.13),rgba(255,122,47,.08)) !important;
  color:var(--ts365-tomate) !important;
}
#ts-user-menu li a:hover i,
#ts-user-menu li a:hover span,
#sub-menu-menu-usu li a:hover,
#sub-menu-menu-usu li a:hover label{
  color:var(--ts365-tomate) !important;
}
#ts-user-menu .ts-user-logout,
#ts-user-menu .ts-user-logout i{
  color:var(--ts365-tomate-dark) !important;
}
#ts-user-menu .ts-user-logout:hover{
  background:rgba(255,90,47,.10) !important;
  color:var(--ts365-tomate-dark) !important;
}

/* Menú lateral móvil: iconos TOMATE, no azul */
#con_del .fa,
#con_del .fa-solid,
#con_del .fa-regular,
#con_del .fa-brands,
#con_del i,
#con_del span[class*="fa-"],
#con_del button .fa,
#con_del button .fa-solid{
  color:var(--ts365-tomate) !important;
  background:transparent !important;
}
#con_del .men_princ1,
#con_del .ts-menu-header-clean{
  background:linear-gradient(135deg,var(--ts365-tomate),var(--ts365-tomate-2)) !important;
  border:0 !important;
}
#con_del .delete_open{
  background:#fff !important;
  color:var(--ts365-tomate) !important;
  border:1px solid rgba(255,255,255,.75) !important;
  box-shadow:0 8px 20px rgba(255,90,47,.22) !important;
}
#con_del .delete_open:hover,
#con_del li > a:hover,
#con_del button:hover{
  background:rgba(255,90,47,.08) !important;
  color:var(--ts365-tomate) !important;
}
#con_del li > a:hover label,
#con_del button:hover label{
  color:var(--ts365-tomate) !important;
}
#con_del .men_princ1 .ts-menu-title,
#con_del .men_princ1 #ttitulo_partif,
#con_del .men_princ1 span,
#con_del .men_princ1 label{
  color:#fff !important;
}

/* Cualquier resto azul dentro del header/menu se fuerza a tomate */
#contenedor-encabezado [style*="#00aee8"],
#contenedor-encabezado [style*="#00aeef"],
#contenedor-encabezado [style*="#01b1d7"],
#menu2 [style*="#00aee8"],
#menu2 [style*="#00aeef"],
#menu2 [style*="#01b1d7"]{
  color:var(--ts365-tomate) !important;
  border-color:var(--ts365-tomate) !important;
}

/* =========================================================
   TS365 FIX SOLO LUPA BUSCADOR MÓVIL
   No toca QR, menú, tamaños ni colores existentes.
   Solo pone la lupa encima del input y baja el z-index del input.
========================================================= */
@media(max-width:1199px){
  #contenedor-encabezado #mobile-search-shell,
  #mobile-search-shell{
    position:relative !important;
    overflow:visible !important;
  }

  #contenedor-encabezado #mobile-search-shell:before,
  #mobile-search-shell:before{
    content:"" !important;
    position:absolute !important;
    left:28px !important;
    top:50% !important;
    width:12px !important;
    height:12px !important;
    border:2px solid #ff5a2f !important;
    border-radius:50% !important;
    background:transparent !important;
    transform:translateY(-50%) !important;
    z-index:10050 !important;
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
  }

  #contenedor-encabezado #mobile-search-shell:after,
  #mobile-search-shell:after{
    content:"" !important;
    position:absolute !important;
    left:39px !important;
    top:50% !important;
    width:8px !important;
    height:2px !important;
    background:#ff5a2f !important;
    border-radius:99px !important;
    transform:translateY(5px) rotate(45deg) !important;
    z-index:10051 !important;
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
  }

  #contenedor-encabezado #busca2,
  #contenedor-encabezado input#busca2,
  #contenedor-encabezado input#busca2.form-control,
  #contenedor-encabezado input#busca2.ts365-search-input,
  #busca2,
  input#busca2{
    position:relative !important;
    z-index:1 !important;
    padding-left:48px !important;
  }
}