/*
 Theme Name:   Brillante GP
 Theme URI:    https://www.brillante.es/
 Description:  Brillante GP theme
 Author:       Grupo Trevenque
 Author URI:   https://www.trevenque.es
 Template:     generatepress
 Version:      0.1
 Text Domain:  herbagp
*/


/**
 * Globals
 */
:root {
    --font-noto: var(--gp-font--noto-sans), sans-serif;
    --font-omnes: var(--gp-font--omnes), sans-serif;
}
html {
    background-color: var(--fondo-fondo);
}
body {
    overflow-x: hidden;
}
.p-absolute {
    position: absolute;
}
.f-left {
    float: left;
}
.f-right {
    float: right;
}
.clear {
    clear: both;
}
.hb-bgbtn {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.3125rem 1.25rem;
    font-family: var(--font-omnes);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.125rem;
    color: #000;
    background-color: #FFF;
    border-radius: 100px;
    border: none;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}
.hb-bgbtn:hover {
    background-color: #fff;
    color: #000;
}
a.hb-bgbtn:hover {
    background-color: var(--rojo);
    color: #fff;
}
.hb-bgbtn svg {
    height: 25px;
}
.gp-modal__overlay {
    z-index: 999999;
}


/**
  * Fonts
  */
a:where(#page a) {
    text-decoration: underline;
}
h1 a,
h1 a:hover,
h2 a,
h2 a:hover,
h3 a,
h3 a:hover,
h4 a,
h4 a:hover,
h5 a,
h5 a:hover {
    text-decoration: none;
}
ol:where(#page),
ul:where(#page) {
    margin: 0 0 1rem 1.5rem;
}
li:where(#page) {
    margin-bottom: 8px;
}
a {
    transition: color 0.3s;
}

/**
  * Main Menu
  */
.sticky-enabled .main-navigation.is_stuck {
    box-shadow: none;
}
.main-navigation {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
}
.main-navigation .main-nav {
    padding: 32px;
}
.main-navigation.has-branding .inside-navigation.grid-container {
    padding: 0px;
    background-color: #FFF;
    border-radius: 2rem;
}
.main-navigation .menu-bar-items {
    order: -1;
}
/* Site Logo */
.inside-header>.site-branding,
.inside-header>.navigation-branding,
.inside-header>.site-logo,
.site-branding-container,
#site-navigation .navigation-branding .site-logo,
#sticky-navigation .navigation-branding {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999999;
}
.navigation-branding img,
.site-logo.mobile-header-logo img {
    height: 100px !important;
}

/* Sub Menu */
.main-navigation ul ul {
    width: auto;
    white-space: nowrap;
}
.main-navigation ul.sf-menu>li>ul,
.main-navigation.toggled .main-nav ul ul {
    box-shadow: none;
    border: none;
}
.main-navigation .main-nav ul ul.sub-menu a {
    padding-left: 32px;
}
.main-navigation .main-nav ul ul.sub-menu ul a {
    padding-left: 48px;
}

/* Main Menu Search Form */
.main-navigation .search-form {
    display: flex;
}
.main-navigation .search-form input {
    width: 100%;
    border: none;
    border-radius: 2rem 0 0 2rem;
    background: rgba(0, 0, 0, 0.05);
    font-size: 1rem;
    outline: none;
}
.main-navigation .search-form button {
    background-color: var(--fondo-claro);
    border: 0;
    color: currentColor;
    padding: 10px 15px 10px 0px;
    border-radius: 0 2rem 2rem 0;
}


/**
  * Bottom Menu after header
  */
ul.bottom-menu {
    overflow: auto;
    flex-wrap: nowrap;
}
ul.bottom-menu li {
    flex: 0 0 auto;
}
ul.bottom-menu li a {
    color: var(--accent) !important;
    flex: 0 0 auto;
    padding: 8px 8px;
}
ul.bottom-menu li a:hover {
    color: var(--contrast) !important;
}


/**
  * Layout
  */
.page .site-content {
    padding-top: 0;
    padding-bottom: 0;
}
.border-radius-container {
    border-radius: 5rem;
}


/**
  * Tiny Slider
  */
.tinyslider {
    padding-bottom: 32px;
}
.tns-nav {
    text-align: center;
}
.tns-nav button {
    width: 8px;
    height: 8px;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    border: 0;
}
.blog-block .tns-controls {
    height: 525px;
}
.products-grid .tns-outer {
    display: flex;
    align-items: center;
}
.products-grid .tns-controls {
    height: 540px;
    margin-top: 0;
    padding-top: 0;
}
.products-grid a {
    text-decoration: none;
}
.products-grid a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.products-grid .product-block {
    position: relative;
    transition: transform 0.3s ease;
}
.products-grid .product-block img {
    transition: transform 0.3s ease;
}
.products-grid .product-block:hover {
    transform: translateY(-5px);
}
.products-grid .product-block:hover img {
    transform: scale(1.1);
}
.products-grid .tns-controls button[data-controls="prev"] {
    left: -2.5rem;
}
.products-grid .tns-controls button[data-controls="next"] {
    right: -2.5rem;
}


/**
  * Accordions
  */
.accordion>.gb-headline {
    cursor: pointer;
}
.accordion>.gb-container {
    display: none;
}
.accordion>.gb-container.default {
    display: block;
}
.accordion>.gb-headline::after {
    content: '\203A';
    transform: rotate(90deg);
    float: right;
}
.accordion>.gb-headline.accordion-open::after {
    transform: rotate(-90deg);
}


/**
* Loops accordions
*/
.toggle-loops .gb-container {
    display: none;
}
.toggle-loops:has(.toggle-open) {
    background-color: rgba(255, 255, 255, 0.4);
}
.toggle-loops>.gb-headline {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.toggle-loops>.gb-headline:after {
    content: "+";
    float: right;
    margin-left: 1rem;
}
.toggle-loops>.gb-headline.toggle-open:after {
    content: "-";
}


/**
  * Cards
  */
.card-global {
    position: relative;
    transition: transform 0.3s ease;
}
.card-global h3,
.card-global p.card-link {
    margin: 0;
    font-family: var(--font-omnes);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.875rem;
}
.card-global figure {
    border-radius: 2rem;
    overflow: hidden;
}
.card-global.bg figure {
    border-radius: 1.25rem;
}
.card-global.bg .glsr-summary-stars {
    font-size: 0.8rem;
}
.card-global img {
    transition: transform 0.5s ease;
    transform: scale(1);
}
.card-global p {
    font-size: 1rem;
    line-height: 1.75rem;
}
.card-global.product p {
    font-size: 1.125rem;
    line-height: 1.875rem;
}
.card-global svg {
    fill: none !important;
}
.card-global:hover {
    transform: translateY(-5px);
}
.card-global:hover img {
    transform: scale(1.1);
}
.card-link a {
    color: var(--negro);
    text-decoration: none;
}
.card-link a:hover {
    color: var(--rojo);
}
.card-link a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.card-meta {
    font-size: var(--wp--preset--font-size--small);
    background-color: var(--secondary-2);
    color: #FFF;
    padding: 6px 12px;
    margin-bottom: 10px;
    display: inline-block;
    text-transform: capitalize;
}
.card-global .wp-block-herbagp-blocks-recipe-writer-small,
.card-global .wp-block-herbagp-blocks-post-writer-small {
    display: flex;
    align-items: center;
}
.card-global .wp-block-herbagp-blocks-recipe-writer-small img,
.card-global .wp-block-herbagp-blocks-post-writer-small img {
    width: 25px;
    height: 25px;
}
.card-global .wp-block-herbagp-blocks-recipe-writer-small span,
.card-global .wp-block-herbagp-blocks-post-writer-small span {
    font-family: var(--font-omnes);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.2rem;
}
.card-global .meta-recipe {
    white-space: nowrap;
}


/**
  * Embed Video Youtube
  */
  /*
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin-bottom: 16px;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.875rem;
}
*/

/**
  * Pagination
  */
.gb-query-loop-pagination *:first-child {
    border-radius: 100px 0 0 100px;
}
.gb-query-loop-pagination *:last-child {
    border-radius: 0 100px 100px 0;
}
.gb-block-is-current {
    color: var(--rojo) !important;
}



/**
  * Block Button
  */
button.gb-button {
    padding: 8px 16px;
    border-radius: 3px;
}


/**
  * Block Social Sharing
  */
.wp-block-outermost-social-sharing {
    margin-bottom: 0;
}
.wp-block-outermost-social-sharing-link:hover {
    transform: inherit;
}
.wp-block-outermost-social-sharing-link-label {
    margin: 0 !important;
}
.wp-block-outermost-social-sharing.is-style-logos-only .outermost-social-sharing-link svg {
    width: 20px;
    height: 20px;
}
.wp-block-outermost-social-sharing a {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    height: 35px;
    padding: 0.3125rem 1.25rem !important;
    background-color: #FFF;
    border-radius: 100px;
    border: none;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}
.wp-block-outermost-social-sharing .outermost-social-sharing-link span:not(.screen-reader-text) {
    font-family: var(--font-omnes);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.125rem;
}
.wp-block-outermost-social-sharing .outermost-social-sharing-link-whatsapp a {
    background-color: #25d366;
    color: #fff !important;
}
.wp-block-outermost-social-sharing a:hover {
    background-color: var(--rojo);
    color: #fff !important;
}
.single-post .wp-block-outermost-social-sharing a {
    height: auto;
    padding: .25em !important;
    background-color: transparent;
    color: var(--negro) !important;
}


/**
  * Block Review Form
  */
.glsr-default button.glsr-button {
    background-color: var(--accent);
    padding: 8px 32px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 700;
}
.glsr-default button.glsr-button:hover {
    background-color: var(--contrast);
}


/**
  * Block Post Terms
  */
.wp-block-post-terms {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    row-gap: 1rem;
}
.wp-block-post-terms a {
    color: #000;
    background-color: #FFF;
    padding: 0.3125rem 1.25rem;
    border-radius: 100px;
    border: none;
    text-decoration: none;
    padding: 0.725rem 1.25rem;
    font-family: var(--font-omnes);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.125rem;
    transition: background-color 0.3s, color 0.3s;
}
.wp-block-post-terms a:hover {
    background-color: var(--rojo);
    color: #fff;
}


/**
  * Footer
  */
.site-footer .widget_nav_menu ul#menu-legal-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.site-footer .widget_nav_menu ul#menu-legal-menu li {
    margin: 0;
    padding: 8px;
}
footer .gb-icon svg {
    fill: none !important;
}
footer .legal-menu .wp-block-navigation {
    column-gap: 1.5rem;
    width: 100%;
}


/**
  * List of subcategories
  */
.subcategory-list .wp-block-button__link.wp-element-button,
.siscategory-list .wp-block-button__link.wp-element-button {
    border: 0 none;
    padding: 4px 6px;
    font-weight: 300;
    font-size: 0.8rem !important;
}
.subcategory-list .wp-block-button,
.siscategory-list .wp-block-button {
    background-color: #eaeaea;
}


/**
  * Home
  */
.home-hero-grid {
    display: flex;
    flex-flow: column wrap;
    gap: 0.625rem;
    max-height: 800px;
    margin: 0;
}
.home-hero-grid>.gb-grid-column {
    position: relative;
    width: calc(50% - 5px);
    padding: 0;
}
.home-hero-grid>.gb-grid-column .circle-button {
    position: absolute;
    box-shadow: none;
    transition: all 0.3s;
    background-color: #fff;
}
.home-hero-grid>.gb-grid-column .circle-button.arrow {
    bottom: 1.25rem;
    left: 1.25rem;
}
.home-hero-grid>.gb-grid-column .circle-button.arrow .gb-button-text {
    position: absolute;
    left: 2rem;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    transition: 0.1s all ease-in-out;
}
.home-hero-grid>.gb-grid-column .circle-button.arrow .gb-icon {
    transition: 0.3s all;
}
.home-hero-grid>.gb-grid-column .circle-button.arrow:hover {
    justify-content: flex-end;
    width: 80%;
    padding: 0 1.25rem;
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(4px);
}
.home-hero-grid>.gb-grid-column .circle-button.arrow:hover .gb-button-text {
    visibility: visible;
    opacity: 1;
}
.home-hero-grid>.gb-grid-column .circle-button.arrow:hover .gb-icon {
    position: relative;
    transform: rotate(45deg);
}
.home-hero-grid>.gb-grid-column .circle-button.play-video {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.home-hero-grid img {
    margin-bottom: 0;
}
.home-video-recipes-home {
    position: relative;
}
.home-video-recipes-home .cta-button {
    position: absolute;
    bottom: 3.25rem;
    left: 1.25rem;
}
.home-best-products h3 {
    margin-bottom: 1rem;
    font-size: 2.125rem;
    line-height: 2.875rem;
}
.block-grid-tips .block-tips-cta {
    order: 3;
}
.block-grid-tips .tns-controls {
    height: 255px;
}


/**
  * CTA
  */
.cta-button {
    position: relative;
    background-color: #FFFFFF;
    transition: transform 0.3s ease, background-color 0.5s ease;
    cursor: pointer;
}
.cta-button .gb-headline-text a {
    color: #000000;
    text-decoration: none;
    line-height: 1.625rem;
    transition: color 0.3s ease;
}
.cta-button svg path,
.cta-button svg rect {
    transition: stroke 0.3s ease, fill 0.3s ease;
}
.cta-button .gb-headline:first-child svg path,
.cta-button .gb-headline:first-child svg rect {
    stroke: #000000;
}
.cta-button:hover .gb-headline:first-child svg path,
.cta-button:hover .gb-headline:first-child svg rect {
    stroke: #FFFFFF;
}
.cta-button .gb-icon {
    position: relative;
    top: 1px;
}
.cta-button .gb-icon svg {
    fill: none !important;
}
.cta-button:hover {
    transform: translateY(-5px);
    background-color: var(--rojo);
}
.cta-button:hover .gb-headline-text a {
    color: #FFFFFF;
}
.cta-button:hover svg path {
    stroke: #FFFFFF;
}
.cta-button a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.products-grid .cta-button .gb-headline-text a {
    white-space: nowrap;
}


/**
  * Recipe featured
  */
.recipe-featured-section {
    display: flex;
}
.recipe-metas .gb-headline {
    display: inline-flex;
    padding: 0.3125rem 1.25rem;
    align-items: center;
    gap: 0.625rem;
    border-radius: 3.125rem;
    background: #FFF;
    color: #000;
    font-family: var(--font-omnes);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.125rem;
}


/**
  * Single Recipe
  */
.recipe-layout {
    display: grid;
    grid-template-columns: 50% auto;
    grid-template-areas:
        "imagen titulo"
        "imagen info";
    column-gap: 3rem;
    row-gap: 1rem;
    align-items: flex-start;
}
.recipe-title {
    grid-area: titulo;
    align-self: end;
    margin-bottom: 1rem;
}
.recipe-info {
    grid-area: info;
}
.recipe-image {
    grid-area: imagen;

    img {
        height: 450px;
    }
}

@media (max-width: 1024px) {
    .recipe-layout {
        grid-template-columns: 100%;
        grid-template-areas:
            "titulo"
            "imagen"
            "info";
        row-gap: 0;
    }
    .recipe-title {
        margin: 0;
    }
    .recipe-image {
        margin: 1.5rem 0 1rem;
    }
    .recipe-info {
        margin: 0;
    }
}

@media (max-width: 768px) {
    .recipe-image img {
        height: 270px;
    }
}


/*
  * Recipe ingredientes
  */
.ingredients-grid figure {
    background-color: var(--fondo-claro);
    transition: background-color 0.3s;
}
.ingredients-grid .card-global:hover figure {
    background-color: #fff;
}


/**
  * Breadcrumb
  */
.breadcrumb {
    margin: 3rem 0 0;
}
.breadcrumb a {
    font-weight: 500;
}


/**
  * Blog
  */
.blog-post-meta {
    white-space: nowrap;
}
.blog-post-meta .gb-headline-text {
    font-family: var(--font-omnes);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
}
.blog-post-meta .gb-icon svg {
    fill: none !important;
}


/**
  * Ratings
  */
.single-rating .glsr {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.single-rating .glsr-reviews-wrap {
    gap: 0;
    width: 100%;
}
.single-rating .glsr-summary {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    gap: 0.8rem;
    height: auto;
    max-width: none;
}
.single-rating .glsr-summary>div {
    display: flex;
    align-items: center;
}
.single-rating .glsr-summary-rating {
    order: 2;
    font-family: var(--font-omnes);
    font-size: 2.125rem;
    font-weight: 600;
    line-height: 1.875rem;
}
.single-rating .glsr-summary .glsr-star {
    width: 35px !important;
    height: 35px !important;
    background-size: 35px !important;
}
.single-rating .glsr-summary-text {
    order: 3;
    padding-top: 6px;
    font-family: var(--font-omnes);
    font-size: 1.125rem;
    font-weight: 400
}
.single-rating .glsr-reviews {
    gap: 1rem;
    margin-bottom: 2rem;
}
.single-rating .glsr-reviews .glsr-review {
    display: flex;
    padding: 1.875rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
    width: 100%;
    border-radius: 1.875rem;
    background: rgba(255, 255, 255, 0.30);
}
.single-rating .glsr-reviews .glsr-review .glsr-review-title {
    margin-bottom: 0.5rem;
    font-family: var(--font-omnes);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.875rem;
    order: 3;
}
.single-rating .glsr-reviews .glsr-review .glsr-review-rating {
    order: 2;
}
.single-rating .glsr-reviews .glsr-review .glsr-review-content {
    font-size: 1rem;
    line-height: 1.75rem;
    order: 4;
}
.single-rating .glsr-reviews .glsr-review .glsr-review-author {
    order: 1;
    font-family: var(--font-omnes);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
}
.single-rating .nav-links {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin: 2rem 0;
}
.single-rating .nav-links a,
.single-rating .nav-links span {
    font-family: var(--font-omnes);
    font-size: 1.125rem;
    font-weight: 600;
    text-decoration: none;
}
#modal-rating {
    position: fixed;
    inset: 0;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(3px);
    padding: 2rem 1rem;
    overflow-y: auto;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
#modal-rating.show {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
#modal-rating>div {
    background: #F4EBE6;
    border-radius: 1.5rem;
    padding: 2.5rem 2rem;
    width: 100%;
    max-width: 1110px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);

    transform: translateY(40px);
    opacity: 0;

    transition: transform 0.4s ease, opacity 0.4s ease;
}
#modal-rating.show>div {
    transform: translateY(0);
    opacity: 1;
}
#modal-rating form.glsr-form {
    row-gap: 2rem;
}
#modal-rating .glsr-star-rating {
    justify-content: center;
}
#modal-rating .glsr-input-text,
#modal-rating .glsr-input-email,
#modal-rating .glsr-textarea {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.625rem;
    padding: 1rem 2.5rem !important;
    border-radius: 1.25rem;
    border: 0;
    background: rgba(255, 255, 255, 0.50);
    font-family: var(--font-omnes);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.875rem;
    resize: none;
}
#modal-rating .glsr-field:not(.glsr-field-rating) label {
    display: none;
}
#modal-rating .glsr-field.glsr-field-rating {
    text-align: center;
}
#modal-rating .glsr-field.glsr-field-rating label {
    margin-bottom: 2rem;
    text-align: center;
    font-family: var(--font-omnes);
    font-size: 2.75rem;
    font-weight: 600;
    line-height: 3.5rem;
}
#modal-rating .glsr-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 1.125rem 1.125rem 1.125rem 1.5rem;
    background-color: #FFFFFF;
    border-radius: 3.125rem;
    background-color: var(--blanco);
    transition: transform 0.3s ease, background-color 0.5s ease, color 0.5s ease;
    cursor: pointer;

    font-family: var(--font-omnes);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.625rem;
    text-align: left;
    color: #000000;
    text-transform: inherit;
}
#modal-rating .glsr-button .gb-headline {
    margin-left: 1rem;
}
#modal-rating .glsr-button:hover {
    transform: translateY(-5px);
    background-color: var(--rojo);
    color: #fff
}
#modal-rating p {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.4375rem;
}
#modal-rating .modal-close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 3px solid #fff;
    font-size: 2rem;
    color: #fff;
    cursor: pointer;
    z-index: 9999;
}


/**
  * Search
  */
.search-results .nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;   
}
.search-results .nav-links > :first-child {
    border-radius: 100px 0 0 100px;
}
.search-results .nav-links .page-numbers {
    display: inline-flex;
    font-family: Omnes;
    font-size: 1.125rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.375rem 1.25rem;
    background-color: var(--blanco);
    color: var(--negro);
    text-decoration: none;
}
.search-results .nav-links .page-numbers.current {
    color: var(--rojo) !important;
}
.search-results .nav-links > :last-child {
    border-radius: 0 100px 100px 0;
}
.search-no-results .recipe-search {
    display: flex;
    width: 100%;
}
.search-no-results .recipe-search input::placeholder {
    color: #000;
}
.search-no-results .recipe-search input {
    width: 100%;
    border: none;
    border-radius: 2rem 0 0 2rem;
    padding: 1.125rem 1.5rem;
    font-family: var(--font-omnes);
    font-weight: 500;
    background: rgba(0, 0, 0, .05);
    transition: background-color .3s;
    outline: none;
}
.search-no-results .recipe-search button {
    background: rgba(0, 0, 0, .05);
    border: 0;
    color: currentColor;
    border-radius: 0 2rem 2rem 0;
    transition: background-color .3s;
    outline: none;
}
.search-no-results .recipe-search input:focus {
    color: var(--negro);
    background-color: var(--fondo-claro);
    border-color: var(--fondo-claro);
}
.search-no-results .recipe-search input:focus + button {
    background-color: var(--fondo-claro);
}


/**
  * Block/shortcode: cita experto
  */
.cita-autor-wrapper {
    max-width: 600px;
    margin: 2rem auto;
    padding: 2rem;
    background: rgb(255 255 255 / 46%);
    border-radius: 1.875rem;
}
.cita-autor-wrapper blockquote {
    position: relative;
    font-style: italic;
    margin: 0;
    padding: 1rem 1rem 2rem 6rem;
    min-height: 40px;
    border: 0;
}
.cita-autor-wrapper blockquote::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M13.7 16.4h-5.5c.5-2.2 2.2-4 4.5-4 .5 0 1 .1 1.4.3.4.2.8-.1.8-.6V9.2c0-.3-.2-.5-.4-.6-1.2-.4-2.5-.6-3.8-.5C6.7 8.4 4 11.9 4 16v6.8c0 .4.3.8.8.8h8.9c.4 0 .8-.3.8-.8v-5.6c0-.4-.3-.8-.8-.8zm13 0h-5.5c.5-2.2 2.2-4 4.5-4 .5 0 1 .1 1.4.3.4.2.8-.1.8-.6V9.2c0-.3-.2-.5-.4-.6-1.2-.4-2.5-.6-3.8-.5-3.9.3-6.6 3.8-6.6 7.9v6.8c0 .4.3.8.8.8h8.9c.4 0 .8-.3.8-.8v-5.6c0-.4-.3-.8-.8-.8z' fill='%23000'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.1;
}
.cita-autor-wrapper hr {
    width: 60%;
    margin: 0 auto;
    background-color: #dcd8d8;
}
.cita-autor-wrapper .cita-autor-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding-top: 2rem;
}
.cita-autor-wrapper .cita-autor-info .avatar {
    width: 100px;
    height: 100px;
    margin-right: 10px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}
.cita-autor-wrapper .cita-autor-info .avatar img {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    object-fit: cover;
}
.cita-autor-wrapper .cita-autor-info .datos {
    display: flex;
    flex-direction: column;
}
.cita-autor-wrapper .cita-autor-info .datos .title-author {
    margin: 0;
    font-family: var(--font-omnes);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.875rem;
}
.cita-autor-wrapper .cita-autor-info .datos .title-author a {
    color: var(--rojo);
}
.cita-autor-wrapper .cita-autor-info .datos .info-author {
    margin: 0;
    font-family: var(--font-omnes);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
}
@media (max-width: 1024px) {
    .cita-autor-wrapper {
        width: 100%;
        padding: 1rem;
    }
    .cita-autor-wrapper .cita-autor-wrapper blockquote {
        padding: 5rem 1rem 2rem 1rem;
        text-align: center;
    }
    .cita-autor-wrapper .cita-autor-wrapper blockquote::before {
        left: 50%;
        transform: translateX(-50%)
    }
    .cita-autor-wrapper .cita-autor-wrapper hr {
        width: 80%;
    }
    .cita-autor-wrapper .cita-autor-info {
        flex-direction: column;
        align-items: center;
    }
    .cita-autor-wrapper .cita-autor-info .avatar {
        width: 100px;
        height: 100px;
    }
    .cita-autor-wrapper .cita-autor-info .datos {
        text-align: center;
    }
}


/**
  * Block/shortcode: Sabias que...
  */
.sabias-que-box {
    max-width: 800px;
    margin: 2rem auto;
    padding: 2.5rem;
    background: rgb(255 255 255 / 46%);
    border-radius: 1.875rem;
}
.sabias-que-box .sabias-titulo {
    margin-bottom: 1rem;
    font-size: 1.8rem;
    font-weight: 600;
}
.sabias-que-box .sabias-contenido {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}
.sabias-que-box .sabias-texto {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 50%;
}
.sabias-que-box .sabias-texto p {
    margin: 0 0 1rem 0;
}
.sabias-que-box .sabias-texto span {
    display: flex;
    flex-direction: column;
    font-family: var(--font-omnes);
    font-weight: 500;
    line-height: 1.5rem;
}
.sabias-que-box .sabias-texto hr {
    width: 90%;
    margin: 0 0 1rem;
    background-color: #dcd8d8;
}
.sabias-que-box .sabias-link:hover + .sabias-imagen{
    transform: scale(2.05);
}
.sabias-que-box .sabias-imagen {
    flex: 1 1 50%;
    max-width: 260px;
}
.sabias-que-box .sabias-img {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    object-fit: cover;
    border-radius: 1.25rem !important;
}

@media (max-width: 768px) {
    .sabias-que-box .sabias-que-box {
        padding: 2rem;
    }
    .sabias-que-box .sabias-imagen {
        max-width: 100%;
    }
}


/**
  * Block/shortcode: Enlazar post dentro de post
  */
.mini-post-block {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    max-width: 800px;
    margin: 2rem auto;
    padding: 1.5rem;
    background: rgb(255 255 255 / 46%);
    border-radius: 1.875rem;
}
.mini-post-block .post-img {
    display: flex;
    width: 210px;
    border-radius: 1.25rem;
}
.mini-post-block .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mini-post-block .post-data {
    flex: 1;
}
.mini-post-block .pre-title {
    font-family: var(--font-omnes);
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}
.mini-post-block .title-author {
    margin: 0;
    font-family: var(--font-omnes);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.875rem;
}
.mini-post-block .title-author a {
    text-decoration: none;
    color: var(--rojo);
}

@media (max-width: 768px) {
    .mini-post-block {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        padding: 1rem 1rem 2rem;
    }
    .mini-post-block .post-img {
        width: 100%;
    }
    .mini-post-block .post-data {
        padding: 0 1rem;
    }
}



/*
  * Misc
  */
.about-us-info {
    position: relative;
}
.about-us-info>div {
    z-index: 99;
}
.about-us-info .info-img-box {
    display: flex;
    align-items: center;
    justify-items: center;
    max-width: 220px;
    aspect-ratio: 1 / 1;
    margin-bottom: 1rem;
    background-color: #efe6e2;
    border-radius: 50%;
}
.about-us-info .info-img-box img {
    width: 80%;
}
.gb-query-loop-wrapper {
    padding-top: 0.5rem;
    margin-top: -0.5rem;
}
.wp-block-embed-youtube .lyte-wrapper>div {
    border-radius: 1.875rem;
}
.header-line {
    position: relative;
    white-space: nowrap;
}
.header-line::after {
    content: "";
    position: absolute;
    left: 45px;
    right: 0;
    bottom: -5px;
    height: 30px;
    max-width: 320px;
    background: url('assets/img/header-line.svg') right bottom no-repeat;
    background-size: contain;
    padding-bottom: 10px;
}
.accordion p,
.accordion table {
    font-size: 1rem !important;
}
.staff_profesional {
    font-family: Omnes;
    font-size: 1.125rem;
    font-weight: 500;
    text-align: left !important;
    margin-top: -0.5rem !important;
    margin-bottom: 0px !important;
    color: rgba(0, 0, 0, 0.5);
}


/**
  * Media Queries
  */
@media (max-width: 1300px) {
    .best-products .best-products-title {
        justify-content: center;
    }
    .best-products .best-products-title h2 {
        max-width: 100%;
        padding: 0;
    }
}

@media (max-width: 1200px) {
    .about-us-info::before {
        background: none;
    }
}

@media (max-width: 768px) {
    .home-hero-grid {
        max-height: 450px;
    }
    .home-hero-grid>.gb-grid-column .circle-button.arrow .gb-button-text {
        position: relative;
        left: auto;
        visibility: visible;
        opacity: 1;
    }
    .home-hero-grid>.gb-grid-column .circle-button.arrow {
        left: 50%;
        transform: translateX(-50%);
    }
    .home-hero-grid>.gb-grid-column .circle-button.arrow:hover {
        justify-content: center;
        width: 120px;
    }
    .home-hero-grid>.gb-grid-column .circle-button.arrow .gb-icon {
        display: none;
    }
    .home-video-recipes-home .cta-button {
        bottom: 2.25rem;
    }
    .home-best-products h3 {
        margin-bottom: 0.5rem;
        font-size: 1.5rem;
        line-height: 2.25rem;
    }
    .breadcrumb {
        margin: 1rem 0;
        line-height: 1.2rem;
    }
    .block-grid-tips .tns-controls {
        height: 185px;
    }
    .border-radius-container {
        border-radius: 2.5rem;
    }
    .card-global h3,
    .card-global p.card-link {
        font-size: 1.25rem;
    }
    .card-global.bg h3,
    .card-global.product h3 {
        font-size: 1.5rem;
    }
    .card-global figure {
        border-radius: 1.25rem;
    }
    .blog-post-meta .gb-headline-text {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .single-rating .glsr-summary {
        flex-direction: column;
        align-items: center;
    }
    #modal-rating {
        align-items: flex-start;
    }
    #modal-rating form.glsr-form {
        row-gap: 1rem;
    }
    #modal-rating .glsr-button {
        width: 100%;
    }
    #modal-rating .glsr-field.glsr-field-rating {
        margin-bottom: 2rem;
    }
    #modal-rating .glsr-field.glsr-field-rating label {
        margin-bottom: 1rem;
        font-size: 2.125rem;
        line-height: 3.5rem;
    }
    #modal-rating .modal-close {
        top: 1.5rem;
        right: 2rem;
        width: 35px;
        height: 35px;
    }
    .products-grid .tns-controls button[data-controls="prev"] {
        left: -1.5rem;
    }
    .products-grid .tns-controls button[data-controls="next"] {
        right: -1.5rem;
    }
    footer .wp-block-navigation .wp-block-navigation-item {
        justify-content: center;
        width: 100%;
        text-align: center;
    }
    .cta-button .gb-headline-text,
    .cta-button .gb-headline-text a {
        line-height: 1.3rem;
    }
    .wp-block-outermost-social-sharing,
    .wp-block-outermost-social-sharing.has-normal-icon-size {
        justify-content: center;
    }
    .wp-container-outermost-social-sharing-is-layout-1 {
        gap: 0;
    }
    .card-global .wp-block-herbagp-blocks-recipe-writer-small span, 
    .card-global .wp-block-herbagp-blocks-post-writer-small span {
        font-size: 1rem;
    }
}

@media (max-width: 576px) {
    .home-hero .home-hero-text {
        background-position: 40px 140px;
        background-size: 180px;
    }
    .home-hero .home-hero-text h1 {
        font-size: 2.75rem;
        line-height: 3.5rem;
    }
}


/**
  * Media Queries Min
  */
@media (min-width: 1081px) {

    /* Center Menu  */
    .main-navigation .inside-navigation {
        background-color: #FFF;
        border-radius: 32px;
        padding: 0 10px !important;
        margin-left: auto;
        margin-right: auto;
    }
    #site-navigation {
        display: flex;
    }
    .site-header .main-navigation:not(#sticky-navigation) .inside-navigation {
        margin: unset;
    }
    .main-navigation .main-nav {
        padding: 0;
    }
    #site-navigation,
    #primary-menu,
    .main-navigation .inside-navigation {
        flex: 1;
    }
    .main-navigation ul li:nth-child(5) {
        margin-left: auto;
    }
    /* Sub menu dropdown  */
    .main-navigation ul.sf-menu>li>ul {
        border-radius: 32px;
        padding: 32px;
    }
    .main-navigation .main-nav ul ul.sub-menu a,
    .main-navigation .main-nav ul ul.sub-menu ul a {
        padding-left: 0;
    }
    /* Sub menu dropdown not mega menu */
    .main-navigation ul.sf-menu>li:not(.mega-menu)>ul {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    /** Sub menu mega menu */
    .main-navigation ul.sf-menu>.mega-menu {
        position: static;
    }
    .main-navigation ul.sf-menu .mega-menu>ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
        display: flex;
        flex-wrap: wrap;
    }
    .main-navigation ul.sf-menu .mega-menu>ul>li {
        width: 33.3333%;
    }
    .main-navigation ul.sf-menu .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
        pointer-events: auto;
        transform: scale(1);
    }
    .main-navigation ul.sf-menu .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
    .main-navigation .main-nav ul li.menu-item-has-children>a,
    .menu-item-has-children .dropdown-menu-toggle {
        display: flex;
        align-items: center;
    }
    .main-navigation .main-nav ul ul li a {
        font-size: 1rem;
    }
    /* Search Form */
    .main-navigation .menu-bar-items {
        display: none;
    }
    .main-navigation .search-item {
        order: 6;
    }
    .main-navigation .search-form input {
        max-width: 145px;
    }
    .main-navigation ul.sf-menu .mega-menu > ul > li > a {
        font-size: 1.1rem;
        font-weight: 600;
        white-space: initial;
        color: var(--negro);
    }
}

/**
  * Media Queries Max
  */
@media (max-width: 1080px) {

    /** Globals */
    .reverse {
        flex-direction: column-reverse;
    }
    /** Tiny Slider */
    .tinyslider {
        padding-bottom: 16px;
    }
    /** Footer */
    .site-footer .widget_nav_menu ul {
        display: block;
    }
}