/* Responsive CSS */

/* Media queries
-------------------------------------------------------------- */

@media only screen and (orientation: portrait){

	.main-nav-ct {background-position: -40% center;}
	.menu-ct {align-items: center;}

}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1500px) and (orientation: landscape){
	
	/*.nav-trigger{background: orange !important;}*/

	/* GENERAL */
	.main-nav-ct .menu-logo, .main-nav-ct .site-navigation {margin-top: 17.5%;}
	

}

@media only screen and (max-width: 1200px) {
	
	/*.nav-trigger{background: red !important;}*/

	/* GENERAL */
	body {font-size: 0.75em}

	/* CENTROS */
	.producto-content .right .producto-body{width: 60%;}
	.producto-content .left .logo{width: 11em;height: 11em;}
	.producto-content .left .tarifas{width: 60%;}

	/* MAPA */
	.acf-map{height: 450px;}

}


@media only screen and (max-width: 1024px) {
	
	/*.nav-trigger{background: green !important;}*/

	/* GENERAL */
	.container.xxsmall-width {width: 30%}
	.container.small-width {width: 50%;}
	.container.inter-width {width: 60%;}

	.entry-summary {font-size: 110%;}

	.title-imago, .title-imago.ct::after {font-size: 2.8em; background-size: 2.8em; padding-top: 1.5em;}
	.imago-next {margin-left: 9em;}
	.title-imago.text-big {font-size: 5em; background-size: 1.5em;}
	.title-imago.text-big + .imago-next {margin-top: -5em;}
	.title-imago.text-xbig {font-size: 7em; background-size: 1.4em;}
	.title-imago.text-xbig + .imago-next {margin-top: -7em; margin-left: 11em;}

	/* HOME */
	.home-top .title-imago {font-size: 17em;}
	.home-top .home-top-body {padding-top: 3em; padding-bottom: 4em;}
	.home-top::after,
	.home-center {background-size: 130%}
	.home-top::after {background-position: -15em 100%;}
	.home-center {background-position: -15em 0}
	.home-center .columns .container {margin-left: 15% ;width: 75%}
	.home-tarifas .tarifas-body {width: 100%}

	#saco,
	#saco model-viewer {width: 333px; height: 1000px}
	#saco {top: -80px; left: -30px}

	/* AKA */
	.aka-top-body .logo {width: 19em; height: 23em;}
	.aka-tribu {background-position: center}

	/* METODO */
	.metodo-top-text .title-imago.text-xbig + .imago-next {margin-top: -10em;}
	
	/* HUB SOCIAL */
	.hub-summary {margin-right: 20%}

	/* CONTACTO */
	.contacto-header {padding-left: 0 !important}
	.contacto-header .logo {margin-right: 4em;}

	/* CENTROS */
	.producto-header .header{right: -5em;}
	.producto-header .title-imago.text-xbig{background-size: 1.2em!important;}
	.title-imago.text-xbig{padding-top: .6em;}
	.producto-header .header .entry-content{margin-top: -5em;margin-left: 12em;}
	.producto-content .left .logo{margin-left: 0;}
	.producto-content .left .tarifas{margin-left: 10em;}
	.producto-gal .owl-carousel{width: 80%;}
	.producto-ficha .producto-header{width: 100%;position: relative;}

}


@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {

	/*.nav-trigger{background: blue !important;}*/

}

@media only screen and (max-width: 920px) {

	.home-tarifas > .columns > .container > .col-1-3 {width: 40%; margin-left: 37%;}
	.home-tarifas > .columns > .container > .col-2-3 {width: 100%}

	.home-tarifas .tarifas .tarifa {margin-top: 2em;}
	.home-tarifas .tarifa-promo {width: 80%; float: right;}

}

@media only screen and (max-width: 820px) {

	/*.nav-trigger{background: pink  !important;}*/

	/* GENERAL */
	body {font-size: .65em}

	.rrss-list .fts-jal-single-fb-post {width: 46%;}

}

@media only screen and (max-width: 768px) {

	/*.nav-trigger{background: red  !important;}*/

	/* GENERAL */
	body {font-size: .7em}


	h1.text-huge, .entry-title.text-huge {font-size: 7em;}

	.title-imago.text-xbig {font-size: 6em;}
	.title-imago.text-xbig + .imago-next {margin-top: -6em;}

	.container.small-width {width: 55%}
	.container.medium-width {width: 70%;}
	.container.inter-width {width: 80%}

	/* MENUS */
	.main-nav-ct .menu-logo {margin-top: 0;}
	.nav-utilities ul.menu > li > a {padding: 19px 1px 24px 16px; font-size: 20px; background-size: 100%; width: 190px; }

	/* HOME */
	.home-top .title-imago {font-size: 14em;}
	.home-top .home-top-body {padding-top: 21em;}

	/* AKA */
	.aka-espacio {padding-left: 3%}
	.aka-tribu-body .title-imago {font-size: 14em;}
	.aka-top-body .logo {width: 17em; height: 18em;}

	/* METODO */
	.metodo-top-body .metodo-top-text {margin-left: -5%}
	.metodo-top-body .logo {width: 12em; height: 15em;}
	.metodo-top-text .title-imago.text-xbig + .imago-next {margin-left: 10em; width: 70%}

	/* TARIFAS */
	/*.tarifas-top .logo {display: none;}*/
	/*.tarifas-top .col-1-5 {width: 39%; margin-left: 10%} 
	.tarifas-top .col-1-5 .text-center {text-align: left} */
	.tarifas-top .col-2 {margin-left: 10%;}
	.tarifas .tarifa {width: 33.333%}


	/*.tarifas .tarifa::before {height: 100%; background-color: #F80606; width: 1px;}*/
	.tarifas .tarifa:nth-child(1)::before {display: none !important;}
	.tarifas .tarifa:nth-child(3n+1)::before {display: none;}
	.tarifas .tarifa:nth-child(4n+1)::before {display: block;}

	.tarifas .tarifa:nth-child(4n+1).noprice {text-align: center;}
	.tarifas #tarifa-4.noprice {text-align: center;}

	/* CONTACTO */
	.contacto-body .title-imago.text-big + .imago-next {margin-top: 0; margin-left: 2em;}
	.contacto-header .logo {display: none;}
	.contacto-header .greylight {margin-left: 4em;}

}	


/* IPAD Portrait */
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
	/*.nav-trigger{background: orange  !important;}*/
}

@media only screen and (max-device-width: 820px) and (orientation: landscape) {
	
	/*.nav-trigger{background: pink !important;}*/
}


/* IPHONE X Portrait
----------------------------------------------- */
@media only screen and (max-width: 666px) {

	/* GENERAL */
	body {font-size: .8em;}

	.columns,
	div.group-input {display: block;}
	[class^="col-"], [class*=" col-"] {width: auto; float: none; margin-left: auto; margin-right: auto}
	.container:not(.full-width),
	.tarifas .tarifa,
	.tarifas-top .col-1-5 {width:85% !important; margin-left: auto; margin-right: auto}
	.sec-sedes .sede-item:nth-child(1n){margin-left: 0;}
	.sec-sedes .sede-item::before{width: 0;}

	[class^="icon-"].med-icon:before, [class*=" icon-"].med-icon:before {font-size: 20px; line-height: 20px;}

	.title-imago.text-med {font-size: 2.8em;}
	/*.sec-default .container.medium-width {padding-top: 12em;}*/

	.wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright {width: 100%}

	/* MENU */ 
	.main-nav-ct {background-position: 140% 200%; background-size: 120%;}
	.main-nav-ct .menu-logo {display: none;}
	.nav-trigger {padding: 20px; width: 34px; height: 22px;}
	.nav-trigger .btn-nav-icon, .nav-trigger .btn-nav-icon:after, .nav-trigger .btn-nav-icon:before {width: 34px; height: 4px;}
	.nav-trigger .btn-nav-icon:before {transform: translate3d(0, -8px, 0); -webkit-transform: translate3d(0, -8px, 0);}
	.nav-trigger .btn-nav-icon:after {transform: translate3d(0, 8px, 0); -webkit-transform: translate3d(0, 8px, 0);}

	/* HOME */
	.home-top .title-imago,
	.aka-tribu-body .title-imago {font-size: 9em;}
	.home-top .bg-video video {width: 170%; margin-left: -37%}
	.home-top .home-top-body {padding-top: 17em;}
	.home-top .home-top-body .entry-summary {padding-top: 2em; margin: 0 auto; width: 50%; font-size: 120%}

	.home-top::after {display: none;}
	.home-center {background: #241e20 url('../images/home/center-mobile.jpg') no-repeat bottom center; padding-top: 0; padding-bottom: 20em;}
	.home-center .title-imago + .imago-next {margin-top: 0 !important; margin-left: 2em !important}
	.home-bottom::before,
	.rrss-list .utensilios {display: none;}
	.rrss-list .fts-jal-single-fb-post {width: 100%; margin: 0; display: block;}
	.home-hub {padding-top: 9em;}

	.home-tarifas > .columns > .container > .col-1-3 {width: 80%; margin-left: 10%;}
	.home-tarifas .tarifas-body {float: none !important}
	.home-tarifas .tarifas .tarifa {margin-top: 4em;}
	.home-tarifas .tarifas .tarifa:first-of-type {margin-top: 0;}
	.home-tarifas .tarifa-promo {width: 80%; float: none; margin-left: 10%; text-align: center; }
	.home-tarifas .tarifa-promo h2,
	.home-tarifas .tarifa-promo .columns div {width: 100%}
	.home-tarifas .tarifa-promo a {position: static;}

	#saco {left: -60px}
	#saco, #saco model-viewer {width: 290px; height: 890px; }

	/* AKA */
	.aka-top {padding-top: 10em;}
	.aka-top::after {display: none;}
	.aka-top-body figure {overflow: hidden;}
	.aka-top-body .logo {float: right; padding-bottom: 5em; margin-right: 2em;}
	.aka-top-body .container.small-width {margin-top: 4em}
	.video-aka {padding-top: 0}
	.aka-espacio {margin-top: 5em; padding-left: 5%}
	.aka-espacio .btn.text-huge {margin-top: 1.4em;}
	.aka-espacio .equipacion {padding-top: 0;}
	.aka-espacio .equipacion .text-right {text-align: center; padding-bottom: 0.4em; border-bottom: 2px solid #F80606; }
	.aka-espacio .equipacion-image {max-width: 60%; margin: 3em auto 0;}
	.aka-tribu {background: #4b4b4b url('../images/aka/urban-tribu-mobile.jpg') no-repeat bottom center; background-size: 100%; padding-bottom: 25em;}
	.aka-tribu-body .xxsmall-width {margin-left: auto;}
	.aka-tribu-body .logo {display: none;}

	/* METODO */
	.metodo-top-body .metodo-top-text {margin-left: 15%}
	.metodo-top-text .title-imago.text-xbig + .imago-next {padding-top: 0 !important}
	.metodo-top-body {padding-bottom: 0}
	.metodo-top-body .featimg {max-height: 45em; overflow: hidden;}
	.metodo-top-body .featimg .slider-gal {margin-top: -6em;}
	.metodo-top-body .logo {right: auto; left: 3em;}
	/*.metodo-top-body .logo * {fill: #F80606;}*/
	.metodo-top-body .system-tit {padding-top: 1em;}

	.met-circle {font-size: 65%}
	.metodo-bottom .floatRight .floatRight {margin-top: 4em; margin-right: 9em}

	/* HORARIOS */
	.sec-horarios .logo,
	.sec-hub .logo {display: none;}

	/* TARIFAS */
	.tarifas-top .logo {display: none;}
	.tarifas-top .col-2 {margin-right: 10%}
	.tarifas .tarifa {margin-bottom: 4em;}
	.tarifas .tarifa::before {width: 92%; height: 1px; top: -2em; left: 4%; display: block !important}
	.sec-tarifas .tarifas-body {padding-top: 0; margin-top: -5em;}
	.sec-tarifas .title-imago.text-med,
	.tarifas #tarifa-1.noprice, .tarifas .tarifa:nth-child(4n+1).noprice {background: none; text-align: center; padding-left: 0}

	/* CONTACTO */
	.contacto-header h2 {text-align: center}
	div.group-input .input {width: auto;}
	input, select, textarea, button:not(.mgbutton),
	div.group-input .input input, div.group-input .input select, div.group-input .input textarea {padding: .5em 4%; width: 92%;}
	.widget input, .widget select, .widget textarea, .widget.widget_search input, .widget .search-block .wp-block-search .wp-block-search__input {width: 100%}

	/* FOOTER */
	.footer-logo {display: none;}
	.sidebar-footer .columns {text-align: center;}
	.has-utils .sidebar-footer .columns {text-align: right;}
	.sidebar-footer .widget {padding-bottom: 4em !important}
	.sidebar-footer .widget:last-of-type {padding-bottom: 0 !important}
	.sidebar-footer .widget::before {width: 92%; height: 1px; top: -2em; left: 4%}
	.sidebar-footer .widget:first-of-type::before {display: none;}

	/* LANDING */
	.sec-landing {background-size: 200%}
	.header-landing .title-imago.text-huge {font-size: 10em;}
	.header-landing h2 {font-size: 160%;}
	.body-landing {padding-top: 6em;}
	.body-landing .tarifa-promo {margin-top: 5em;}

	/* LANDING HORARIOS */
	.horario-ct.container {width: 100% !important; margin-left: 0; margin-right: 0; background-color: #FFF}
	.sec-landing-horarios .vertical-align-ct,
	.sec-landing-horarios .vertical-align-inner {display: block !important;}
	.sec-landing-horarios .horarios-header {padding: 5em 2em 2em; background-color: #555; color: #FFF; font-size: 1.25em; line-height: 110%}
	.sec-landing-horarios .horarios-header h2 {font-size: 3em;}
	.sec-landing-horarios .horarios-header .entry-content {color: #FFF !important}
	.horarios-container {padding-top: 0; background-color: #FFF}

	.sec-landing-horarios .tab-nav {background-color: #F80606; border-right: 0}
	.sec-landing-horarios .tab-nav ul {display: flex; justify-content: space-between;}
	.sec-landing-horarios .tab-nav li {text-align: center}
	.sec-landing-horarios .tab-nav li.active {background-color: #FFF}
	.sec-landing-horarios .tab-nav li a span.h-tit {display: none;}
	.sec-landing-horarios .tab-nav li a span.h-tit-c {display: block;}
	.sec-landing-horarios .tab-nav li {display: inline-block; width: 30%}
	.sec-landing-horarios .tab-nav li a {color: #FFF; padding: 0.6em 5%; width: 90%}
	.sec-landing-horarios .tab-nav li:first-child a {padding-top: .6em;}

	.sec-landing-horarios .tab-container {padding-left: 0; padding-right: 0; padding-top: 3em;}
	.sec-landing-horarios .clase-row {padding-left: 1.5em; padding-right: 1em; display: flex; font-size: 1.2em; align-items: flex-start;}
	.clase-row .clase-desc p {display: block;}

	/* CENTROS */
	.producto-header .header{position: relative;width: 80%;margin: 4em auto 1em auto;right: inherit;top: inherit;padding-bottom: 2em;}
	.producto-header img.fullwidth{width: 200%;}
	.producto-header .header .entry-content{width: 66%;margin-top: -3em;margin-left: 6.5em;}
	.producto-content .left{width: 80%;margin: 0 auto;position: relative;float: none;}
	.producto-content .right{width: 100%;}
	.producto-content .left .tarifas{width: 100%;margin-left:0;}
	.producto-content .left .container{width: 100%!important;}
	.producto-content .right .producto-body{width: 80%;}
	.producto-content .left .tarifas .entry-content{margin-left: 0;}
	.producto-content .left .logo{width: 10em;height: 12em;}
	.producto-header .title-imago.text-xbig{background-size: 1.6em!important;}
	.producto-header .title-imago.text-xbig{padding-top: 1em!important;}
}

@media only screen and (max-width: 480px) {

	/* GENERAL */

	/* OCULTAMOS ALGUNOS ELEMENTOS */
	br,
	.no-mobile {display: none;}
	.btn br {display: inherit;}

	table br,
	.mobile {display: inherit;}

	.text-small,
	.text-xsmall {font-size: 100%}

	h2, .entry-subtitle {font-size: 2em;}

	.entry-summary {padding-left: 0; padding-bottom: 2em;}

	.title-imago, .title-imago.ct::after {font-size: 2em;}
	.imago-next {margin-left: 2em !important; margin-top: 0 !important; margin-right: 0 !important; }
	.title-imago.text-xbig {font-size: 4.25em;}

	.tab-nav li {font-size: 2em;}
	.video-ct {padding: 1.2em; border-radius: 1em 0 0 1em}

	.container:not(.full-width),
	.tarifas .tarifa,
	.tarifas-top .col-1-5 {width: 80% !important;}

	.logo {width: 9em; height: 11em;}

	svg.xxbig-icon,
	.xxbig-icon svg {width: 54px; height: 54px; }
	[class^="icon-"].xxbig-icon:before, 
	[class*=" icon-"].xxbig-icon:before {
	    font-size: 54px;
	    line-height: 54px;
	}

	.sec-default .header {padding-bottom: 2.5em}
	.sec-default .header figure {display: none;}

	/* MENU */
	.nav-utilities {bottom: 1em;}
	.nav-utilities ul.menu > li > a br {display: block;}

	/* HOME */
	.home-top .title-imago, .aka-tribu-body .title-imago {font-size: 8em;}
	.home-top .title-imago  {margin-top: 3.8em;}
	.home-top .home-top-body {padding-top: 0}
	.home-center .columns .container {padding-bottom: 30em; margin-left: auto;}

	#saco {position: relative; left: 60px}

	.home-metodo {margin-top: -10em;}
	.home-metodo > .container {float: none;}

	.home-bottom {background: none;}
	.home-hub {padding-top: 0}
	.home-hub > .container {-webkit-transform: translateX(0);transform: translateX(0);}

	/* AKA */
	.aka-top {background-size: 60%}
	.aka-top-body .logo {width: 9em; height: 11em;}
	.aka-top-body .container.small-width {margin-left: auto;}
	.aka-espacio .equipacion-image {max-width: 80%}
	.aka-tribu {background-size: 130%; padding-bottom: 19em;}
	.video-aka {width: 90% !important}
	
	/* METODO */
	.met-circle {font-size: 45%}
	.met-circle .step-item .nbr {width: 7em; height: 7em;}
	/*.met-circle .cir-core .cir-core-ct {display: none}*/
	.met-circle .cir-core .cir-core-ct .logo {width: 7em; height: 9em;}
	.met-circle .cir-core::before {width: 23em; height: 23em; left: 0.5em; top: 0.5em;}
	.met-circle .cir-core::after {width: 21em; height: 21em; left: 1.55em; top: 1.55em;}
	.met-circle .step-item .nbr::before, .met-circle .step-item .nbr::after {border-width: 3px;}
	.met-circle .step-item .nbr:after {width: calc(7em + 3px); height: calc(7em + 3px); top: -5px; left: -5px;}
	.met-circle .step-item .nbr:before { width: calc(7em - 1px); height: calc(7em - 1px); top: -3px; left: -3px;}
	.met-circle .step-item .nbr span {font-size: 4em;}

	.metodo-bottom {padding-bottom: 3em;}
	.metodo-bottom .entry-summary {margin-left: 30%; width: 90%;}

	/* HUB SOCIAL */
	.hub-summary {margin-right: auto; margin-left: 0.8em;}

	/* HORARIOS */
	.sec-horarios {padding-top: 4em;}
	.horarios-body.container {border-radius: 0; width: 90% !important; padding-left: 5%; padding-right: 5% }

	/* CONTACTO */
	.contacto-header .greylight {margin-left: 0}
	.contacto-aside {padding-bottom: 0 !important}
	.contacto-map::before {display: none;}
	.acf-map {height: 500px;}

	/* FOOTER */
	.has-utils .sidebar-footer .columns .wp-block-group {margin-left: 110px;}

	/* LANDING */
	.header-landing .title-imago.text-huge {font-size: 8em;}
	.header-landing h2 {font-size: 130%}

	/* LANDING HORARIOS */
	.sec-landing .body-landing .entry-content br {display: block;}
	.sec-landing-horarios .vertical-align-ct,
	.sec-landing-horarios .vertical-align-inner {width: 100% !important;}
}


/* iPHONE 4 */
@media only screen and (max-width: 320px) {
	
	/*.nav-trigger{background: gray !important;} */
	
	/* GENERAL */
	body {font-size: 70%}

	.title-imago {background: none; padding: 0 !important}
	.title-imago.ct::after {display: none;}
	.imago-next {margin-left: 0 !important}
	/* LANDING */
	.header-landing .title-imago.text-huge {font-size: 8em;}
	.header-landing h2 {top: 1em; left: auto}
	
}


@media only screen and (min-width: 1400px) {

	/*.nav-trigger{background: green !important;} */
	
	/* GENERAL */
	body {font-size: .95em}

	.home-bottom .imago-next {margin-right: 8em}
	.hub-summary {float: none !important; margin-left: 7.2em;}

}

@media only screen and (min-width: 1700px) {

	/*.nav-trigger{background: blue !important;} */
	
	/* GENERAL */
	body {font-size: 1em}

	[class^="icon-"].med-icon:before, [class*=" icon-"].med-icon:before {font-size: 30px; line-height: 30px;}
	[class^="icon-"]:before, [class*=" icon-"]:before {font-size: 36px; line-height: 36px;}

	/* MENU */
	.nav-trigger {width: 48px; height: 35px;}
	.nav-trigger .btn-nav-icon, .nav-trigger .btn-nav-icon:after, .nav-trigger .btn-nav-icon:before {width: 48px; height: 6px;}
	.nav-trigger .btn-nav-icon {transform: translate3d(0, 14px, 0); -webkit-transform: translate3d(0, 14px, 0);}
	.nav-trigger .btn-nav-icon:before {transform: translate3d(0, -12px, 0); -webkit-transform: translate3d(0, -12px, 0);}
	.nav-trigger .btn-nav-icon:after {transform: translate3d(0, 12px, 0); -webkit-transform: translate3d(0, 12px, 0);}

	.nav-utilities ul.menu > li > a {height: 40px;}
	.home-bottom::before {width: 17%}

	/* HOME */
	.home-top .title-imago {font-size: 26em;}
	.home-center .columns .container {max-height: 15em;}
	.home-bottom .imago-next {margin-right: 20%}

	.rrss-list .utensilios {top: -21em; height: 33em;}

	/*#saco {left: -60px}*/
	#saco, #saco model-viewer {width: 513px; height: 1370px; }

}

@media only screen and (min-width: 2300px) {
	
	/*.nav-trigger{background: yellow !important;}*/

	/* GENERAL */
	body {font-size: 1.1em}

	/* HOME */
	.home-top .home-top-body {padding-top: 25em;}
	.home-bottom .imago-next {margin-right: 40%}
	#saco, #saco model-viewer {width: 573px; height: 1430px; }

	.rrss-list .utensilios {top: -27.5em; height: 40em;}

}