/*!
Theme Name: bucatti
Theme URI: http://underscores.me/
Author: Himalaya SEM
Author URI: https://himalayadigital.co/
Description: Tema para la marca Bucatti
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bucatti
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

bucatti is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
:root{
	--crema: #EDEAC2;
	--verde: #466d28;
    --verde-btn: #285925;
	--gris: #525252;
	--morado: #57162B;
}
body {
	font-family: "Montserrat", sans-serif !important;
}
nav#principal-menu {
    background-color: var(--verde-btn)
}
#menu-menupricipal{
    gap: 27px;
}
.nav-item.active a {
/*     background-color: white; */
	color: var(--crema) !important;
}
/* .nav-item a:hover{
    background-color: white;
	color: var(--gris) !important;
} */
#menu-menupricipal a.nav-link {
    color: var(--crema);
	font-weight: bold;
    font-size: 0.9rem;
    transition: background-color 0.4s ease;
}
#principal-menu .logo{
    width: 10%;
    position: relative;
}
#principal-menu .logo>a{
    position: absolute;
    top: -30px;
    display: flex;
    justify-content: center;
    background-color: var(--verde-btn);
    padding: 10px;
    border-radius: 15px;
    
    
}
#principal-menu .logo>a>img{
    width: 150px;
    height: auto;
}
.redes{
	position: absolute;
	top: 30%;
	display: flex;
	flex-direction: column;
	left: 5%;
	gap: 2.5rem;
    width: 55px;
}
.contenido h1 {
    font-weight: 900;
    color: var(--gris);
	    font-size: 2.2rem;
    margin: 0;
}
.contenido p {
    font-size: 1.8rem;
    color: var(--gris);
	margin: 0;
	line-height: 1.2;
}
footer.site-footer{
	background-color: var(--verde);
	color: white;
	position: relative;
}
.franja-verde{
	height: 15px;
	width: 100%;
	background-color: var(--verde);
}
.logo-footer img.custom-logo {
    width: 80%;
    height: auto;
}
footer.site-footer h3{
	font-size: 17px;
    font-weight: 600;
}
img.hojas-footer {
    position: absolute;
    bottom: 0;
}
.item-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
}
.item-info p, a.link-footer p{
	margin: 0;
	line-height: 1.2;
	font-size: 13px;
	color: white;
}
.item-info i {
    font-size: 25px;
}
.redes-footer a.link-footer {
    display: flex;
    align-items: center;
	gap: 15px;
}
.redes-footer img {
	width: 25px;
    height: 25px;
	filter: brightness(1000%);
}

#slider-recetas-pc .slider-next {
    right: -3%;
    z-index: 1;
}
#slider-recetas-pc .slider-prev{
    left: -3%;
    z-index: 1;
}
.site-footer .formulario-newsletter .wpcf7-spinner,
.s-news .formulario-newsletter .wpcf7-spinner {
	display: none !important;
}
.site-footer p.text-newsletter {
    font-size: 9px;
	line-height: 1.3;
	width: 85%;
}
.site-footer .formulario-newsletter {
    display: flex;
	width: 95%;
}
.site-footer .form-control {
    width: 100%;
    background-color: #d4d4d4;
    border: none;
    border-radius: 0;
    height: calc(1.5em + .75rem + 8px);
	font-size: 13px;
}
.site-footer .btn-suscri {
    background-color: transparent;
    border: 2px solid #d5c5ca;
    color: white;
    padding: 0rem 1rem;
	height: calc(1.5em + .75rem + 8px);
	font-size: 13px;
}
.bloque-redes {
    display: flex;
    justify-content: center;
    gap: 3rem;
}
.bloque-redes img {
    filter: invert(66%) sepia(0%) saturate(3%) hue-rotate(189deg) brightness(90%) contrast(98%);
}


a.btn-todasrecetas {
    background-color: var(--verde-btn);
    padding: 0.4rem 1.2rem;
    font-size: 1.5rem;
    color: var(--crema);
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    border: 2px solid var(--verde-btn);
}
a.btn-todasrecetas:hover{
    background-color: transparent;
    color: var(--verde-btn);
    text-decoration: none;
}
.s-news{
    position: relative;
}
.s-news h3 {
    font-weight: 900;
    font-size: 2.5rem;
    color: var(--gris);
}
.s-news .formulario-newsletter {
    display: flex;
	width: 100%;
}
.s-news .btn-suscri {
    width: 30%;
    text-align: justify;
    font-size: 1.3rem;
    padding: 1rem 1.5rem;
    background-color: var(--verde-btn);
    color: var(--crema);
    border: none;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    height: calc(1.5em + .75rem + 20px);
}
.s-news span.wpcf7-form-control-wrap {
    width: 100%;
}
.s-news .form-control {
    background-color: #d4d4d4;
    color: #525252;
    width: 100%;
    border: none;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    font-size: 1.5rem;
    padding: 1rem 1.5rem;
    height: calc(1.5em + .75rem + 15px);
}
.s-news p.text-newsletter {
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.2;
    padding: 0 1.2rem;
}
.s-news img.hojas-snews{
    position: absolute;
    bottom: 0;
    width: 10%;
    left: 0;
}
.s-preguntas h3{
    font-weight: 900;
    font-size: 2.5rem;
    color: var(--gris);
}
#preguntas .btn-header-link:after {
    content: "\F235";
    font-family: bootstrap-icons !important;
    font-size: 2.5rem;
    color: #d9d9d9;
    right: 0;
    line-height: 1;
    position: absolute;
    top: 0;
}
#preguntas .btn-header-link.collapsed:after {
    content: "\F229";
}
#preguntas .cont-preg:nth-child(1){
    border-top: 1px solid;
}
#preguntas .cont-preg {
    position: relative;
    border-bottom: 1px solid;
}
.cont-preg .btn-header-link {
    padding: 0;
    width: 100%;
    text-align: left;
    color: var(--gris);
    font-size: 1.4rem;
    font-weight: bold;
    position: relative;
}
.btn-header-link:focus {
    box-shadow: none !important;
}
p.respuesta {
    margin: 0;
    font-size: 1.3rem;
    color: var(--gris);
    padding-right: 2rem;
}
.s-redes{
    position: relative;
}
.s-redes h3{
    font-weight: 900;
    font-size: 2.5rem;
    color: var(--gris);
}
.s-redes img.hojas-sredes {
    position: absolute;
    bottom: 1.5rem;
    right: 0;
}
.cont-producto h2{
    font-weight: 900;
    font-size: 3rem;
    color: var(--gris);
}
.cont-producto p {
    font-size: 1.15rem;
    line-height: 1.1;
}
.cont-producto a.btn-conoce {
    background-color: var(--verde-btn);
    padding: 0.25rem 1.4rem;
    font-size: 1.23rem;
    color: var(--crema);
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    border: 2px solid var(--verde-btn);
    display: inline-block;
}
.cont-producto a.btn-conoce:hover{
    background-color: var(--crema);
    color: var(--verde-btn);
    text-decoration: none;
}
.s-salsas-producto{
    position: relative;
}
.s-salsas-producto img.hojas-ssalsas-1 {
    position: absolute;
    top: 2rem;
    left: 0;
}
.s-salsas-producto img.hojas-ssalsas-2 {
    position: absolute;
    bottom: 2rem;
    right: 0;
}
.s-aceites{
    position: relative;
}
.s-aceites img.hojas-ssalsas-2 {
    position: absolute;
    bottom: 3rem;
    right: 0;
}
.s-int-producto{
    position: relative;
}
.s-int-producto h1{
    font-weight: 900;
    font-size: 3rem;
    color: var(--gris);
}
.s-int-producto img.hojas-snews{
    position: absolute;
    bottom: 1rem;
    width: 10%;
    left: 0;
}
.s-int-producto h2{
    font-weight: 900;
    font-size: 1.5rem;
    color: var(--gris);
}
.s-int-producto li {
    font-size: 1.2rem;
    line-height: 1.3;
}
.s-otros-productos h2{
    font-weight: 900;
    font-size: 3rem;
    color: var(--gris);
}
.slider-productos h3{
    font-weight: 900;
    font-size: 1.5rem;
    color: var(--gris);
}
.slider-logos-compra .slick-slide div a {
    display: flex !important;
    justify-content: center;
}
.slider-logos-compra .slick-slide div img{
    width: 40% !important;
}
.slider-logos-compra .slick-prev:before{
    content: "\f27a";
    font-family: bootstrap-icons !important;
    color: var(--morado);
    font-size: 40px;
}
.slider-logos-compra .slick-next:before{
    content: "\f27b";
    font-family: bootstrap-icons !important;
    color: var(--morado);
    font-size: 40px;
}
.slider-logos-compra .slick-next{
    right: -10px;
}
.leaflet-bottom.leaflet-right {
    display: none !important;
}
.slider-logos-compra .slick-prev, .slider-logos-compra .slick-next{
    width: 50px !important;
    height: 50px !important;
    z-index: 999 !important;
}
.div-logo-encu{
    background-color: var(--morado);
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.logos-compra{
    background-color: #d4d4d4;
}
.div-logo-encu img.custom-logo {
    width: 30%;
    height: auto;
    margin-bottom: 1.8rem;
}
.div-logo-encu h2{
    font-weight: 900;
    font-size: 2rem;
}
section.s-puntos {
    background-color: #d4d4d4;
}
.div-logo-encu a.custom-logo-link {
    display: contents;
}
.slider-next, .slider-prev {
    border: none;
    background-color: transparent;
    font-size: 3rem;
    color: var(--morado);
    position: absolute;
    top: 40%;
    z-index: 9;
}
#slider-list-recetas .slider-next {
    right: -30px;
}
#slider-list-recetas .slider-prev {
    left: -30px;
}
.slider-next {
    right: 0;
}
.slider-prev {
    left: 0;
}

section.form-filtro{
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1) 100%), url(img/fondo-form.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Contenedor principal del formulario */
#formulario-filtro {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px; /* Espaciado interno */
    border-radius: 8px; /* Bordes redondeados */
    background-color: #ffffffb0;
    box-shadow: 0px 0px 5px 0px #00000061;
}

/* Estilo para el contenedor del select */
.select-container {
    position: relative;
    display: inline-block;
    width: 200px; /* Ancho fijo */
}

#formulario-filtro hr {
    width: 1.5px;
    height: 30px;
    background: #d0d0d0;
    margin: 0;
    border: none;
}

/* Estilo para Select2 */
.select2-container--default .select2-selection--single {
    border: none !important;
    border-radius: 0px !important;
    height: auto !important;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: bold;
    color: #525252;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 200px;
}
span.select2.select2-container.select2-container--default {
    width: 200px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #525252; /* Color del texto */
    text-align: center; /* Centrar el texto */
    white-space: pre-wrap; /* Permitir que el texto se ajuste a múltiples líneas */
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-width: 9px 8px 0px 8px !important;
}
.select2-container--default .select2-results>.select2-results__options{
    border-radius: 6px;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.select2-container--open .select2-dropdown--below {
    border: 2px solid white !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #ececec !important;
    color: black !important;
    border: none !important;
}
.select2-container--default .select2-results__option{
    border: none !important;
    color: black !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-width: 0 8px 9px 8px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none;
    font-size: 25px;
    color: #525252;
    transition: transform 0.3s ease;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    transform: translateY(-50%) rotate(180deg); /* Rotar la flecha */
}

/* Estilo para el dropdown de Select2 */
.select2-container--default .select2-results__option {
    background-color: #fff; /* Fondo blanco */
    color: #333; /* Color del texto */
    padding: 10px; /* Espaciado interno */
    text-align: center; /* Centrar el texto */
    white-space: pre-wrap; /* Permitir que el texto se ajuste a múltiples líneas */
    border-bottom: 1px solid #ced4da; /* Línea inferior */
}

/* Estilo para el botón de búsqueda */
#formulario-filtro button {
    background-color: #28a745; /* Color de fondo verde */
    color: #fff; /* Texto blanco */
    border: none; /* Sin borde */
    padding: 10px 20px; /* Espaciado interno */
    font-size: 16px; /* Tamaño de fuente */
    border-radius: 4px; /* Bordes redondeados */
    cursor: pointer; /* Cambiar el cursor al pasar */
    transition: background-color 0.3s ease; /* Transición suave */
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); /* Sombra ligera */
    width: 200px;
    margin-left: 1.5rem;
}

/* Cambiar el color de fondo del botón al pasar */
#formulario-filtro button:hover {
    background-color: #218838;
}

/* Estilos específicos para dispositivos móviles */
@media (max-width: 768px) {
    #formulario-filtro {
        flex-direction: column; /* Colocar elementos en columna */
        gap: 10px; /* Reducir el espacio entre elementos */
    }

    #formulario-filtro .select-container,
    #formulario-filtro button {
        width: 100%; /* Ancho completo */
    }
}

.lista-recetas .card, .lista-recetas .card img{
    border: none;
    border-radius: 0px !important;
}
.lista-recetas .card{
    box-shadow: 0px 0px 20px 5px #00000061;
}
.lista-recetas .card-title{
    font-weight: 900;
    font-size: 1.15rem;
    color: var(--gris);
}
.card-text {
    font-size: 0.8rem;
    line-height: 1.3;
    color: var(--gris);
}
.btn-vermas{
    background-color: var(--verde-btn);
    padding: 0.09rem 1rem;
    font-size: 1.2rem;
    color: var(--crema);
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    border: 2px solid var(--verde-btn);
    display: flex;
    justify-content: center;
}
a.btn-vermas:hover{
    background-color: transparent;
    color: var(--verde-btn);
    text-decoration: none;
}
.lista-recetas{
    position: relative;
}
.lista-recetas img.hojas-snews{
    position: absolute;
    bottom: 20%;
    width: 10%;
    left: 0;
    z-index: -1;
}
.conte-receta{
    position: relative;
}
.conte-receta img.hojas-snews{
    position: absolute;
    top: 20%;
    width: 10%;
    left: 0;
    z-index: -1;
}
.conte-receta .video-oembed iframe{
    width: 100%;
    height: 450px;
}
.conte-receta h1{
    font-weight: 900;
    font-size: 2.3rem;
    color: var(--gris);
}
.compartir h2.mas-art {
    font-weight: bold;
    font-size: 1.5rem;
}
.compartir .item-blog.post4 {
    padding-right: 15%;
}
.conte-receta h2{
    font-weight: 900;
    font-size: 1.5rem;
    color: var(--gris);
}
.conte-receta ul, .conte-receta ol{
    color: black;
}
.single-receta .s-redes h3{
    font-size: 2rem;
}

.single-receta .s-redes img.hojas-sredes {
    bottom: 1rem;
    width: 8%;
}
.form-cont h1{
    font-weight: bold;
    font-size: 3rem;
    color: var(--morado);
}
.form-cont .card{
    box-shadow: 0px 0px 20px 5px #00000061;
    border: none;
    border-radius: 20px !important;
}
.slider-logos-compra .slick-slide div {
    margin: 3rem 0;
}

.contacto .form-control{
    height: calc(1.8em + 1.4rem + 2px) !important;
    padding: 0.375rem 1.3rem !important;
	border-radius: 0.5rem !important;
	background-color: #eee !important;
	font-weight: 500 !important;
    border: none!important;
}
.contacto .form-control:focus{
    color: var(--verde) !important;
	border-color: var(--verde) !important;
	box-shadow: 0 0 10px 1px #486c1b !important;
	background-color: #eee !important;
}
.contacto textarea.form-control {
    height: auto !important;
}
.contacto input[type=checkbox] {
    position: absolute;
    visibility: hidden;
    width: 25px;
    height: 25px;
    top: 0;
    left: 0;
}
.contacto input[type=checkbox] + span:before {
    display: block;
    position: absolute;
    content: '';
    height: 18px;
    width: 18px;
    top: 0px;
    left: 0px;
    border: 1px solid #9f9f9f;
}
.contacto input[type=checkbox] + span:after {
    display: block;
    position: absolute;
    font-family: bootstrap-icons !important;
    content: "\F26E";
    top: -9px;
    left: -9px;
    visibility: hidden;
    font-size: 2.5rem;
    text-align: center;
    line-height: 30px;
}
.contacto input[type=checkbox]:checked + span:before {
    background: transparent;
}
.contacto input[type=checkbox]:checked + span:after{
    visibility: visible;
}
.contacto span.wpcf7-list-item, .news span.wpcf7-list-item, #formu span.wpcf7-list-item {
    display: inline-block;
    margin: 0% 1% 0% 1%;
    position: relative;
}
.contacto .wpcf7 .wpcf7-list-item{
    display: block;
	font-size: 0.7rem;
    line-height: 1.3rem;
	color: #4d4d4d;
}
.contacto .wpcf7-list-item label a {
    color: black;
    font-weight: bold;
}
.contacto .wpcf7 .wpcf7-list-item a{
	color: #4d4d4d;
	text-decoration: revert;
}

.contacto .wpcf7-list-item label {
    display: inline-block;
    margin-bottom: .5rem;
    text-align: left;
    margin-left: 5%;
    line-height: 1.2;
    font-size: 0.8rem;
    color: black;
    font-weight: 500;
}
.contacto .btn-enviar{
    background-color: #486c1b;
    padding: 0.5rem 1rem;
    font-size: 1.5rem;
    color: white;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    border: 2px solid #486c1b;
    display: flex;
    width: 100%;
    justify-content: center;
}
.contacto .btn-enviar:hover{
    background-color: transparent;
    color: #486c1b;
    text-decoration: none;
}
.form-cont {
    position: relative;
}

.form-cont  img.hojas-snews{
    position: absolute;
    top: 20%;
    width: 10%;
    left: 0;
    z-index: -1;
}
.item-blog{
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.item-blog h2{
    z-index: 2;
    color: white !important;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: left !important;
}

.item-blog::before, .post-thumbnail::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(0deg, #61062A 10%, rgba(199, 12, 86, 0.00) 100%);
    pointer-events: none;
    z-index: 1;
}
.item-blog.post1, .item-blog.post2{
    height: 65vh;
}
.item-blog.post3, .item-blog.post4{
    height: 45vh;
}
.post-meta {
    z-index: 1;
    display: flex;
    gap: 1rem;
    align-items: center;
}
span.post-category {
    background-color: white;
    color: var(--morado);
    padding: 3px 10px;
    font-size: 0.95rem;
    border-radius: 5px;
    font-weight: 600;
}
span.post-date {
    color: white;
    font-weight: 500;
}
.item-blog.post1, .item-blog.post4 {
    padding-right: 40%;
}

.item-blog:hover{
    color:white;
}
div#paginas_recetas, div#paginas_blogs {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    font-weight: 500;
    color: #525252;
}

div#paginas_recetas span.current, div#paginas_blogs span.current{
    font-weight: bold;
}
div#paginas_recetas a.page-numbers, div#paginas_blogs a.page-numbers{
    font-weight: 400;
    color: #525252;
}
div#paginas_recetas i, div#paginas_blogs i{
    color: var(--morado);
    text-shadow: 1px 0px 3px var(--morado);
}
/* .site-header img.img-fluid.w-100.d-none.d-md-block {
    height: 80vh;
} */
.post-thumbnail{
    position: relative;
}
/* .single-receta .redes img,
.page-template-theme-recetas .redes img {
    filter: invert(50%) sepia(126%) saturate(5713%) hue-rotate(297deg) brightness(41%) contrast(172%);
} */
.post-thumbnail h1 {
    z-index: 9;
    position: absolute;
    bottom: 0;
    font-size: 2rem;
    color: white;
    font-weight: bold;
    width: 100%;
}
.redes img {
    width: 100%;
}
.bloque-redes img {
    width: 20%;
}
.contenido-blog{
    position: relative;
}
.contenido-blog img.hojas-snews{
    position: absolute;
    top: 50%;
    width: 10%;
    left: 0;
}
.compartir h2 {
    font-size: 1rem;
    color: var(--gris);
}
.the_content {
    color: var(--gris);
    font-weight: 500;
}
.the_content p{
    font-size: 1rem;
    line-height: 1.4;
}
.redes-sociales i {
    color: var(--gris);
    font-size: 2rem;
}
section.the_contect p {
    font-size: 1.2rem;
}
#lista-blogs .card {
    border: none;
}
.post-meta {
    position: absolute;
    bottom: 0;
    background-color: var(--morado);
}
.impar .post-meta{
    right: 0;
    border-radius: 15px 15px 0px 15px;
}
.par .post-meta{
    left: 0;
    border-radius: 15px 15px 15px 0px;
}
#lista-blogs img {
    border-radius: 40px;
}
#lista-blogs .card h2{
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.2;
    color: var(--morado);
}
#lista-blogs .card p {
    font-size: 1rem;
    line-height: 1.3;
}
#lista-blogs-adicionales .card h2{
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1;
    color: var(--morado);
}
.btn-vermas-blog{
    background-color: var(--morado);
    padding: 0.09rem 1rem;
    font-size: 1.2rem;
    color: white;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    border: 2px solid var(--morado);
    display: flex;
    justify-content: center;
}
a.btn-vermas-blog:hover{
    background-color: transparent;
    color: var(--morado);
    text-decoration: none;
}
.blog-1 .card.p-3 h2, .blog-3 .card.p-3 h2 {
    font-size: 1rem !important;
    line-height: 1 !important;
}

#lista-blogs-adicionales .card {
    border: none;
    border-radius: 20px 20px 0px 0px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
#lista-blogs-adicionales .card img {
    border-radius: 20px;
}
#lista-blogs-adicionales .card.p-3 {
    border-radius: 0px 0px 20px 20px;
}
#lista-blogs-adicionales .post-meta {
    right: 0;
    border-radius: 10px 10px 0px 10px;
}
.blog-1 span.post-category, 
.blog-3 span.post-category{ 
    font-size: 0.7rem;
    border-radius: 10px;
}
.blog-1 span.post-date,
.blog-3 span.post-date{
    font-size: 0.85rem;
}
.blog-2 span.post-category{ 
    font-size: 0.9rem;
    border-radius: 10px;
}
.blog-2 span.post-date{
    font-size: 0.99rem;
}

.destacados h2 {
    font-size: 2rem;
    font-weight: bold;
    color: var(--morado);
}
button.bnt-tnutri {
    background-color: var(--morado);
    border: solid 1px var(--morado);
    padding: 2px 25px;
    font-size: 1.15rem;
    color: white;
    font-weight: bold;
    border-radius: 50px;
}
button.bnt-tnutri:hover{
    color: var(--morado);
    background-color: transparent;
    text-decoration:none
}
button.close{
    position: absolute;
    background-color: var(--morado) !important;
    text-shadow: none;
    color: white;
    opacity: 1;
    border-radius: 50px;
    padding: 7px 10px !important;
    font-size: 1.3rem;
    right: -10px;
    top: -10px;
}
#atribut button.active:after{
    content: "\F231";
    color: var(--verde);
}
#atribut button:after {
    content: "\F22D";
    font-family: bootstrap-icons !important;
    font-size: 1.5rem;
    color: #d9d9d9;
    right: 0;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#atribut button.active{
    font-weight: 900;
    color: var(--verde);
}
#atribut button{
    color: var(--gris);
}
#atribut button, #atribut button:last-child{
    position: relative;
    border: none;
    background-color: transparent;
    text-align: left;
    padding: 10px 20px;
    border-bottom: solid 1px var(--gris);
    border-top: solid 1px var(--gris);
    font-size: 1.1rem;
}
#atribut button:nth-child(2), 
#atribut button:nth-child(4), 
#atribut button:nth-child(6){
    border: none;
}
#tabContent h3{
    color: var(--gris);
    font-size: 1.55rem;
    font-weight: 900;
}
#tabContent ul, #tabContent p{
    margin: auto;
}
#atribut-movil .items-atri, #atribut-movil .items-atri:last-child {
    border-bottom: solid 1px var(--gris);
    border-top: solid 1px var(--gris);
}
#atribut-movil .items-atri button, #atribut-movil .items-atri button:last-child{
    position: relative;
    width: 100%;
    text-align: left;
    padding: 7px 15px;
    background-color: transparent;
    border: none;
}
#atribut-movil .items-atri button:after {
    content: "\F235";
    font-family: bootstrap-icons !important;
    font-size: 1.5rem;
    color: var(--verde);
    right: 0;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#atribut-movil .items-atri button.collapsed:after {
    content: "\F229";
    color: #d9d9d9;
}
#atribut-movil .items-atri:nth-child(2), 
#atribut-movil .items-atri:nth-child(4), 
#atribut-movil .items-atri:nth-child(6){
    border: none;
}
#atribut-movil .items-atri .tt-item.collapsed{
    color: var(--gris);
}
.tt-item {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--verde);
   
}
.img-rece img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.img-rece{
    height: 230px;
}
#slider-list-recetas .card-body{
    height: 270px;
}
.copyrights>a {
	font-size: 0.8em;
	color: white;
	display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .copyrights>a img{
	width: 135px;
  }
  .copyrights a:focus, .copyrights a:active {
	color: white;
  }
  
  .copyrights a:hover {
	color: white;
	text-decoration:none;
  }
  .copyrights {
	display: flex;
	justify-content: center;
  }
.grecaptcha-badge {
    display: none !important;
}

.slider-bucatti-web, .slider-bucatti-mobile {
    width: 100vw; /* Ocupa todo el ancho de la pantalla */
    max-width: 100%;
}

.slick-dotted.slick-slider {
    margin-bottom: 0px !important;
  }

.slider-web .slick-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap:8px;
  }

  .slider-web .slick-dots li button
{
    font-size: 0;
    line-height: 0;
    

    display: block;

    width: 11px !important;
    height: 11px !important;
    padding: 5px;

    cursor: pointer;

    border: 0;
    outline: none;
    background: white !important ;
    border-radius: 25px !important;
    
}

.slider-web .slick-dots li button:hover
{
    background-color: grey !important;
 
}

.slider-web .slick-dots li button::before, 
.slider-mobile .slick-dots li button::before,
.slider-web .slick-dots li.slick-active button::before,
.slider-mobile .slick-dots li.slick-active button::before{
    opacity: 0 !important;
    color: transparent !important;
}

.slider-web .slick-dots {
    position: absolute !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap:8px;
  }
 .slider-web .slick-dots li buttom{
    width: 15px !important;
    height: 15px !important;
    margin: 0 5px !important;
    
}
section.s-recetas, section.s-salsas{
	max-width: 1440px;
    margin: auto;
}