@charset "utf-8";
/*Variables*/
:root {
  --main-bg-color: brown;
  --global-primary-background : #8A1B1B;
  --global-secondary-background : #0A3743;
  --global-tertiary-background : #FED16D;
  --global-cuaternary-background: #69C3C4;
  --global-original : #188285;
  --global-habanero : #9C4700;
  --global-chipotle : #405400;
  --global-jalapeno : #6A4E08;
  --global-original-pleca: #D43440;
  --global-habanero-pleca: #D43440;
  --global-chipotle-pleca: #076072;
  --global-jalapeno-pleca: #8AC1C4;
}


/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1600px) {

  /*
    Título de producto
  */
  .seccion-intro-producto {}
}

@media (min-width: 1281px) and (max-width: 1599px) {

  /*
    Título de producto
  */
  .seccion-intro-producto {}

  /*
    Banner inicio
  */
  #tm-main .seccion-banner-intro h1 {
    font-size: 8.6px;
  }
}

/* 
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

  /*
    Banner inicio
  */
  #tm-main .seccion-banner-intro h1 {
    font-size: 7.2px;
  }

  /*
    Título de producto
  */
  #tm-main .seccion-intro-producto {}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  #tm-main .seccion-banner-bienvenida::after {
    display: block;
  }
}

/* 
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

  /*
    Banner inicio
  */
  #tm-main .seccion-banner-intro {
    align-items: flex-start;
    max-height: 440px;
    height: 440px;
    min-height: 440px !important;
  }

  #tm-main .seccion-banner-intro>div {
    height: 440px;
    display: flex;
    flex-flow: row nowrap;
    max-width: 100vw;
  }

  #tm-main .seccion-banner-intro>div>div:nth-child(1) {
    height: 100%;
    width: 50%;
  }

  #tm-main .seccion-banner-intro>div>div:nth-child(2) {
    margin-top: 0px !important;
    height: 100%;
    width: 54%;
  }

  #tm-main .seccion-banner-intro>div>div:nth-child(2)>div,
  #tm-main .seccion-banner-intro>div>div:nth-child(2)>div>div {
    height: 100%;
  }

  #tm-main .seccion-banner-intro h1 {
    font-size: 4.5px;
    line-height: 0.4;
    text-align: center;
    margin-left: -5rem;
    margin-top: 0;
  }

  #tm-main .seccion-banner-intro .contenedor-imagen-banner {
    width: 28%;
    top: 47%;
  }

  /*
    Bienvenida
  */

  #tm-main .seccion-banner-bienvenida {
    margin-top: 0;
  }

  #tm-main .contenedor-imagen-bienvenida-movil {
    margin-top: -10rem;
  }

  .seccion-banner-bienvenida.uk-hidden\@m>.uk-container::after,
  .seccion-banner-bienvenida .contenedor-bienvenida::after {
    display: none !important;
  }

  #tm-main .imagen-gourmet-mediano {
    display: block;
  }

  #tm-main .imagen-gourmet-mediano img {
    width: 100%;
  }

  #tm-main .imagen-gourmet-pequeno {
    display: none;
  }


  /*
    Título de producto
  */
  #tm-main .seccion-titulo-producto {
    margin-top: 7rem;
  }

  #tm-main .seccion-intro-producto {}

  /*
    Sección de información de productos
  */
  #tm-main .seccion-info-producto {
    padding-top: 0 !important;
  }

  #tm-main .seccion-info-producto::after {
    top: inherit;
    bottom: 0;
    height: 42%;
    width: 100%;
    border-left: none;
    border-top: 8px solid var(--global-original-pleca);
  }

  #tm-main .seccion-info-producto .uk-tile {
    padding-top: 0px !important;
  }

  /*
    Página de recetas
  */


}

@media (min-width: 768px) and (max-width: 959px) {
  #tm-main .contenedor-listado-receta:nth-child(even) .imagen-receta {
    order: 1
  }

  #tm-main .icono-receta > div > div {
    width: 127px;
    height: 27px;
    margin: 0 auto;
  }

  #tm-main .contenedor-listado-receta:nth-child(even) .datos-receta {
    order: 2
  }

  #tm-main .contenedor-listado-receta .imagen-receta,
  #tm-main .contenedor-listado-receta:nth-child(even) .imagen-receta {
    position: relative;
    z-index: 5;
  }

  #tm-main .contenedor-listado-receta:nth-child(odd) .datos-receta::after,
  #tm-main .contenedor-listado-receta:nth-child(even) .datos-receta::after {
    right: 50%;
    left: inherit;
    top: inherit;
    bottom: 0;
    transform: translate(50%);
  }

  #tm-main .contenedor-listado-receta .datos-receta::after {
    height: 114%;
    width: 127%;
  }

  #tm-main .contenedor-listado-receta .datos-receta::after {
    content: '';
    display: block;
    width: 46%;
    height: 120%;
    position: absolute;
    background-color: #8A1B1B;
    z-index: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 114%;
  }

  #tm-main .contenedor-listado-receta .icono-receta {
    order: 3;
    position: relative;
    z-index: 5;
  }

  #tm-main .contenedor-listado-receta .icono-receta > div > div::after {
    content: '';
    display: block;
    width: 100%;
    height: 90px;
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
    top: inherit;
  }

  #tm-main .contenedor-listado-receta .fila-lista-receta.original .datos-receta::after{
    background-color: var(--global-original);
    border-bottom: 8px solid var(--global-original-pleca);
  }

  #tm-main .contenedor-listado-receta .fila-lista-receta.habanero .datos-receta::after{
    background-color: var(--global-habanero);
    border-bottom: 8px solid var(--global-habanero-pleca);
  }

  #tm-main .contenedor-listado-receta .fila-lista-receta.jalapeno .datos-receta::after{
    background-color: var(--global-jalapeno);
    border-bottom: 8px solid var(--global-jalapeno-pleca);
  }

  #tm-main .contenedor-listado-receta .fila-lista-receta.chipotle .datos-receta::after{
    background-color: var(--global-chipotle);
    border-bottom: 8px solid var(--global-chipotle-pleca);
  }
}


/* 
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  /*
    Banner inicio
  */
  #tm-main .seccion-banner-intro {
    align-items: flex-start;
    max-height: 520px;
    height: 520px;
    min-height: 520px !important
  }

  #tm-main .seccion-banner-intro>div {
    height: 520px;
    display: flex;
    flex-flow: row nowrap;
    max-width: 100vw;
  }

  #tm-main .seccion-banner-intro>div>div:nth-child(1) {
    height: 100%;
    width: 50%;
  }

  #tm-main .seccion-banner-intro>div>div:nth-child(2) {
    margin-top: 0px !important;
    height: 100%;
    width: 54%;
  }

  #tm-main .seccion-banner-intro>div>div:nth-child(2)>div,
  #tm-main .seccion-banner-intro>div>div:nth-child(2)>div>div {
    height: 100%;
  }

  #tm-main .seccion-banner-intro h1 {
    font-size: 6.3px;
    line-height: 0.4;
    text-align: center;
    margin-left: -5rem;
    margin-top: 0;
  }

  #tm-main .seccion-banner-intro .contenedor-imagen-banner {
    width: 28%;
    top: 47%;
  }

  /*
    Bienvenida
  */

  #tm-main .seccion-banner-bienvenida {
    margin-top: 0;
  }

  #tm-main .contenedor-imagen-bienvenida-movil {
    margin-top: -10rem;
  }

  #tm-main .seccion-banner-bienvenida::after {}

  #tm-main .imagen-gourmet-mediano {
    display: block;
  }

  #tm-main .imagen-gourmet-mediano img {
    width: 100%;
  }

  #tm-main .imagen-gourmet-pequeno {
    display: none;
  }

  /*
    Título de producto
  */
  #tm-main .seccion-titulo-producto {
    margin-top: 0rem;
  }

  #tm-main .seccion-intro-producto {
    height: 450px;
  }

  /*
    Sección de información de productos
  */
  #tm-main .seccion-info-producto {
    padding-top: 0 !important;
  }

  #tm-main .seccion-info-producto::after {
    top: inherit;
    bottom: 0;
    height: 42%;
    width: 100%;
    border-left: none;
    border-top: 8px solid var(--global-original-pleca);
  }

  #tm-main .seccion-info-producto .uk-tile {
    padding-top: 0px !important;
  }

  /*
    Página de recetas
  */


}

/*
##Device = iPhone X (Landscape)
*/

@media only screen and (min-device-width: 375px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  #tm-main .seccion-titulo-producto {
    margin-top: 7rem;
  }

  /*
    Página de recetas
  */

  #tm-main .contenedor-listado-receta:nth-child(even) .imagen-receta {
    order: 1
  }

#tm-main .icono-receta > div > div {
    width: 127px;
    height: 27px;
    margin: 0 auto;
}

  #tm-main .contenedor-listado-receta:nth-child(even) .datos-receta {
    order: 2
  }

  #tm-main .contenedor-listado-receta .imagen-receta,
  #tm-main .contenedor-listado-receta:nth-child(even) .imagen-receta {
    position: relative;
    z-index: 5;
  }

  #tm-main .contenedor-listado-receta:nth-child(odd) .datos-receta::after,
  #tm-main .contenedor-listado-receta:nth-child(even) .datos-receta::after {
    right: 50%;
    left: inherit;
    top: inherit;
    bottom: 0;
    transform: translate(50%);
  }

  #tm-main .contenedor-listado-receta .datos-receta::after {
    height: 114%;
    width: 127%;
  }

  #tm-main .contenedor-listado-receta .datos-receta::after {
    content: '';
    display: block;
    width: 46%;
    height: 120%;
    position: absolute;
    background-color: #8A1B1B;
    z-index: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 114%;
  }

  #tm-main .contenedor-listado-receta .icono-receta {
    order: 3;
    position: relative;
    z-index: 5;
  }

  #tm-main .contenedor-listado-receta .icono-receta > div > div::after {
    content: '';
    display: block;
    width: 100%;
    height: 90px;
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
    top: inherit;
  }

  #tm-main .contenedor-listado-receta .fila-lista-receta.original .datos-receta::after{
    background-color: var(--global-original);
    border-bottom: 8px solid var(--global-original-pleca);
  }

  #tm-main .contenedor-listado-receta .fila-lista-receta.habanero .datos-receta::after{
    background-color: var(--global-habanero);
    border-bottom: 8px solid var(--global-habanero-pleca);
  }

  #tm-main .contenedor-listado-receta .fila-lista-receta.jalapeno .datos-receta::after{
    background-color: var(--global-jalapeno);
    border-bottom: 8px solid var(--global-jalapeno-pleca);
  }

  #tm-main .contenedor-listado-receta .fila-lista-receta.chipotle .datos-receta::after{
    background-color: var(--global-chipotle);
    border-bottom: 8px solid var(--global-chipotle-pleca);
  }
}

/* 
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

  /*
    Banner inicio
  */
  #tm-main .seccion-banner-intro {
    align-items: flex-start;
  }

  #tm-main .seccion-banner-intro>div {
    /*height: 665px;*/
  }

  #tm-main .seccion-banner-intro>div>div:nth-child(1) {
    /*height: 59%;*/
  }

  #tm-main .seccion-banner-intro>div>div:nth-child(2) {
    margin-top: 0px !important;
    /*height: 41%;*/
  }

  #tm-main .seccion-banner-intro>div>div:nth-child(2)>div,
  #tm-main .seccion-banner-intro>div>div:nth-child(2)>div>div {
    height: 100%;
  }

  #tm-main .seccion-banner-intro h1 {
    font-size: 6px;
    line-height: 0.4;
    text-align: center;
    margin-left: -3rem;
    margin-top: 3rem;
  }

  #tm-main .seccion-banner-intro .fondo-texto-intro {
    align-items: flex-start;
    border-right: none;
    border-bottom: 9px solid var(--global-primary-background);
  }

  #tm-main .seccion-banner-intro .contenedor-imagen-banner {
    width: 37%;
    top: 55%;
  }

  /*
    Bienvenida
  */

  #tm-main .seccion-banner-bienvenida {
    margin-top: 0;
  }

  #tm-main .contenedor-imagen-bienvenida-movil {
    margin-top: -5rem;
  }

  .seccion-banner-bienvenida.uk-hidden\@m>.uk-container::after,
  .seccion-banner-bienvenida .contenedor-bienvenida::after {
    display: none !important;
  }

  #tm-main .imagen-gourmet-mediano {
    display: block;
  }

  #tm-main .imagen-gourmet-pequeno {
    display: none;
  }

  /*
    Sección de información de productos
  */
  #tm-main .seccion-info-producto {
    padding-top: 0 !important;
  }

  #tm-main .seccion-info-producto::after {
    top: inherit;
    bottom: 0;
    height: 42%;
    width: 100%;
    border-left: none;
    border-top: 8px solid var(--global-original-pleca);
  }

  #tm-main .seccion-info-producto .uk-tile {
    padding-top: 0px !important;
  }

  /*
    Título de producto
  */
  #tm-main .seccion-titulo-producto {
    margin-top: 7rem;
  }

  #tm-main .seccion-intro-producto {}

  /*
    Imagen de producto
  */
  .seccion-imagen-producto picture {
    width: 43%;
  }

  /*
    Página de recetas
  */

  #tm-main .contenedor-listado-receta:nth-child(even) .imagen-receta {
    order: 1
  }

  #tm-main .icono-receta > div > div {
    width: 127px;
    height: 27px;
    margin: 0 auto;
  }

  #tm-main .contenedor-listado-receta:nth-child(even) .datos-receta {
    order: 2
  }

  #tm-main .contenedor-listado-receta .imagen-receta,
  #tm-main .contenedor-listado-receta:nth-child(even) .imagen-receta {
    position: relative;
    z-index: 5;
  }

  #tm-main .contenedor-listado-receta:nth-child(odd) .datos-receta::after,
  #tm-main .contenedor-listado-receta:nth-child(even) .datos-receta::after {
    right: 50%;
    left: inherit;
    top: inherit;
    bottom: 0;
    transform: translate(50%);
  }

  #tm-main .contenedor-listado-receta .datos-receta::after {
    height: 114%;
    width: 127%;
  }

  #tm-main .contenedor-listado-receta .datos-receta::after {
    content: '';
    display: block;
    width: 46%;
    height: 120%;
    position: absolute;
    background-color: #8A1B1B;
    z-index: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 114%;
  }

  #tm-main .contenedor-listado-receta .icono-receta {
    order: 3;
    position: relative;
    z-index: 5;
  }

  #tm-main .contenedor-listado-receta .icono-receta > div > div::after {
    content: '';
    display: block;
    width: 100%;
    height: 90px;
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
    top: inherit;
  }

  #tm-main .contenedor-listado-receta .fila-lista-receta.original .datos-receta::after{
    background-color: var(--global-original);
    border-bottom: 8px solid var(--global-original-pleca);
  }

  #tm-main .contenedor-listado-receta .fila-lista-receta.habanero .datos-receta::after{
    background-color: var(--global-habanero);
    border-bottom: 8px solid var(--global-habanero-pleca);
  }

  #tm-main .contenedor-listado-receta .fila-lista-receta.jalapeno .datos-receta::after{
    background-color: var(--global-jalapeno);
    border-bottom: 8px solid var(--global-jalapeno-pleca);
  }

  #tm-main .contenedor-listado-receta .fila-lista-receta.chipotle .datos-receta::after{
    background-color: var(--global-chipotle);
    border-bottom: 8px solid var(--global-chipotle-pleca);
  }
}

/* 
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  /*
    Ajustes menú
  */



  /*
    Banner inicio
  */
  #tm-main .seccion-banner-intro {
    align-items: flex-start;
    /*max-height: 645px;
    height: 645px;
    min-height: 645px !important;
    margin-bottom: 6rem !important;*/
  }

  #tm-main .seccion-banner-intro>div {
    /*height: 636px;*/
  }

  #tm-main .seccion-banner-intro>div>div:nth-child(1) {
    /*height: 69%;*/
  }

  #tm-main .seccion-banner-intro>div>div:nth-child(2) {
    margin-top: 0px !important;
    /*height: 31%;*/
  }

  #tm-main .seccion-banner-intro>div>div:nth-child(2)>div,
  #tm-main .seccion-banner-intro>div>div:nth-child(2)>div>div {
    height: 100%;
  }

  #tm-main .seccion-banner-intro h1 {
    font-size: 4.2px;
    line-height: 0.86;
    margin-left: -0.5rem;
    margin-top: 2.5rem;
    text-align: center;
  }

  #tm-main .seccion-banner-intro .texto-tradicion {
    margin-bottom: -0.6em;
  }

  #tm-main .seccion-banner-intro .fondo-texto-intro {
    align-items: flex-start;
    border-right: none;
    border-bottom: 9px solid var(--global-primary-background);
  }

  #tm-main .seccion-banner-intro .contenedor-imagen-banner {
    width: 85%;
    top: 68%;
  }

  /*
    Banner bienvenida
  */
  #tm-main .seccion-banner-bienvenida {
    margin-top: 0;
  }

  #tm-main .seccion-banner-bienvenida::after,
  .seccion-banner-bienvenida .contenedor-bienvenida::after {
    display: none;
  }

  #tm-main .contenedor-imagen-bienvenida-movil {
    margin-top: -5rem;
  }

  #tm-main .imagen-gourmet-mediano {
    display: none;
  }

  #tm-main .imagen-gourmet-pequeno {
    display: block;
  }

  /*
    Título de producto
  */
  #tm-main .seccion-titulo-producto {
    margin-top: 3rem;
  }

  #tm-main .seccion-intro-producto {}

  /*
    Imagen de producto
  */
  .seccion-imagen-producto picture {
    width: 75%;
  }

  /*
    Sección de información de productos
  */
  #tm-main .seccion-info-producto {
    padding-top: 0 !important;
  }

  #tm-main .seccion-info-producto::after {
    top: inherit;
    bottom: 0;
    height: 19%;
    width: 100%;
    border-left: none;
    border-top: 8px solid var(--global-original-pleca);
  }

  #tm-main .seccion-info-producto .uk-tile {
    padding-top: 0px !important;
  }

  /*
    Página de recetas
  */

  #tm-main .contenedor-listado-receta:nth-child(even) .imagen-receta {
    order: 1
  }

#tm-main .icono-receta > div > div {
    width: 127px;
    height: 27px;
    margin: 0 auto;
}

  #tm-main .contenedor-listado-receta:nth-child(even) .datos-receta {
    order: 2
  }

  #tm-main .contenedor-listado-receta .imagen-receta,
  #tm-main .contenedor-listado-receta:nth-child(even) .imagen-receta {
    position: relative;
    z-index: 5;
  }

  #tm-main .contenedor-listado-receta:nth-child(odd) .datos-receta::after,
  #tm-main .contenedor-listado-receta:nth-child(even) .datos-receta::after {
    right: 50%;
    left: inherit;
    top: inherit;
    bottom: 0;
    transform: translate(50%);
  }

  #tm-main .contenedor-listado-receta .datos-receta::after {
    height: 114%;
    width: 127%;
  }

  #tm-main .contenedor-listado-receta .datos-receta::after {
    content: '';
    display: block;
    width: 46%;
    height: 120%;
    position: absolute;
    background-color: #8A1B1B;
    z-index: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 114%;
  }

  #tm-main .contenedor-listado-receta .icono-receta {
    order: 3;
    position: relative;
    z-index: 5;
  }

  #tm-main .contenedor-listado-receta .icono-receta > div > div::after {
    content: '';
    display: block;
    width: 100%;
    height: 90px;
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
    top: inherit;
  }

  #tm-main .contenedor-listado-receta .fila-lista-receta.original .datos-receta::after{
    background-color: var(--global-original);
    border-bottom: 8px solid var(--global-original-pleca);
  }

  #tm-main .contenedor-listado-receta .fila-lista-receta.habanero .datos-receta::after{
    background-color: var(--global-habanero);
    border-bottom: 8px solid var(--global-habanero-pleca);
  }

  #tm-main .contenedor-listado-receta .fila-lista-receta.jalapeno .datos-receta::after{
    background-color: var(--global-jalapeno);
    border-bottom: 8px solid var(--global-jalapeno-pleca);
  }

  #tm-main .contenedor-listado-receta .fila-lista-receta.chipotle .datos-receta::after{
    background-color: var(--global-chipotle);
    border-bottom: 8px solid var(--global-chipotle-pleca);
  }
}

/* 
##Anchos específicos
*/



/*Ajustes menú movil*/
/*.navbar-collapse {
    width:100%;
    display: none
}*/