/* ------------------------------------------------------------------ Estilos Responsive | TomaTicket Base --------------------------------------------------------------------- -------------------------------------------------------------------*/ /* ##Device = Desktops ##Screen = 1366px to higher resolution desktops */ @media (min-width: 1366px) { /*Side bar Redes Sociales*/ .sumome-share-client-wrapper {display: none !important;} .sumome-stylebufferbottom-shim {display: none !important;} /*------------------------------------------------------------------ Contenido eventos .destacados, .owl-carousel, .span_1_of_4 -------------------------------------------------------------------*/ /*------------------------------------------------------------------ Contenido interiores No Numerado, Calendario, Numerado, Recintos, etc. -------------------------------------------------------------------*/ /* Eventos recomendados recinto, promotor, etc... */ #recomendadosPromotor #Destacados .span_1_of_4 {width: 31.7% !important;} #recomendadosPromotor #Destacados .recomendado-desktop {padding: 0 !important} } /* ##Device = Desktops ##Screen = 1281px to 1365px */ @media (min-width: 1281px) and (max-width: 1365px){ /*Side bar Redes Sociales*/ .sumome-share-client-wrapper {display: none !important;} .sumome-stylebufferbottom-shim {display: none !important;} /*------------------------------------------------------------------ Contenido eventos .destacados, .owl-carousel, .span_1_of_4 -------------------------------------------------------------------*/ /* Publicadad laterales (CajaSiete) */ .flex-sidebar-first {width: 10%;} .flex-sidebar-first .flex-ad-fixed img {width: 110px;} .flex-sidebar-second {width: 10%;} .flex-sidebar-second .flex-ad-fixed img {width: 110px;} } /* ##Device = Laptops, Desktops ##Screen = B/w 1025px to 1280px */ @media (min-width: 1025px) and (max-width: 1280px) { /*Side bar Redes Sociales*/ .sumome-share-client-wrapper {display: none !important;} .sumome-stylebufferbottom-shim {display: none !important;} /*------------------------------------------------------------------ Header #Cabecera, #Buscador-tomaticket, Slider -------------------------------------------------------------------*/ /* Top bar info*/ .NavSup #CabMenu {width: 74% !important;} .phone-number {color: #404040; margin-top: 20px !important} .Logo img {margin-left: 25px !important;} /* Buscaor Tomaticket */ .search-bar {width: 100% !important;} #Buscador-tomaticket .search {padding: 0 25px;} .ui.fluid.input {flex-direction: row;} #Buscador-tomaticket .search-bar #miBusqueda {width: 100% !important;} select.ui.dropdown {width: 100% !important; padding: 8px 1.7% !important;} #Buscador-tomaticket .search-bar button.btn-filtro {width: 100% !important;} /*------------------------------------------------------------------ Contenido eventos .destacados, .owl-carousel, .span_1_of_4 -------------------------------------------------------------------*/ /* Múltiples fechas */ .fecha .mul-fechas {font-size: 10px;} /* Publicadad laterales (CajaSiete) */ .flex-sidebar-first {width: 8%;} .flex-sidebar-first .flex-ad-fixed img {width: 75px;} .flex-sidebar-second {width: 8%;} .flex-sidebar-second .flex-ad-fixed img {width: 75px;} /*------------------------------------------------------------------ Contenido interiores No Numerado, Calendario, Numerado, Recintos, etc. -------------------------------------------------------------------*/ /* Eventos recomendados recinto, promotor, etc... */ #recomendadosPromotor #Destacados .span_1_of_4 {width: 31.88% !important;} #recomendadosPromotor #Destacados .recomendado-desktop {padding: 0 !important} #Destacados .artist-event-box .span_1_of_4 {width: 31.88% !important;} #Destacados .artist-event-box {padding: 0 !important;} #list-event-container {padding: 25px;} #list-search-event .span_1_of_4 {width: 32% !important;} /*------------------------------------------------------------------ Footer #Newsletter, #patrocinio, #TTFooter -------------------------------------------------------------------*/ /* Title Sorteos */ .module h2.title-event {font-size: 17px !important; line-height: 18px; height: 50px} .module .sorteo-en {font-size: 12px;} .module .date-sorteo {margin-top: 5% !important; font-size: 18px;} .sorteos-content {height: auto;} } /* ##Device = Tablets, Ipads (portrait) ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { /*Side bar Redes Sociales*/ .sumome-share-client-wrapper {display: none !important;} .sumome-stylebufferbottom-shim {display: none !important;} /* Chat Whatsapp */ .hide-on-desktop {top: 89%;} /*------------------------------------------------------------------ Header #Cabecera, #Buscador-tomaticket, Slider -------------------------------------------------------------------*/ /* Top bar info*/ .menuCliente {padding: 0 20px;} .CabMenu {padding: 0 20px; margin-top: 5px;} .phone-number {color: #404040; margin-top: 0px !important} .Logo img {margin-left: 25px !important;} #Cabecera .CabMenu {margin-top:0;} #CabMenu.col_three_fourth {width: 100%;} /* Menú Responsive */ .slicknav_brand {width: 65%;} /* Buscaor Tomaticket */ .search-bar {width: 100% !important;} #Buscador-tomaticket .search {padding: 0 25px;} .ui.fluid.input {flex-direction: row;} #Buscador-tomaticket .search-bar #miBusqueda {width: 41% !important;} select.ui.dropdown {width: 15% !important; padding: 8px 1.7% !important;} #Buscador-tomaticket .search-bar button.btn-filtro {width: 100% !important;} #Buscador-experiences select.ui.dropdown {width: 100%;} /* Menú cliente */ .menuCliente .client-menu-info { text-align: left !important; padding-left: 0%; } /* Selección de idiomas */ .menuCliente .client-menu-info {margin-top: 0px !important;} .col_one_fourth.tt-pickers {margin-right: 1%;} .col_one_fourth.col_icon_language {width: 25%;} .col_three_fourth.col_languages {width: 75%;} .tt-pickers .col_half {width: 53%;} .languagepicker { right: 0; width: 100%; } .languagepicker li { line-height: 14px !important; padding: 3px 14px !important; } .flagpicker li { padding: 1px 10px; line-height: 26px; } .col_container_languages { position: absolute; left: 81px; } .user-login-box { position: relative; top: 5px; } #language_icon { width: 25px; margin: 0px 0; position: relative; top: 10px; } .languagepicker a #language_icon {fill: #ffffff !important;} .languagepicker li:hover #language_icon {fill: #000000 !important;} /*------------------------------------------------------------------ Contenido eventos .destacados, .owl-carousel, .span_1_of_4 -------------------------------------------------------------------*/ /* Texto Múltiples fechas */ .fecha .mul-fechas {font-size: 8px;} /* Evento (Owl Carousel)*/ .owl-item .span_1_of_4 {min-height: 425px!important;} .owl-item .span_1_of_4 {width: 100%!important;} /*Tamaño tipografía Titles*/ .destacados h2 {font-size: 36px !important; line-height: 24px !important;} .destacados p {font-size: 16px; margin-bottom: 10px; margin-top: 10px;} .owl-item .evento .mul-fechas {font-size: 10px !important;margin-top: 0px;margin-bottom: 19px;;} /*Tamaño tipografía información evento*/ .evento h4 {font-size: 18px !important; line-height: 24px !important;} .base-centradas .span_1_of_4 {width: 24%;} .base-centradas .evento .info-experiencia {font-size: 12px !important; line-height: 16px !important;} .owl-item .evento .info-experiencia {font-size: 14px !important; line-height: 18px !important;} #movilCarousel .owl-item .evento .bottommargin-precio {margin-top: 15%;} /* Sorteos */ #Sorteos .sorteos-title h2 {font-size: 36px;} #Sorteos .sorteos-title p {margin-top: 0px;} #Sorteos .container {width: 88%;} .sorteos-on-desktop {display: none;} /* Margin title sorteo */ .module h2.title-event {margin-top: 2% !important;} /* Display Sorteos en Owl Carousel*/ #Sorteos .hidden-lg {display: block !important;} /* Title */ .module h2.title-event {font-size: 17px !important; line-height: 18px;} .module .sorteo-en {font-size: 12px;} .module .date-sorteo {margin-top: 5% !important; font-size: 18px;} .sorteos-content {height: auto;} /* Descubre lugar */ .descubre-lugar .col_four_fifth { width: 100%; margin-right: 0; } .descubre-event-box .span_1_of_4 { width: 31.8% !important; } .descubre-event-box .evento .col_two_third { margin-bottom: 0px !important; width: 64.33%; } .title-style-lugar { text-align: center; line-height: 60px; } .article-link .span_1_of_4 { width: 48% !important; height: 280px !important; } .descubre-articulos .article-link .datos-articulo { max-width: 265px; bottom: 0; } /*------------------------------------------------------------------ Contenido interiores No Numerado, Calendario, Numerado, Recintos, etc. -------------------------------------------------------------------*/ /* Eventos recomendados recinto, promotor, etc... */ #recomendadosPromotor #Destacados .span_1_of_4 {width: 47% !important;} #recomendadosPromotor #Destacados .recomendado-desktop {padding: 0 !important} #Destacados .recomendado-recinto .span_1_of_4 {width: 47% !important;} #Destacados .recomendado-recinto {padding: 0 !important;} #list-event-container {padding: 25px;} #list-search-event .span_1_of_4 {width: 32% !important;} /* Cliente */ /* - Registro - */ .br-break {display: block;} .inner-form-pad select#TipoDoc {width: 83px;} .col_doc {width: 71%;} .col_doc .col_half {width: 35%;} .col_doc .col_last {width: 60%;} .col_sexo {width: 25%;} .col_nacimiento {width: 69%;} .col_cp {width: 27%;} /* recomendados promotores */ #recomendadosPromotor #Destacados .evento {height: 148px;} #recomendadosPromotor #Destacados .evento h4 { font-size: 16px; line-height: 18px; } #recomendadosPromotor #Destacados .bottommargin-precio {margin-top: 24px;} /*------------------------------------------------------------------ Footer #Newsletter, #patrocinio, #TTFooter -------------------------------------------------------------------*/ /* Newsletter */ /* Tamaño container */ #Newsletter .container {width: 88%;} /* Titles */ #Newsletter .newsletter-title h4 {margin-top: 25px; line-height: 40px;} #Newsletter .newsletter-title h4 {font-size: 40px;} #Newsletter .newsletter-icon {margin-top: 65%;} #Newsletter .text-right {text-align: center !important;} #Newsletter .input-group .form-control {width: 53%;} .input-group .form-control {width: 96%;} .form-control {padding: 6px 2%;} #Newsletter .btn-news {width: 100%;} /* Footer Menú */ .widget > h4 {font-size: 13px; letter-spacing: 0px; line-height: 17px;} #Newsletter .newsletter-icon { top: -8px !important; } } /* ##Device = Tablets, Ipads (landscape) ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { /*Side bar Redes Sociales*/ .sumome-share-client-wrapper {display: none !important;} .sumome-stylebufferbottom-shim {display: none !important;} .flex-wrapper .flex-main {width: 100%; max-width: 100%;} /* Chat Whatsapp */ .hide-on-desktop {top: 80%; right: 20px;} /*------------------------------------------------------------------ Header #Cabecera, #Buscador-tomaticket, Slider -------------------------------------------------------------------*/ /* Top bar */ .menuCliente {padding: 0;} .client-menu-info {margin-right: 20px !important;} .CabMenu {padding: 0 20px;} .CabMenu .one_fifth {width: 75.2%;} .CabMenu .wsp-icon img {width: 63px;} .CabMenu .wsp-icon span {top: -7px;} .CabMenu .wsp-icon .hide-on-desktop {color: #404040;} .CabMenu p {margin: 0px;} .CabMenu {margin-top: 25px;} .Logo img {padding: 0 25px;} .Logo img:hover {padding: 0 25px;} .phone-number {color: #404040;} .search-bar input {width: 75% !important;} /* Buscaor Tomaticket */ .ui.fluid.input {flex-direction: row;} #Buscador-tomaticket .search-bar button.btn-filtro {width: 100% !important;} #Buscador-tomaticket .search-bar input {width: 46% !important;} #Buscador-tomaticket .col-md-12 { padding-left: 1.5%; padding-right: 1.5%; } .col-md-12 {width: 97% !important;} /* Buscador TomaTicket Experiencias */ #Buscador-experiences .search-bar button.btn-filtro {width: 100% !important; height: 33px !important;} /* Selección de idiomas */ .client-menu-info {margin-top: 0 !important;} .col_one_fourth.tt-pickers {margin-right: 1%;} .flagpicker li { padding: 1px 10px; line-height: 26px; } .Logo.hidden-sm {display: block !important;} .menu-tomaticket.hidden-sm {display: block !important;} .menu-tomaticket .container { width: 100%; padding-left: 0; padding-right: 0; } .languagepicker li { padding: 3px 10px; line-height: 14px; } .user-login-box { position: relative; top: 6px; } /*------------------------------------------------------------------ Contenido eventos .destacados, .owl-carousel, .span_1_of_4 -------------------------------------------------------------------*/ /*- Ajuste tipográfico -*/ .evento .sitio-evento {font-size: 11px !important} .evento h4 {font-size: 16px !important;} .evento .precio-lugar p span .precio {font-size: 20px !important;} .evento .precio-lugar {margin-top: 3% !important;} .evento .precio-lugar .lugar {font-size: 16px; line-height: 18px;} .evento .separator-grid {margin-top: 15px !important;} .evento .fecha h2 {font-size: 30px !important;} /* Texto Múltiples fechas */ .fecha .mul-fechas {font-size: 8px;} /* Evento (Owl Carousel)*/ .span_1_of_4 {height: auto!important;} .span_1_of_4 {width: 100%!important;} /*Tamaño tipografía Titles*/ .destacados h2 {font-size: 36px !important; line-height: 34px !important;} .destacados p { font-size: 24px; margin-bottom: 10px; margin-top: 10px;} .sorteos-title h2 {font-size: 36px !important; line-height: 34px !important;} .sorteos-title p { font-size: 24px; margin-bottom: 10px; margin-top: 10px;} /*Tamaño tipografía información evento*/ .evento h4 {font-size: 18px !important; line-height: 24px !important;} .base-centradas .evento .info-experiencia {font-size: 12px !important; line-height: 16px !important;} .base-centradas .evento .mul-fechas {font-size: 12px !important;} .owl-item .evento .info-experiencia {font-size: 12px !important; line-height: 16px !important;} .owl-item .evento .mul-fechas {font-size: 16px !important;} /* Evento (Tablet)*/ #Destacados .base-centradas .span_1_of_4 {width: 23.35% !important;} #Destacados .base-centradas .col {margin: 1% 8px 10px 8px;} #Destacados.destacados-base .bottommargin-precio {margin-top: 20%;} #Destacados.destacados-base .evento { padding: 12px 5%; height: 210px; } .fecha .mul-fechas {margin-top: 16px;} .flex-main #Destacados.destacados-base .base-centradas .eventtt .span_1_of_4 {min-height: 407px;} /* Evento (Owl Carousel)*/ .span_1_of_4 {height: auto!important;} .owl-item.span_1_of_4 {width: 100%!important;} #movilCarouselFeatured .owl-item .evento .bottommargin-precio, #movilCarousel .owl-item .evento .bottommargin-precio {margin-top: 13%;} #movilCarouselFeatured .owl-item .evento, #movilCarousel .owl-item .evento {height: 200px;} #movilCarouselFeatured .owl-item .evento .precio-lugar-fecha, #movilCarousel .owl-item .evento .precio-lugar-fecha {padding: 0 0 0 7px;} .sorteos-on-desktop {display: none;} /* Sorteos */ .module h2 {font-size: 20px;} .module .title-event {line-height: 22px; } .module {width: 100% !important;} .sorteo-responsive {margin-bottom: 10px;} .sorteos-content::after {width: 100% !important; left: 0px !important;} .module .date-sorteo {margin-top: 8% !important; font-size: 1.45em !important;} .module .place-sorteo {font-size: 1.25em !important; margin-top: 4% !important;} /* Eventos externos recomendados */ #ExternoNoVenta #Destacados .recomendado-desktop {padding: 5% 0;} #ExternoNoVenta .eventtt .span_1_of_4 {width: 31.8% !important;} #ExternoNoVenta .bottommargin-precio {margin-top: 4px !important;} #ExternoNoVenta .col .col_two_third {width: 64.33%;} #ExternoNoVenta {padding: 2%;} #ExternoNoVenta .evento h4 { font-size: 16px !important; line-height: 20px !important; } #ExternoNoVenta .evento .fecha h2 {margin-top: 9px;} #OrganizadorEventosFuturos .span_1_of_4, #OrganizadorEventosPasados .span_1_of_4 {width: 31.9%;} #OrganizadorEventosFuturos .destacados_TM .col .evento { padding: 10px 5%; height: 150px; } /* Descubre lugar */ .descubre-lugar .col_four_fifth { width: 76%; margin-right: 2%; } .descubre-lugar .col_one_fifth { width: 22%; } .descubre-event-box .span_1_of_4 { width: 31.8% !important; } .title-style-lugar { text-align: center; line-height: 60px; } .article-link .span_1_of_4 { width: 48% !important; height: 280px !important; } .descubre-articulos .article-link .datos-articulo { max-width: 265px; bottom: 0; } /*------------------------------------------------------------------ Contenido interiores No Numerado, Calendario, Numerado, Recintos, etc. -------------------------------------------------------------------*/ /* Eventos recomendados recinto, promotor, etc... */ #recomendadosPromotor #Destacados .span_1_of_4 {width: 31.85% !important;} /* Para que se vean 3 columnas de eventos. */ #recomendadosPromotor #Destacados .recomendado-desktop {padding: 0 !important} #recomendadosPromotor #Destacados .evento h4 { font-size: 15px; line-height: 18px; } /* Destacados recintos */ .Paso {padding: 2%;} #recomendadosPromotor #Destacados .bottommargin-precio {margin-top: 15px;} #recomendadosPromotor #Destacados .evento {height: 140px;} #Destacados .recomendado-recinto .span_1_of_4 {width: 23.9% !important;} #Destacados .recomendado-recinto {padding: 0 !important;} #Destacados .recomendado-recinto .evento { padding: 10px 5%; } #Destacados .recomendado-recinto .evento .fecha h2 {margin-top: 3px;} #Destacados .recomendado-recinto .evento .fecha h4 { font-size: 16px !important; line-height: 20px !important; } #Destacados .artist-event-box .span_1_of_4 {width: 32% !important;} #Destacados .artist-event-box {padding: 0 !important;} #list-event-container {padding: 25px;} #list-search-event .span_1_of_4 {width: 32% !important;} #list-search-event.event-exp .span_1_of_4 {width: 31.5% !important;} /* Cliente */ .inner-form-pad select#TipoDoc {width: 83px;} /* - Registro - */ .br-break {display: block;} .inner-form-pad select#TipoDoc {width: 83px;} .col_doc {width: 73%;} .col_doc .col_half {width: 34%;} .col_doc .col_last {width: 62%;} .col_sexo {width: 23%;} .col_nacimiento {width: 69%;} .col_cp {width: 27%;} /* Upgrade ticket */ .col-container-full {width: 100%; margin: 0;} .col-go-full {width: 48%;} /* ¿Qué hacer en...? */ .enclosure-item .span_1_of_4 {width: 31.88% !important;} /*------------------------------------------------------------------ Footer #Newsletter, #patrocinio, #TTFooter -------------------------------------------------------------------*/ #Newsletter .newsletter-icon { top: -2px !important; } } /* ##Device = Low Resolution Tablets, Mobiles (Landscape) ##Screen = B/w 481px to 767px */ @media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) { /*Side bar Redes Sociales*/ .sumome-share-client-wrapper {display: none !important;} .sumome-stylebufferbottom-shim {display: none !important;} /*------------------------------------------------------------------ Header #Cabecera, #Buscador-tomaticket, Slider -------------------------------------------------------------------*/ /*Top bar info*/ .CabMenu .wsp-icon {width: 100%!important;} .CabMenu .phone-number {width: 100%!important;} .hide-on-desktop {top: 80%;right: 20px;} #CabMenu {background-color: #ffffff; padding: 0; margin: 0;} .NavSup {margin: 0;} #Cabecera .CabMenu {margin-top:0;} /* Menú Responsive */ .slicknav_menu {display: block;} .slicknav_brand {width: 65%;} /* Menú cliente */ .menuCliente .client-menu-info { text-align: right !important; padding-left: 5%; margin-right: 20px !important; } /* Selección de idiomas */ .menuCliente .tt-pickers { width: 27%; margin-right: 2%; } .menuCliente .client-menu-info {width: 62%;} .col_one_fourth.col_icon_language {width: 25%;} .col_three_fourth.col_languages {width: 75%;} .languagepicker { right: 0; width: 100%; } .languagepicker li { line-height: 14px; padding: 3px 14px; } .col_container_flag {width: 51% !important;} .col_container_languages {width: 50% !important;} #language_icon { width: 25px; margin: 0px 0; position: relative; top: 10px; } .languagepicker a #language_icon {fill: #ffffff !important;} .languagepicker li:hover #language_icon {fill: #000000 !important;} .col_container_languages { position: absolute; left: 100px; width: 15%; } .col_container_flag {width: 15%;} /* Número de contacto y correo */ .phone-number .contact-info {text-align: center !important; padding: 10px 0;} /* Buscador button*/ #Buscador-tomaticket .search-bar button.btn-filtro {width: 100% !important;} #Buscador-tomaticket .search-bar #miBusqueda {width: 100% !important;} /* Slider */ .swiper_wrapper .swiper-container {height: 200px;} /* Buscador */ .experiencias-centradas {display: flex;flex-direction: column; align-items: center;} .ui.fluid.input {flex-direction: column; } #Buscador-tomaticket select.ui.dropdown {width: 90%!important; padding: 8px 4.7% !important; margin: 1px 0!important;} .ui.fluid #miBusqueda {margin: 1px 0!important;} /* Sorteos */ .module h2 {font-size: 20px;} .module .title-event {line-height: 22px;} /*------------------------------------------------------------------ Contenido eventos .destacados, .owl-carousel, .span_1_of_4 -------------------------------------------------------------------*/ .eventtt {width: 100% !important;} /* Evento (Owl Carousel)*/ .span_1_of_4 {height: auto!important;} .span_1_of_4 {width: 100%!important;} #movilCarouselFeatured .owl-item .evento .precio-lugar-fecha, #movilCarousel .owl-item .evento .precio-lugar-fecha {padding: 0 0 0 7px;} /*Tamaño tipografía Titles*/ .destacados h2 {font-size: 36px !important; line-height: 34px !important;} .destacados p { font-size: 24px; margin-bottom: 10px; margin-top: 10px;} .sorteos-title h2 {font-size: 36px !important; line-height: 34px !important;} .sorteos-title p { font-size: 24px; margin-bottom: 10px; margin-top: 10px;} /*Tamaño tipografía información evento*/ .evento h4 {font-size: 18px !important; line-height: 24px !important;} .evento .info-experiencia {font-size: 14px !important; line-height: 20px !important;} .evento .mul-fechas {font-size: 16px !important;} /* Col Evento Individual */ .span_1_of_4 {width: 48%;} .col {margin: 1% 1% 10px 1%;} .col:first-child {margin-left: 1%;} .fecha .mul-fechas {font-size: 9px;} /* Sorteo */ #Sorteos .sorteo-responsive {width: 50% !important;} .module .sorteo-en {font-size: 0.75em; margin-top: 10% !important;} .module h2.title-event {font-size:24px; margin-top: 10% !important;} .module .date-sorteo {margin-top: 5%; font-size: 1.45em !important;} .module .place-sorteo {font-size: 1.0em !important; margin-top: 5% !important;} /* Descubre lugar */ .title-style-lugar { line-height: 60px; text-align: center; } .desc-noticias .col_one_third { width: 35%; } .desc-noticias .col_two_third { width: 65%; } .descubre-event-box .span_1_of_4 { width: 48% !important; } .article-link .span_1_of_4 { width: 48% !important; height: 280px !important; } .descubre-articulos .article-link .datos-articulo { max-width: 265px; bottom: 0; } /*------------------------------------------------------------------ Contenido interiores No Numerado, Calendario, Numerado, Recintos, etc. -------------------------------------------------------------------*/ /* Paso No Numerado */ .table-container .col_one_sixth {width: 10.33%;} .table-container .col_five_sixth {width: 82.67%;} .flex-table {display: grid; grid-template-columns: repeat(auto-fill, 95%); grid-template-rows: 100% auto;} .p-gastos, .p-finales {margin-left: 28px;} .ticket-row .tright {text-align: center !important;} .ticket-row .select-descuento select { width: 50%; padding: 5px;} .table-container .select-descuento select {width: 100%;} #gastosGestionSinNumerar.flex-table { display: grid; grid-template-columns: repeat(auto-fill, 45%); grid-template-rows: 100% auto; } #totalSinNumerar.flex-table { display: grid; grid-template-columns: repeat(auto-fill, 45%); grid-template-rows: 100% auto; } .table-container select.select-entradas {width: 60%;} .table-container .col_one_sixth {margin-right: 5%;} .select-descuento .col_one_third { width: 30%; } .select-descuento .col_two_third { width: 66%; margin-right: 2%;} .select-descuento .col_two_third {margin-bottom: 2px;} .select-descuento .col_one_third {margin-bottom: 2px;} .discounts-row {padding: 5px 15px 1px 15px!important;} .select-descuento {margin: 5px 0;} .flex-table { display: grid; grid-template-columns: 75% 25%; grid-template-rows: 100% auto; } .discounts-row { display: grid; grid-template-columns: 100%; grid-template-rows: 100% auto; } .flex-table .flex-row { border-bottom: 0; } .first { border-bottom: 0; grid-column-start: auto; grid-column-end: auto; } .rowspan { display: grid; grid-template-columns: repeat(auto-fill, 100%); grid-template-rows: 100% auto; } .rowspan .flex-row { display: grid; grid-template-columns: repeat(auto-fill, 100%); grid-template-rows: auto; border-bottom: solid 1px #d9d9d9; } .rowspan p { margin: 0; } /* Pago seguro */ #MetodoPago {width: 52%;} #MetodoPago.col_half {margin-right: 0;} #MetodoSeguro {width: 48%;} /* Eventos recomendados recinto, promotor, etc... */ #recomendadosPromotor #Destacados .span_1_of_4 {width: 48% !important;} #recomendadosPromotor #Destacados .recomendado-desktop {padding: 0 !important} #recomendadosPromotor #Destacados .bottommargin-precio {margin-top: 16px;} #Destacados .recomendado-recinto .span_1_of_4 {width: 48% !important;} #Destacados .recomendado-recinto {padding: 0 !important;} #Destacados .artist-event-box .span_1_of_4 {width: 48% !important;} #Destacados .artist-event-box {padding: 0 !important;} #list-event-container {padding: 25px;} #list-search-event .span_1_of_4 {width: 48% !important;} #list-search-event.event-exp .span_1_of_4 {width: 48%;} /*Agenda, Etiquetas Ciudades*/ #EventsAgenda .span_1_of_4 {width: 31.8% !important;} /* Upgrade ticket */ .col-go-full {width: 50%;} /* Tags event */ .tags-event .evento {height: 180px;} .tags-event .evento h4 { font-size: 16px !important; line-height: 20px !important; } .tags-event .evento {padding: 17px 4%;} .tags-event .evento .separator-grid {margin-top: 35px !important;} .tags-event .span_1_of_4 {width: width: 31.87% !important;} /* Paso dos */ #frmCliente li.left , #frmCliente li.right {width: 48% !important;} /* ¿Qué hacer en...? */ .enclosure-item .span_1_of_4 {width: 31.33% !important;} /*------------------------------------------------------------------ Footer #Newsletter, #patrocinio, #TTFooter -------------------------------------------------------------------*/ #TTFooter .widget_links {margin-bottom: 25px;} } @media (min-width: 481px) and (max-width: 768px) and (orientation: portrait) { /*Side bar Redes Sociales*/ .sumome-share-client-wrapper {display: none !important;} .sumome-stylebufferbottom-shim {display: none !important;} /*------------------------------------------------------------------ Header #Cabecera, #Buscador-tomaticket, Slider -------------------------------------------------------------------*/ /*Top bar info*/ .CabMenu .wsp-icon {width: 100%!important;} .CabMenu .phone-number {width: 100%!important;} .phone-number {color: #404040; margin-top: 15px;} .hide-on-desktop {top: 90%;} #CabMenu {background-color: #ffffff; padding: 0; margin: 0;} .NavSup {margin: 0;} /* Menú Responsive */ .slicknav_menu {display: block;} /* Menú cliente */ .menuCliente .client-menu-info { text-align: right !important; padding-left: 0%; margin-right: 20px !important; } .menuCliente {padding: 0;} /* Selección de idiomas */ .col_one_fourth.col_icon_language {width: 25%;} .col_three_fourth.col_languages {width: 75%;} .languagepicker { right: 0; width: 100%; } .languagepicker li {padding: 3px 14px 3px 8px; line-height: 40px;} .col_container_flag {width: 13%;} .col_container_languages { width: 12%; position: absolute; left: 79px; } /* Selección de idiomas */ .languagepicker li {padding: 2px 5px;} #language_icon { width: 25px; margin: 0px 0; position: relative; top: 10px; } .languagepicker a #language_icon {fill: #ffffff !important;} .languagepicker li:hover #language_icon {fill: #000000 !important;} /* Número de contacto y correo */ .phone-number .contact-info {text-align: center !important; padding: 0;} /* Buscador button*/ #Buscador-tomaticket .search-bar button.btn-filtro {width: 100% !important;} /* Buscador */ .experiencias-centradas {display: flex;flex-direction: column; align-items: center;} .ui.fluid.input {flex-direction: column; } #Buscador-experiences select.ui.dropdown {width: 100% !important; padding: 8px 0 !important; margin: 0!important;} .ui.fluid #miBusqueda {margin: 1px 0!important;} #Buscador-experiences .ui.fluid #miBusqueda {margin: 0!important;} #Buscador-experiences select.ui.dropdown {height: 25px;} #Buscador-experiences .search-bar button.btn-filtro {width: 100%; height: 33px;} #Buscador-experiences .container {padding: 10px !important;} /*------------------------------------------------------------------ Contenido eventos .destacados, .owl-carousel, .span_1_of_4 -------------------------------------------------------------------*/ /* Buscador TomaTicket */ .responsive-utilities {padding: 0px;} #Buscador-tomaticket .search-pad {padding: 10px 0;} #Buscador-tomaticket .search-bar #miBusqueda {padding: 14px; width: 86% !important;;border: 0px none;} #Buscador-tomaticket .search-bar button.btn-filtro .busqueda-icon {display: block !important;} #Buscador-tomaticket .ui .col_two_third {width: 75% !important;} #Buscador-tomaticket .ui .col_one_sixth {width: 25% !important;} /* Evento Individual */ .evento .col_one_third {margin-bottom: 0px !important; width: 30.65%;} .evento .col_two_third {margin-bottom: 0px !important; width: 65.33%; } .evento .col_two_third{ margin-right: 0; float: left !important;} .span_1_of_4 {height: auto; width: 24.1%;} /*- Ajuste tipográfico -*/ .evento h4 {font-size: 16px !important;} .evento .precio-lugar p span .precio {font-size: 20px !important;} .evento .precio-lugar {margin-top: 3% !important;} .evento .separator-grid {margin-top: 15px !important;} .evento .fecha h2 {font-size: 40px !important;} /*.eventtt { width: 100% !important;}*/ .eventtt {width: 50% !important;} .span_1_of_4 {height: 460px;} #Sorteos .container {width: 90% !important;} /* Evento (Owl Carousel)*/ .span_1_of_4 {height: auto!important;} .span_1_of_4 {width: 100%!important;} #movilCarouselFeatured .owl-item .evento .bottommargin-precio {margin-top: 17%;} /*Tamaño tipografía Titles*/ .destacados h2 {font-size: 36px !important; line-height: 34px !important;} .destacados p { font-size: 24px; margin-bottom: 10px; margin-top: 10px;} /*Tamaño tipografía Sorteos*/ .sorteos-title h2 {font-size: 16px !important; line-height: 34px !important;} .sorteos-title p { font-size: 20px !important; margin-bottom: 10px; margin-top: 10px;} .module .date-sorteo {margin-top: 2% !important;} .sorteos-content {height: auto!important;} /*Tamaño tipografía información evento*/ .evento h4 {font-size: 18px !important; line-height: 24px !important;} .evento .info-experiencia {font-size: 14px !important; line-height: 20px !important;} .evento .mul-fechas {font-size: 10px !important;} .fecha .mul-fechas p {margin-bottom: 10px !important; }. .evento .height-info-experiencia {height: auto;} /* *Newsletter Suscripción */ #Newsletter .newsletter-title h4 { font-size: 28px; line-height: 28px; text-align: left;} #Newsletter .newsletter-icon {font-size: 36px; line-height: 36px; top: 20px; margin-top: 7px;} #Newsletter #newsletteremail2.input-group .form-control {width: 50%; padding: 7px 15px;} #Newsletter .btn-news {padding: 9px 3px !important;} #Newsletter .adaptive-mobile .col_one_sixth {width: 18%!important;} #Newsletter .adaptive-mobile .col_five_sixth {width: 82%!important;} /* Sorteo */ .module h2.title-event {font-size: 22px !important; margin-top: 10% !important; line-height: 26px !important;} #Sorteos {width: 100% !important;} .module {width: 92%;} .sorteos-content::after {width: 100%;} .module .sorteo-en {font-size: 0.75em;} .module h2.title-event {font-size:24px; margin-top: 10% !important;} .module .date-sorteo {margin-top: 5%; font-size: 1.45em !important;} .module .place-sorteo {font-size: 1.0em !important; margin-top: 5% !important;} .sorteos-content {height: 202px;} #Sorteos .sorteo-responsive {width: 100% !important;} .module .sorteo-en {font-size: 0.95em; margin-top: 5% !important;} .module h2.title-event {font-size:28px; margin-top: 5% !important;} .module .date-sorteo {margin-top: 10%; font-size: 1.45em !important;} /*------------------------------------------------------------------ Contenido interiores No Numerado, Calendario, Numerado, Recintos, etc. -------------------------------------------------------------------*/ /*Descripción evento*/ #Organizador.Paso {padding: 0px !important;} #Organizador .organizador-box {padding: 25px !important;} /* Paso No Numerado */ .table-container .col_one_sixth {width: 10.33%;} .table-container .col_five_sixth {width: 82.67%;} .flex-table {display: grid; grid-template-columns: repeat(auto-fill, 95%); grid-template-rows: 100% auto;} .p-gastos, .p-finales {margin-left: 28px;} .ticket-row .tright {text-align: center !important;} .ticket-row .select-descuento select { width: 50%; padding: 5px;} .table-container .select-descuento select {width: 100%;} #gastosGestionSinNumerar.flex-table { display: grid; grid-template-columns: repeat(auto-fill, 45%); grid-template-rows: 100% auto; } #totalSinNumerar.flex-table { display: grid; grid-template-columns: repeat(auto-fill, 45%); grid-template-rows: 100% auto; } .table-container select.select-entradas {width: 60%;} .table-container .col_one_sixth {margin-right: 5%;} .select-descuento .col_one_third { width: 30%; } .select-descuento .col_two_third { width: 66%; margin-right: 2%;} .select-descuento .col_two_third {margin-bottom: 2px;} .select-descuento .col_one_third {margin-bottom: 2px;} .discounts-row {padding: 5px 15px 1px 15px!important;} .select-descuento {margin: 5px 0;} .flex-table { display: grid; grid-template-columns: 75% 25%; grid-template-rows: 100% auto; } .discounts-row { display: grid; grid-template-columns: 100%; grid-template-rows: 100% auto; } .flex-table .flex-row {border-bottom: 0;} .first { border-bottom: 0; grid-column-start: auto; grid-column-end: auto; } .rowspan { display: grid; grid-template-columns: repeat(auto-fill, 100%); grid-template-rows: 100% auto; } .rowspan .flex-row { display: grid; grid-template-columns: repeat(auto-fill, 100%); grid-template-rows: auto; border-bottom: solid 1px #d9d9d9; } .rowspan p {margin: 0;} /* Paso dos */ #frmCliente li.left, #frmCliente li.right {width: 100%;} /* Paso Numerado */ #Butacas{margin-left:0px;padding:0px;overflow: scroll;} /* Eventos recomendados recinto, promotor, etc... */ #recomendadosPromotor #Destacados .span_1_of_4 { width: 100%; height: 345; } #recomendadosPromotor #Destacados .recomendado-desktop {padding: 0 !important} #recomendadosPromotor #Destacados .evento h4 {font-size: 18px !important;} #Destacados .recomendado-recinto .span_1_of_4 {width: 100%;} #Destacados .recomendado-recinto {padding: 0 !important;} /* Destacados recintos */ .Paso {padding: 2%;} #Destacados .recomendado-recinto .span_1_of_4 {width: 31.9% !important;} #Destacados .artist-event-box {padding: 0 !important;} #list-event-container {padding: 25px;} #list-search-event .span_1_of_4 {width: 48% !important;} #list-search-event.event-exp .span_1_of_4 {width: 100%;} #ExternoNoVenta #Destacados .recomendado-desktop {padding: 5% 0;} #ExternoNoVenta .eventtt .span_1_of_4 {width: 47% !important;} #ExternoNoVenta .bottommargin-precio {margin-top: 4px !important;} /*Agenda, Etiquetas Ciudades*/ #EventsAgenda .span_1_of_4 {width: 47.98% !important;} /* Cliente */ .inner-form-pad input[type="submit"] {width: 100%;} /* Pago seguro */ #MetodoPago {width: 52%;} #MetodoPago.col_half {margin-right: 0;} #MetodoSeguro {width: 48%;} /* Ticket Upgrade */ .container-upgrade-tickets {padding: 5%;} .container-upgrade-tickets .btn-upgrade, .container-upgrade-tickets .btn-cancel {width: 100%;} #CheckBtn .check-localizador {margin: 0; width: 100%;} /* Tarjeta Club */ .container-upgrade-tickets .btn-guardar-datos {margin: 0; width: 100%;} /* Botón entrada enlace externo */ #BotonExterno {padding: 0 5px !important;} .tags-event .evento h4 { font-size: 15px !important; line-height: 18px !important; } /* Tags event */ .tags-event .span_1_of_4 {width: width: 31.87% !important;} #OrganizadorEventosFuturos .span_1_of_4, #OrganizadorEventosPasados .span_1_of_4 {width: 31.9%;} /* ¿Qué hacer en...? */ .enclosure-item .span_1_of_4 {width: 47.88% !important;} /*------------------------------------------------------------------ Footer #Newsletter, #patrocinio, #TTFooter -------------------------------------------------------------------*/ /* Patrocinio */ .clients-grid:not(.grid-3):not(.grid-2) li, .clients-grid.grid-4 li, .clients-grid.grid-6 li { width:25%; } .clients-grid {margin-bottom: 18px;} } /* ##Device = Most of the Smartphones Mobiles (Portrait) ##Screen = B/w 320px to 479px */ @media (min-width: 320px) and (max-width: 480px) { /*Side bar Redes Sociales*/ .sumome-share-client-wrapper {display: none !important;} .sumome-stylebufferbottom-shim {display: none !important;} /*------------------------------------------------------------------ Header #Cabecera, #Buscador-tomaticket, Slider -------------------------------------------------------------------*/ .hide-on-desktop {top: 88%; right: 20px;} /* Menú Responsive */ .slicknav_menu {display: block;} /* Menú cliente */ .menuCliente .client-menu-info { text-align: right !important; position: relative; right: 3%; } .client-menu-info .access-user { position: relative; top: -1px; font-size: 12px; font-weight: 300; } #menuCliente {height: 53px;} /* Selección de idiomas */ .col_half.col_container_flag {width: 50%;} .col_half.col_container_languages { width: 50% !important; position: initial; left: 0; } .col_one_fourth.tt-pickers {width: 48%;} .col_three_fourth.client-menu-info {width: 58%;} .flagpicker, .languagepicker { position: inherit; z-index: 0; } .tt-pickers { z-index: 200; position: absolute; } .flagpicker {height: 34px;} .flagpicker li { padding: 3px 10px; line-height: 18px;} .picker-position-flag {top: -5px;} .languagepicker li {line-height: 14px;} .flagpicker:hover { height: 174px; } .languagepicker:hover { height: 69px; } .languagepicker .col_one_third {width: 40%;} .languagepicker .col_two_third {width: 60%;} #language_icon { width: 25px; margin: 0px 0; position: relative; top: 10px; } .languagepicker a #language_icon {fill: #ffffff !important;} .languagepicker li:hover #language_icon {fill: #000000 !important;} .col_one_fourth.col_icon_language {width: 25%;} .col_three_fourth.col_languages {width: 75%;} .languagepicker { right: 0; width: 100%; } .languagepicker li {padding: 3px 8px;} #language_icon { width: 25px; margin: 0px 0; position: relative; top: 10px; } .languagepicker a #language_icon {fill: #ffffff !important;} .languagepicker li:hover #language_icon {fill: #000000 !important;} /* .languagepicker li { position: relative; right: 14px; }*/ /* Número de contacto y correo */ .phone-number .contact-info {text-align: center !important; padding:0;} /* Buscador TomaTicket */ #Buscador-tomaticket .search-bar #miBusqueda {width: 100% !important;} .experiencias-centradas {display: flex;flex-direction: column; align-items: center;} .ui.fluid.input {flex-direction: column; } #Buscador-tomaticket select.ui.dropdown {width: 90%!important; padding: 8px 4.7% !important; margin: 1px 0!important;} .ui.fluid #miBusqueda {margin: 1px 0!important;} #Buscador-tomaticket .ui .col_two_third {width: 75% !important;} #Buscador-tomaticket .ui .col_one_sixth {width: 25% !important;} #Buscador-tomaticket .ui.fluid.input {display: block;} .ui.search > .results {top: 40px;} #Cabecera .CabMenu {margin-top:0;} /* Notificación slide*/ .col_notification_link { width: 88%; margin-right: 2%; } .web-box-container {width: 91%;} .col_close_notification {width: 10%;} /*------------------------------------------------------------------ Contenido eventos .destacados, .owl-carousel, .span_1_of_4 -------------------------------------------------------------------*/ /* Buscador TomaTicket */ #Buscador-tomaticket .search-bar #miBusqueda{ padding: 14px; width: 100% !important; border: 0px none !important; } #Buscador-tomaticket .search-bar button.btn-filtro { padding: 6px!important; width: 98% !important; background-color: #e21776; color: #fff; border: 0px none; font-size: 14px; line-height: 29px; margin: 0!important; height: 42px; } /* Evento Individual */ .col {margin: 1% 0 10px 0%; } .span_1_of_4 { width: 100%; } /*- Ajuste tipográfico -*/ .destacados h2 {font-size:50px !important;} .plan-title h2 {font-size:50px !important;} .sorteos-title h2 {font-size:50px !important;} .eventtt {width: 100% !important;} #movilCarouselFeatured .evento {height: 185px;} /* Página de inicio -------------------------------------------------------------------*/ /* Slider */ .swiper_wrapper .swiper-container {height: 200px;} #slider .swiper-slide h2 {font-size: 18px; line-height: 16px; letter-spacing: 3px;} .flex-caption, .nivo-caption, .slider-caption {top: 85px; left: 0px;} .slider-subtitle {font-size: 16px; letter-spacing: 2px;} /*Tamaño tipografía Titles*/ .destacados h1 {font-size: 36px !important; line-height: 34px !important;} .destacados h2 {font-size: 36px !important; line-height: 34px !important;} .destacados p { font-size: 24px; margin-bottom: 10px; margin-top: 10px;} .sorteos-title h2 {font-size: 36px !important; line-height: 34px !important;} .sorteos-title p { font-size: 24px; margin-bottom: 10px; margin-top: 10px;} /*Tamaño tipografía información evento*/ .evento h4 {font-size: 18px !important; line-height: 24px !important;} .evento .info-experiencia {font-size: 14px !important; line-height: 20px !important;} .evento .mul-fechas {font-size: 10px !important;} .fecha .mul-fechas p {margin-bottom: 10px !important;} .evento .height-info-experiencia {height: auto;} /* Evento (Owl Carousel)*/ .span_1_of_4 {height: auto;} /* ------------------------------------------> Fin Página de inicio -----------------------------------------------------------------*/ /* Página interior (Evento) -------------------------------------------------------------------*/ .eventtt {width: 100% !important;} .PasoCentral {padding: 5%;} /* Información de evento */ #EventHeadContenido {margin: 0; padding: 30px;} #EventHeadContenido .fecha {font-size: 16px;} #EventHeadContenido.white-space {padding: 30px;} #Organizador.Paso {padding: 0px !important;} #Organizador .organizador-box {padding: 25px !important;} span[itemprop="address"] {font-size: 12px;} /* Proceso de compra */ /* .PasoCentral {width: 90%;}*/ .circle-text {width: 60%;} .circle-text div {padding-top: 10%} .titulopaso {display: block;} /* Descripción de evento */ .Paso #TabContent1 {width: 100%; margin: 0 auto;} .Paso #TabContent2 {width: 100%; margin: 0 auto;} .Paso #TabContent3 {width: 100%; margin: 0 auto;} .Paso #EventTabs {margin: 0px !important;} /* Contenedors No Numerado */ .table-container .col_one_sixth {width: 10.33%;} .table-container .col_five_sixth {width: 82.67%;} .flex-table {display: grid; grid-template-columns: repeat(auto-fill, 95%); grid-template-rows: 100% auto;} .ticket-row .tright {text-align: center !important;} .p-gastos, .p-finales {margin-left: 15px;} .metodo-pago {text-align: center;margin-right: 0;margin-left: 0;} .metodo-seguro {text-align: center;margin-left: 0;margin-right: 0;} .metodo-pago-sm {text-align: center;margin-right: 0;margin-left: 0;} .metodo-seguro-sm {text-align: center;margin-left: 0;margin-right: 0;} .ticket-row .select-descuento select { width: 50%; padding: 5px; } .table-container .select-descuento select {width: 100%;} #gastosGestionSinNumerar.flex-table { display: grid; grid-template-columns: repeat(auto-fill, 45%); grid-template-rows: 100% auto; } #totalSinNumerar.flex-table { display: grid; grid-template-columns: repeat(auto-fill, 45%); grid-template-rows: 100% auto; } .table-container select.select-entradas {width: 92%; padding: 15px 8px;} .table-container .col_one_sixth {margin-right: 5%;} .select-descuento .col_one_third { width: 38%; } .select-descuento .col_two_third { width: 62%; margin-right: 2%;} .select-descuento .col_two_third {margin-bottom: 2px;} .select-descuento .col_one_third {margin-bottom: 2px;} .discounts-row {padding: 5px 5px 1px 5px !important;} .select-descuento {margin: 5px 0;} .flex-table { display: grid; grid-template-columns: 75% 25%; grid-template-rows: 100% auto; } .discounts-row { display: grid; grid-template-columns: 100%; grid-template-rows: 100% auto; } .flex-table .flex-row {border-bottom: 0;} .first { border-bottom: 0; grid-column-start: auto; grid-column-end: auto; } .rowspan { display: grid; grid-template-columns: repeat(auto-fill, 100%); grid-template-rows: 100% auto; } .rowspan .flex-row { display: grid; grid-template-columns: repeat(auto-fill, 100%); grid-template-rows: auto; border-bottom: solid 1px #d9d9d9; } .rowspan p {margin: 0;} /* Paso No numerado */ #Butacas{margin-left:0px;padding:0px;overflow: scroll; overflow-x: scroll;} /* Titles pasos */ #divClienteLogin .contenedortitulo {margin: 0px !important;} /* Paso dos Login Cliente */ .Paso ul {margin: 0px !important;} #frmCliente li.left, #frmCliente li.right {width: 100% !important;} /* Comprar sin registro */ #divDatosComprador ul {margin: 0px !important;} #frmReserva li.left, #frmReserva li.right, #frmReserva #Enterado {width: 100% !important;} /* Sidebar Evento */ #col2.col_one_third {width: 100%;} .recomendados-artista .evento .bottommargin-precio {margin-top: 10px !important;} /* Eventos recomendados recinto, promotor, etc... */ #recomendadosPromotor #Destacados .span_1_of_4 {width: 100%;} #recomendadosPromotor #Destacados .recomendado-desktop {padding: 0 !important;} #Destacados .recomendado-recinto .span_1_of_4 {width: 100%;} #Destacados .recomendado-recinto {padding: 0 !important;} .paso-recinto {padding: 8% 10%;} #Destacados .artist-event-box .span_1_of_4 {width: 100% !important;} #Destacados .artist-event-box {padding: 0 !important;} #Destacados .related-artist-event-box .span_1_of_4 {width: 100% !important;} #Destacados .related-artist-event-box {padding: 0 !important;} #Destacados.recomendados-artista .related-artist-event-box .span_1_of_4 {height: 240px;} .related-artist-event-box .eventtt img {height: 140px;} .related-artist-event-box .evento .separator-grid {margin-top: 0 !important;} .related-artist-event-box .evento { padding: 10px 5% !important; height: 78px !important; } #ExternoNoVenta .recomendado-desktop .span_1_of_4 {width: 100% !important;} #ExternoNoVenta .bottommargin-precio {margin-top: 5px;} #list-event-container {padding: 25px;} #list-search-event .span_1_of_4 {width: 100%;} #list-search-event.event-exp .span_1_of_4 {width: 100%;} #list-search-event .bottommargin-precio {margin-top: 48px!important;} #list-search-event .evento .separator-grid {margin-top: 35px !important;} #list-search-event .evento {height: 170px;} #EventsAgenda.event-exp .span_1_of_4 {width: 100%;} #EventsAgenda .bottommargin-precio {margin-top: 48px!important;} #EventsAgenda .evento .separator-grid {margin-top: 35px !important;} #EventsAgenda .evento {height: 170px;} /* Calendario Evento */ div.dp-popup { margin-top: 85px; } .col_one_fourth.custom-col-calendar { width: 48%; margin-right: 2%; } /* Cliente */ .inner-form-pad input[type="submit"] {width: 100%;} /* Modal Paso Numerado */ #ventanaInfo { height: auto; width: 85%; left: 7%; top: 35%; } #ventanaInfo input { text-align: center; float: none; } /* Resultado Reserva */ .container-resultado-reservas {padding: 0;} .container-ticket-info {padding: 5%;} .btn-print {width: 50%;} .btn-shopping {width: 50%;} /* Ticket Upgrade */ .container-upgrade-tickets {padding: 5%;} .container-upgrade-tickets .btn-upgrade, .container-upgrade-tickets .btn-cancel {width: 100%;} #CheckBtn .check-localizador {margin: 0; width: 100%;} .container-upgrade-tickets .pay-mejora {width: 100%; margin: 0;} /* Tarjeta Club Greenworld */ .container-tarjeta-club .btn-unirse-club {width: 100%;} .container-upgrade-tickets .btn-guardar-datos {margin: 0; width: 100%;} /* Agenda y tipo de eventos */ #EventsAgenda .span_1_of_4 {width: 100%;} /* Botón entrada enlace externo */ #BotonExterno {padding: 0 5px !important;} /* Botón GreenClub */ #btValidaCodigoTarjeta {margin-top: 5px;} /* iframe Diario de Avisos */ .avisos-embed-container {padding-bottom: 162%;} /* -----------------------------------> Fin Página interior (Evento) -------------------------------------------------------------------*/ /* Páginas estáticas (Información) -------------------------------------------------------------------*/ #Nosotros p {margin-top: 0px !important; font-size: 14px;} #Nosotros .text-span-size {font-size: 28px; line-height: 32px;} #Nosotros .hidden-bottommargin-sm {margin-bottom: 10px !important;} #Nosotros .title-h3 {font-size: 30px; line-height: 42px; font-weight: 700;} #Nosotros .title-h6 {font-size: 42px; line-height: 48px; margin-top: 0 !important; margin-bottom: 10px !important;} #Nosotros .icon-size {font-size: 62px; margin-bottom: 25px;} #Nosotros .inner-padding {padding: 0;} #BeneficiosUsuarios .inner-padding {padding: 0;} #BeneficiosUsuarios .box-container {flex-direction: column;} #BeneficiosUsuarios .second-wrap-one { order: 1; } #BeneficiosUsuarios .second-wrap-two { order: 2; } #BeneficiosUsuarios .icons-beneficios {margin-top: 10%;} #RecursosCorporativos .inner-padding {padding: 0;} #RecursosCorporativos .title-h3 {font-size: 18px; line-height: 26px;} #ResponsabilidadSocial .inner-padding {padding: 0;} #ResponsabilidadSocial .clients-grid li::after, .testimonials-grid li::after {border-bottom: 0 none transparent;} #ResponsabilidadSocial .clients-grid li a img {width: 100%;} #ContactoNosotros .inner-padding {padding: 0;} #AtencionCliente .inner-padding {padding: 0;} #MisEntradas .inner-padding {padding: 0;} #PuntosDeVenta .inner-padding {padding: 0;} #AfiliadosTT .inner-padding {padding: 0;} #AfiliadosTT img.custom-size-icon {margin-top: 0 !important;} #AccesoPromotorTT .inner-padding {padding: 0;} #ComoFunciona .inner-padding {padding: 0;} #ServiciosPromotores .inner-padding {padding: 0;} #CondicionesLegales .inner-padding {padding: 0;} #PrivacidadProteccion .inner-padding {padding: 0;} #AvisoLegal .inner-padding {padding: 0;} #PoliticaCookies .inner-padding {padding: 0;} /* -----------------------------------> Fin Páginas estáticas -------------------------------------------------------------------*/ /* Página de fan -------------------------------------------------------------------*/ .title-style { font-size: 36px; line-height: 38px; } .fan-event-box .span_1_of_4 { width: 100%; } .notopmargin { margin-top: 0; } .what-to-title { text-align: center; color: #ffffff; font-size: 20px; margin-top: 5px; margin-bottom: 5px; } .button-position { position: relative; top: -4px; text-align: center; } /* -----------------------------------> Fin Página de fan /* Página de lugar -------------------------------------------------------------------*/ .title-style-lugar { color: #ffffff; font-size: 48px; margin-bottom: 10px; margin-top: 18px; line-height: 46px; } .custom-mobile-sidebar .col_one_third {width: 33%;} .custom-mobile-sidebar .lugar-text-nav { color: #ffffff; font-size: 12px; margin-top: 5px; margin-bottom: 5px; text-align: center; } .custom-mobile-sidebar .icon-nav-container { display: flex; justify-content: center; } .custom-mobile-sidebar .icon-nav-scaled {width: 35px;} .custom-mobile-sidebar .mobile-lugar-nav-pad {padding: 10px;} .descubre-lugar .descubre-event-box .span_1_of_4 {width: 100%;} .descubre-lugar .descubre-articulos .span_1_of_4 {width: 100%;} .descubre-lugar .descubre-articulos .evento {height: 125px;} .noticias-lugar ul .col_one_third {width: 66%;} .noticias-lugar ul .col_two_third {width: 33%;} /* Artículos */ .descubre-articulos .article-link .datos-articulo { max-width: 277px; bottom: 0px; } /* -----------------------------------> Fin Página de lugar -------------------------------------------------------------------*/ /* Contratar seguro entradas -----------------------------------------------------------------*/ #DivSeguroEntradas .price-content .col_one_third {width: 25%;} #DivSeguroEntradas .price-content .col_two_third {width: 75%;} /* -----------------------------------> Fin Página de lugar -------------------------------------------------------------------*/ /* Ubicación -------------------------------------------------------------------*/ .box-10 {float: none !important;} .box-90 {float: none !important;} .box-90 {width: 100%; margin-top: 20px;} h2#DestacadoUbi {text-align: left;} #Destacados h2#DestacadoUbi {padding: 0 5px;} .box-10 {width: 100%;} .destacados .box-10 p {margin-top: 0px !important; padding: 0 5px;} h2#MasEventosUbi {text-align: left;} #Destacados h2#MasEventosUbi {padding: 0 5px;} /* -----------------------------------> Ubicación (Evento) -------------------------------------------------------------------*/ /*------------------------------------------------------------------ Footer #Newsletter, #patrocinio, #TTFooter -------------------------------------------------------------------*/ #TTFooter .widget_links {margin-bottom: 25px;} /* Patrocinio */ .clients-grid:not(.grid-3):not(.grid-2) li, .clients-grid.grid-4 li, .clients-grid.grid-6 li { width: 50%; } /* Patrocinio */ .clients-grid {margin-bottom: 18px;} /* Newsletter suscription */ .flex-suscription .suscription-select{flex: 1 1 100%;} } @media (max-width: 319px) { #frmReserva li.left, #frmReserva li.right, #frmReserva #Enterado {width: 100% !important;} } /* ##Device = Retina Display Logo */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .NavSup a.logo-normal { display: none; } .NavSup a.logo-retina { display: block; } } /* Ocultar contenido (Media Query Responsive) */ @media (max-width: 767px) {.hidden-xs {display: none !important;}} @media (min-width: 768px) and (max-width: 991px) {.hidden-sm {display: none !important;}} @media (min-width: 992px) and (max-width: 1199px) {.hidden-md {display: none !important;}} @media (min-width: 1200px) {.hidden-lg {display: none !important;}} /* Portada (Media Query Responsive) */ /* Container Experiencias (Media Query Responsive) */ @media only screen and (max-width: 768px) { /* Buscador */ .experiencias-centradas {display: flex;flex-direction: column; align-items: center;} .ui.fluid.input {flex-direction: row; }/* select.ui.dropdown {width: 90%!important; padding: 8px 4.7% !important; margin: 1px 0!important;}*/ /*.ui.fluid #miBusqueda {margin: 1px 0!important;}*/ } /* Evento Individual */ @media only screen and (max-width: 768px) {.span_1_of_4 {height: auto; width: 24.1%;}} @media only screen and (min-width: 480px) and (max-width: 767px) { .span_1_of_4 {width: 48%;} .col {margin: 1% 1% 10px 1%;} .col:first-child {margin-left: 1%;} .fecha .mul-fechas {font-size: 9px;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .fecha .mul-fechas {font-size: 8px;} } @media only screen and (min-width: 992px) and (max-width: 1199px) { .fecha .mul-fechas {font-size: 10px;} } @media only screen and (max-width: 768px) { .evento .col_one_third {margin-bottom: 0px !important; width: 30.65%;} .evento .col_two_third {margin-bottom: 0px !important; width: 65.33%; } .evento .col_two_third{ margin-right: 0; float: left !important;} } @media only screen and (max-width: 480px) { .col {margin: 1% 0 10px 0%; } .span_1_of_4 { width: 100%; } } /* Ajuste tipográfico */ @media only screen and (max-width: 991px) { .evento .sitio-evento {font-size: 11px !important} .evento h4 {font-size: 16px !important;} .evento .precio-lugar p span .precio {font-size: 20px !important;} .evento .precio-lugar {margin-top: 3% !important;} .evento .precio-lugar .lugar {font-size: 16px; line-height: 18px;} .evento .separator-grid {margin-top: 15px !important;} .evento .fecha h2 {font-size: 30px !important;} } @media only screen and (max-width: 768px) { #Destacados .span_1_of_4 {width: 100%;} #Destacados .col .col_half {width: 48%;} #Destacados .recomendado-desktop {padding: 25px;} #Destacados .bottommargin-precio {margin-top: 24px;} .evento h4 {font-size: 16px !important;} .evento .precio-lugar p span .precio {font-size: 20px !important;} .evento .precio-lugar {margin-top: 3% !important;} .evento .separator-grid {margin-top: 15px !important;} .evento .fecha h2 {font-size: 40px !important;} } @media only screen and (max-width: 471px) { .plan-title h2 {font-size:50px !important;} .sorteos-title h2 {font-size:50px !important;} } /* Ajuste cajas de los eventos */ @media only screen and (max-width: 767px) { .eventtt { width: 100% !important;}} @media only screen and (max-width: 766px) and (orientation : landscape) {.eventtt {width: 100% !important;}} @media only screen and (max-width: 766px) and (orientation : portrait) {.eventtt {width: 50% !important;}} @media only screen and (max-width: 480px) {.eventtt {width: 100% !important;}} /* Buscador y filtro (Media Query Responsive) */ @media only screen and (max-width: 480px) { #Buscador-tomaticket .search-bar #miBusqueda{padding: 14px; width: 100% !important;; border: 0px none !important;} #Buscador-tomaticket .search-bar button.btn-filtro {padding: 6px!important; width: 98% !important;; background-color: #e21776; color: #fff; border: 0px none; font-size: 14px; line-height: 29px; margin: 0!important;} } @media only screen and (max-width: 768px) { .responsive-utilities {padding: 0px;} #Buscador-tomaticket .search-pad {padding: 10px 0 38px 0;} #Buscador-tomaticket .search-bar #miBusqueda {padding: 14px; width: 100% !important;;border: 0px none;} #Buscador-tomaticket .search-bar button.btn-filtro .busqueda-icon {display: inherit !important;} #Buscador-tomaticket .search-bar .text-no-show {display: none !important;} } /* Newsletter (Media Query Responsive) */ @media only screen and (max-width: 767px) { #Newsletter .newsletter-title h4 { font-size: 28px; line-height: 28px; text-align: left;} #Newsletter .newsletter-icon {font-size: 36px; line-height: 36px; top:0; margin-top: 7px;} #Newsletter #newsletteremail2.input-group .form-control {width: 70%; padding: 7px 15px;} #Newsletter .btn-news {padding: 9px 3px !important;} #Newsletter .adaptive-mobile .col_one_sixth {width: 18%!important;} #Newsletter .adaptive-mobile .col_five_sixth {width: 82%!important;} } @media only screen and (min-device-width : 768px) and (max-device-width: 1024px) and (orientation: portrait) { .module h2 {font-size: 20px;} .module .title-event {line-height: 22px; } .module {width: 100% !important;} .sorteo-responsive {margin-bottom: 10px;} .sorteos-content::after {width: 100% !important; left: 0px !important;} .module .date-sorteo {margin-top: 8% !important; font-size: 1.45em !important;} .module .place-sorteo {font-size: 1.25em !important; margin-top: 4% !important;} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: landscape) { .module h2 {font-size: 20px;} .module .title-event {line-height: 22px;} } @media only screen and (max-width: 1024px) { .module .sorteo-en {margin-top: 6%;}} @media only screen and (max-width: 768px) { .module h2.title-event { font-size: 22px !important; margin-top: 10% !important; line-height: 26px !important; } #Sorteos {width: 100% !important;} .module {width: 92%;} .sorteos-content::after {width: 100%;} .module .sorteo-en {font-size: 0.75em;} .module h2.title-event {font-size:24px; margin-top: 10% !important;} .module .date-sorteo {margin-top: 5%; font-size: 1.45em !important;} .module .place-sorteo {font-size: 1.0em !important; margin-top: 5% !important;} .sorteos-content {height: 202px;} } @media only screen and (max-width: 767px) and (orientation: landscape) { #Sorteos .sorteo-responsive {width: 50% !important;} .module .sorteo-en {font-size: 0.75em; margin-top: 10% !important;} .module h2.title-event {font-size:24px; margin-top: 10% !important;} .module .date-sorteo {margin-top: 5%; font-size: 1.45em !important;} .module .place-sorteo {font-size: 1.0em !important; margin-top: 5% !important;} } @media only screen and (max-width: 767px) and (orientation: portrait) { #Sorteos .sorteo-responsive {width: 100% !important;} .module .sorteo-en {font-size: 0.95em; margin-top: 5% !important;} .module h2.title-event {font-size:28px; margin-top: 5% !important;} .module .date-sorteo {margin-top: 10%; font-size: 1.45em !important;} }