@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;
  }

/*General*/
body {
    background-image: url(../../../../../wp-content/uploads/2023/08/tile-fondo.jpg);
    background-repeat: repeat;
    background-size: 360px;
}

.plecas {
    position: relative;
}

/*.plecas::after {
    content: '';
    display: block;
    width: 200%;
    height: 4px;
    position: absolute;
    top: 50%;
    right: 105%;
    left: inherit;
    transform: translateY(50%);;
    background-color: var(--global-secondary-background);
    z-index: 0;
}

.plecas::before {
    content: '';
    display: block;
    width: 200%;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 105%;
    right: inherit;
    transform: translateY(50%);
    background-color: var(--global-secondary-background);
    z-index: 0;
}*/

.uk-navbar-left .uk-navbar-toggle-icon > svg {
    width: 31px;
    color: #ffffff;
}

/*
    Banner introducción inicio
    .seccion-banner-intro
*/

.seccion-banner-intro {
    position: relative;
    z-index: 1;
}

.seccion-banner-intro h1 {
    font-size: 8px;
    line-height: 0.8;
    margin-bottom: 7em !important;
    margin-top: 1em;
}

.seccion-banner-intro .texto-tradicion {
    font-size: 5.795em;
    margin-bottom: -0.16em;
}

.seccion-banner-intro .texto-mexicana {
    font-size: 8.299em;
}

.seccion-banner-intro .contenedor-imagen-banner {
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.seccion-banner-intro .fondo-texto-intro {
    position: relative;
    border-right: 9px solid var(--global-primary-background);
}

/*.seccion-banner-intro .fondo-texto-intro::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(../images/fondo-texto-intro.png);
    mix-blend-mode: luminosity;
    z-index: -1;
    background-position: center;
    background-size: cover;
}*/

/*
    Sección bienvenida
    .seccion-banner-bienvenida
*/
.seccion-banner-bienvenida {
    position: relative;
    z-index: 0;
    /*margin-top: 50px;
    margin-bottom: 50px*/
}

.seccion-banner-bienvenida .contenedor-bienvenida {
    position: relative;
}

.seccion-banner-bienvenida  .contenedor-bienvenida::after {
    content: '';
    display: block;
    width: 111%;
    height: 81%;
    position: absolute;
    left: 0;
    top: 50%;
    background-color: var(--global-primary-background);
    z-index: -1;
    transform: translateY(-50%);
}

.seccion-banner-bienvenida.bn-derecha .contenedor-bienvenida::after {
    content: '';
    display: block;
    width: 111%;
    height: 81%;
    position: absolute;
    left: -41px;
    top: 50%;
    background-color: var(--global-primary-background);
    z-index: -1;
    transform: translateY(-50%);
}

.seccion-banner-bienvenida .contenedor-bienvenida {
    position: relative;
    z-index: 3;
}

.seccion-banner-bienvenida .uk-tile-default {
    background: none !important;
}

/*
    Productos en inicio
    .seccion-productos-inicio
    .contenedor-producto-inicio
*/
.contenedor-producto-inicio {
    position: relative;
}

.contenedor-producto-inicio::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 552px;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: 100%;
    mix-blend-mode: luminosity;
    transform: translateY(-60px);
}

.producto-original::before {
    background-image: url(../images/ilustracion-original-inicio.png);
}

.producto-habanero::before {
    background-image: url(../images/ilustracion-habanero-inicio.png);
}

.producto-jalapeno::before {
    background-image: url(../images/ilustracion-jalapeno-inicio.png);
}

.producto-chipotle::before {
    background-image: url(../images/ilustracion-chipotle-inicio.png);
}

.contenedor-producto-inicio > div > div > div:nth-child(1) {
    position: relative;
    margin: 0!important
}

.contenedor-producto-inicio > div > div > div:nth-child(1)::before {
    content: '';
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    border-top-width: 8px;
    border-top-style: solid;
}

.contenedor-producto-inicio > div > div > div:nth-child(1) > a {
    z-index: 2;
    position: relative;
}

.contenedor-producto-inicio > div > div > .uk-panel {
    margin: 0 !important;
    position: relative;
}

.contenedor-producto-inicio > div > div > .uk-panel .uk-panel {
    position: relative;
    z-index: 2;
}

.contenedor-producto-inicio > div > div > div:nth-last-child(1) {
    position: relative;
    margin: 0!important;
    padding: 32px 0;
}

.contenedor-producto-inicio > div > div > div:nth-last-child(1)::before {
    content: '';
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.contenedor-producto-inicio > div > div > div:nth-last-child(1) > .el-content {
    z-index: 1;
    position: relative;
}

/*
    Sección para recetas, carrusel
    .seccion-recetas
*/
.seccion-recetas {
    position: relative;
}

.seccion-recetas::before {
    content: '';
    display: block;
    width: 100%;
    height: 60%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    background-color: var(--global-primary-background);
}

.seccion-recetas .el-nav.uk-slider-nav {
    z-index: 5;
    position: relative;
}

/*
    Footer
    .seccion-footer
*/

.seccion-footer {
    background: #111C4E;
}

/*
    Página de producto
    .seccion-imagen-producto
    .seccion-info-producto
    .seccion-dato-producto
    .seccion-comprar-producto
    .seccion-intro-producto,
*/
.seccion-intro-producto {
    position: relative;
}

/*.seccion-intro-producto::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;    
    background-position: center center;
    background-size: cover;
    mix-blend-mode: luminosity;
}*/

/*.pagina-producto-original .seccion-intro-producto::before {
    background-image: url(../images/ilustracion-original.svg);
}

.pagina-producto-habanero .seccion-intro-producto::before {
    background-image: url(../images/ilustracion-original.svg);
}

.pagina-producto-chipotle .seccion-intro-producto::before {
    background-image: url(../images/ilustracion-chipotle.svg);
}

.pagina-producto-jalapeno .seccion-intro-producto::before {
    background-image: url(../images/ilustracion-jalapeno.svg);
}

.seccion-imagen-producto {
    position: relative;
}

.seccion-imagen-producto::before {
    content: '';
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.seccion-imagen-producto picture {
    position: absolute;
    left: 50%;
    bottom: 50%;
    z-index: 1;
    transform: translate(-50%, 35%);
    background-image: url(../images/fondo-llamas.svg);
    background-size: contain;
    background-position: 27px 118%;
    background-repeat: no-repeat;
    padding-bottom: 26px;
}*/

.seccion-info-producto {
    position: relative;
    margin-bottom: 2rem;
}

.seccion-info-producto > div {
    position: relative;
    z-index: 1;
}

.seccion-info-producto::after {
    content: '';
    display: block;
    width: 40%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #B3C47C;
    z-index: 0;
}

.seccion-dato-producto {
    position: relative;
}

.seccion-dato-producto::after {
    width: 25%;
}

.seccion-dato-producto::before {
    display: block;
    width: 25%;
}

.seccion-comprar-producto .el-item.uk-panel {
    border: 1px solid var(--global-secondary-background);
}

.seccion-comprar-producto .titulo-comprar {
    position: relative;
}

.seccion-comprar-producto .titulo-comprar > .uk-panel {
    position: relative;
    z-index: 1;
}

.seccion-comprar-producto .titulo-comprar::after {
    content: '';
    display: block;
    width: 400%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 0;
    transform: translateY(-50%);
}

/*
    Formulario de contacto
*/
.nf-form-content textarea.ninja-forms-field {
    height: 100px !important;
}

/*
    Colores específicos
*/
.contenedor-producto-inicio.producto-original > div > div > div:nth-child(1)::before,
.contenedor-producto-inicio.producto-original > div > div > div:nth-last-child(1)::before,
.pagina-producto-original .seccion-intro-producto,
.pagina-producto-original .seccion-banner-bienvenida .contenedor-bienvenida::after,
.pagina-producto-original .seccion-banner-bienvenida .contenedor-bienvenida > .uk-tile-primary,
.pagina-producto-original .seccion-info-producto::after,
.pagina-producto-original .seccion-comprar-producto .titulo-comprar::after,
.pagina-producto-original .seccion-recetas::before,
.producto-receta-original:before,
.contenedor-listado-receta .fila-lista-receta.original::after,
#tm-main .contenedor-listado-receta .fila-lista-receta.original .imagen-receta::after,
#tm-main .contenedor-listado-receta .fila-lista-receta.original .icono-receta > div > div,
#tm-main .contenedor-listado-receta .fila-lista-receta.original .texto-receta::after,
#tm-main .contenedor-listado-receta .fila-lista-receta.original .texto-receta .uk-tile-primary.uk-tile.uk-tile-xsmall {
    background-color: var(--global-original);
}

.contenedor-producto-inicio.producto-habanero > div > div > div:nth-child(1)::before,
.contenedor-producto-inicio.producto-habanero > div > div > div:nth-last-child(1)::before,
.pagina-producto-habanero .seccion-intro-producto,
.pagina-producto-habanero .seccion-banner-bienvenida .contenedor-bienvenida::after,
.pagina-producto-habanero .seccion-banner-bienvenida .contenedor-bienvenida > .uk-tile-primary,
.pagina-producto-habanero .seccion-info-producto::after,
.pagina-producto-habanero .seccion-comprar-producto .titulo-comprar::after,
.pagina-producto-habanero .seccion-recetas::before,
.producto-receta-habanero:before,
.contenedor-listado-receta .fila-lista-receta.habanero::after,
#tm-main .contenedor-listado-receta .fila-lista-receta.habanero .imagen-receta::after,
#tm-main .contenedor-listado-receta .fila-lista-receta.habanero .icono-receta > div > div,
#tm-main .contenedor-listado-receta .fila-lista-receta.habanero .texto-receta::after,
#tm-main .contenedor-listado-receta .fila-lista-receta.habanero .texto-receta .uk-tile-primary.uk-tile.uk-tile-xsmall {
    background-color: var(--global-habanero);
}

.contenedor-producto-inicio.producto-jalapeno > div > div > div:nth-child(1)::before,
.contenedor-producto-inicio.producto-jalapeno > div > div > div:nth-last-child(1)::before,
.pagina-producto-jalapeno .seccion-intro-producto,
.pagina-producto-jalapeno .seccion-banner-bienvenida .contenedor-bienvenida::after,
.pagina-producto-jalapeno .seccion-banner-bienvenida .contenedor-bienvenida > .uk-tile-primary,
.pagina-producto-jalapeno .seccion-info-producto::after,
.pagina-producto-jalapeno .seccion-comprar-producto .titulo-comprar::after,
.pagina-producto-jalapeno .seccion-recetas::before,
.producto-receta-jalapeno:before,
.contenedor-listado-receta .fila-lista-receta.jalapeno::after,
#tm-main .contenedor-listado-receta .fila-lista-receta.jalapeno .imagen-receta::after,
#tm-main .contenedor-listado-receta .fila-lista-receta.jalapeno .icono-receta > div > div,
#tm-main .contenedor-listado-receta .fila-lista-receta.jalapeno .texto-receta::after,
#tm-main .contenedor-listado-receta .fila-lista-receta.jalapeno .texto-receta .uk-tile-primary.uk-tile.uk-tile-xsmall {
    background-color: var(--global-jalapeno);
}

.contenedor-producto-inicio.producto-chipotle > div > div > div:nth-child(1)::before,
.contenedor-producto-inicio.producto-chipotle > div > div > div:nth-last-child(1)::before,
.pagina-producto-chipotle .seccion-intro-producto,
.pagina-producto-chipotle .seccion-banner-bienvenida .contenedor-bienvenida::after,
.pagina-producto-chipotle .seccion-banner-bienvenida .contenedor-bienvenida > .uk-tile-primary,
.pagina-producto-chipotle .seccion-info-producto::after,
.pagina-producto-chipotle .seccion-comprar-producto .titulo-comprar::after,
.pagina-producto-chipotle .seccion-recetas::before,
.producto-receta-chipotle::before,
.contenedor-listado-receta .fila-lista-receta.chipotle::after,
#tm-main .contenedor-listado-receta .fila-lista-receta.chipotle .imagen-receta::after,
#tm-main .contenedor-listado-receta .fila-lista-receta.chipotle .icono-receta > div > div,
#tm-main .contenedor-listado-receta .fila-lista-receta.chipotle .texto-receta::after,
#tm-main .contenedor-listado-receta .fila-lista-receta.chipotle .texto-receta .uk-tile-primary.uk-tile.uk-tile-xsmall {
    background-color: var(--global-chipotle);
}

.contenedor-producto-inicio.producto-original > div > div > div:nth-child(1)::before,
.producto-receta-original:before {
    border-top-color: var(--global-original-pleca);
}

.contenedor-producto-inicio.producto-habanero > div > div > div:nth-child(1)::before,
.producto-receta-habanero:before {
    border-top-color: var(--global-habanero-pleca);
}

.contenedor-producto-inicio.producto-jalapeno > div > div > div:nth-child(1)::before,
.producto-receta-jalapeno:before {
    border-top-color: var(--global-jalapeno-pleca);
}

.contenedor-producto-inicio.producto-chipotle > div > div > div:nth-child(1)::before,
.producto-receta-habanero:before {
    border-top-color: chipotle(--global-chipotle-pleca);
}

.pagina-producto-original .seccion-intro-producto {
    border-bottom: 8px solid var(--global-original-pleca);
}

.pagina-producto-original .seccion-info-producto::after {
    border-left: 8px solid var(--global-original-pleca);
}

.pagina-producto-habanero .seccion-intro-producto {
    border-bottom: 8px solid var(--global-habanero-pleca);
}

.pagina-producto-habanero .seccion-info-producto::after {
    border-left: 8px solid var(--global-habanero-pleca);
}

.pagina-producto-jalapeno .seccion-intro-producto {
    border-bottom: 8px solid var(--global-jalapeno-pleca);
}

.pagina-producto-jalapeno .seccion-info-producto::after {
    border-left: 8px solid var(--global-jalapeno-pleca);
}

.pagina-producto-chipotle .seccion-intro-producto {
    border-bottom: 8px solid var(--global-chipotle-pleca);
}

.pagina-producto-chipotle .seccion-info-producto::after {
    border-left: 8px solid var(--global-chipotle-pleca);
}

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

#tm-main .contenedor-listado-receta .fila-lista-receta.original .icono-receta > div > div {
    background-color: var(--global-original-pleca);
}

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

#tm-main .contenedor-listado-receta .fila-lista-receta.habanero .icono-receta > div > div {
    background-color: var(--global-habanero-pleca);
}

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

#tm-main .contenedor-listado-receta .fila-lista-receta.jalapeno .icono-receta > div > div {
    background-color: var(--global-jalapeno-pleca);
}

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

#tm-main .contenedor-listado-receta .fila-lista-receta.chipotle .icono-receta > div > div {
    background-color: var(--global-chipotle-pleca);
}

/*
    Selector de idiomas
*/
.widget_polylang > ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-items: center;
    position: relative;
}

.widget_polylang > ul::after {
    content: '/';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
}

.widget_polylang > ul li {
    margin: 0 0.5rem;
}

.widget_polylang > ul li a {
    color: #ffffff;
}

/*
    Recetas
*/

.contenedor-listado-receta:nth-child(even) > div > div > div > .uk-container {
    /*margin-right: 0px !important;
    margin-left: auto;*/
}

.contenedor-listado-receta .imagen-receta {
    position: relative;
    z-index: 0;
}

.contenedor-listado-receta:nth-child(even) .imagen-receta {
    order: 2
}

.contenedor-listado-receta:nth-child(even) .datos-receta {
    order: 1;
    z-index: 2;
}

.contenedor-listado-receta .datos-receta {
    position: relative;
}

.contenedor-listado-receta .datos-receta * {
    position: relative;
    z-index: 1;
}

.contenedor-listado-receta .texto-receta::after {
    content: '';
    display: block;
    width: 111%;
    height: 101%;
    position: absolute;
    background-color: #8A1B1B;
    z-index: 0;
    top: 50%;
    transform: translateY(-49%);
    z-index: 0;
}

.contenedor-listado-receta:nth-child(odd) .texto-receta > div {
    padding-left: 0;
}

.contenedor-listado-receta:nth-child(even) .texto-receta > div {
    padding-right: 0;
}

.contenedor-listado-receta:nth-child(odd) .datos-receta::after {
    right: 0;
}

.contenedor-listado-receta:nth-child(even) .datos-receta::after {
    left: 0;
}

.seccion-recetas.seccion-producto-receta::before {
    height: 50%;
    border-top-width: 4px;
    border-top-style: solid;
}

.seccion-producto-receta > div {
    position: relative;
    z-index: 2;
}

.fila-producto-receta {

}

.contenedor-img-chile {
    width: 90px;
}

.icono-receta > div > div {
    width: 100%;
    height: 27px;
}

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

.contenedor-listado-receta:nth-child(odd) .datos-receta .icono-receta {
    order: 2;
    transform-origin: center;
    transform: scalex(-1);
}

.contenedor-listado-receta:nth-child(odd) .datos-receta .texto-receta {
    order: 1;
}

.contenedor-listado-receta:nth-child(odd) .datos-receta .texto-receta::after {
    right: 0;
}

.contenedor-listado-receta .fila-lista-receta.original .icono-receta > div > div::after {
    background-image: url(../../../../../wp-content/uploads/2024/03/icono-original.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.contenedor-listado-receta .fila-lista-receta.habanero .icono-receta > div > div::after {
    background-image: url(../../../../../wp-content/uploads/2024/03/icono-habanero.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.contenedor-listado-receta .fila-lista-receta.jalapeno .icono-receta > div > div::after {
    background-image: url(../../../../../wp-content/uploads/2024/03/icono-jalapeno.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.contenedor-listado-receta .fila-lista-receta.chipotle .icono-receta > div > div::after {
    background-image: url(../../../../../wp-content/uploads/2024/03/icono-chipotle.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}