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


/**
 * Globals
 */
.hb-v1 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.hb-v3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.hb-top3 {
    margin-top: 1.5rem;
}
.hb-btm3 {
    margin-bottom: 1.5rem;
}
.hb-v5 {
    margin-top: 3rem;
    margin-bottom: 3rem !important;
}
.hb-top5 {
    margin-top: 3rem;
}
.hb-btm5 {
    margin-bottom: 3rem;
}
.hb-pv5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

@media screen and (max-width: 767px) {
    .has-text-align-center {
      text-align: left !important;
    }
}

@media screen and (min-width: 768px) {
    .hb-v3 {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .hb-top3 {
        margin-top: 3rem;
    }
    .hb-btm3 {
        margin-bottom: 3rem;
    }
    .hb-v5 {
        margin-top: 5rem;
        margin-bottom: 5rem !important;
    }
    .hb-top5 {
        margin-top: 5rem;
    }
    .hb-btm5 {
        margin-bottom: 5rem;
    }
    .hb-pv5 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

}


/**
  * 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 {
	color: inherit;
    text-decoration: none;
}
ol:where(#page),
ul:where(#page) {
    margin: 0 0 1rem 1.5rem;
}
li:where(#page) {
    margin-bottom: 8px;
}


/* 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;
    margin: 0 1rem;
}
.main-navigation .search-form input {
    width: 100%;
    padding: 0.75rem 1rem 0.75rem;
    border: none;
    border-radius: 2rem 0 0 2rem;
    background: rgba(0, 0, 0, 0.05);
    font-size: 0.875rem;
    outline: none;
}
.main-navigation .search-form input::placeholder {
    color: #000;
}
.main-navigation .search-form button {
    background-color: rgba(0, 0, 0, 0.05);
    border: 0;
    color: currentColor;
    padding: 10px 15px 10px 0px;
    border-radius: 0 2rem 2rem 0;
}


/**
  * Layout
  */

.alignfull {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
    width: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.hb-container-lg { max-width: var(--gb-container-width); }
.hb-container-md { max-width: 1024px; }
.hb-container-sm { max-width: 767px; }

.hb-container-lg,
.hb-container-md,
.hb-container-sm {
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 768px) {
    .alignfull > .hb-container-lg {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}


/**
  * Breadcrumb
  */
.yoast-breadcrumbs {
	font-size: 0.8rem;
    padding: 0.5rem 1.25rem;
    line-height: 170%;
}
.yoast-breadcrumbs a {
    font-weight: 500;
}


/**
  * Accordions
  */
.accordion > .gb-text {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}
.accordion > .gb-container {
    display: none;
}
.accordion > .gb-container.default {
    display: block;
}
.accordion > .gb-text::after {
    /*content: '\203A';*/
    content: '';
   /* width: 1.5rem;*/
    min-width: 1.5rem;
    /*height: 1.5rem;*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6L15 12L9 18' stroke='%23E00318' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    transform: rotate(90deg);
    /*float: right;*/
    /*font-size: 1.5rem;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.accordion > .gb-text.accordion-open::after {
    transform: rotate(-90deg);
}


/**
* Loops accordions
*/
.toggle-loops > div {
    display: none;
}
.toggle-loops:has(.toggle-open) {
    background-color: var(--base);
}
.toggle-loops > .gb-text {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.toggle-loops > .gb-text:after {
    content: '';
    min-width: 1.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6L15 12L9 18' stroke='%23E00318' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    transform: rotate(90deg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.toggle-loops > .gb-text.toggle-open:after {
    transform: rotate(-90deg);
}


/**
  * Globla Cards
  */
.card-global {
    position: relative;
    transition: transform 0.3s ease;
}
.card-global:hover {
    transform: translateY(-5px);
}
.card-global figure img {
    transition: transform 0.3s ease;
    transform: scale(1);
    vertical-align: middle;
}
.card-global:hover figure img {
    transform: scale(1.05) translateY(-5px);
}


/**
  * Full Cards Link
  */
.card-link a {
    text-decoration: none;
	color: var(--contrast);
}
.card-link a:hover {
    color: var(--secondary);
}
.card-link a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}


/**
  * Pagination
  */
.gb-query-loop-pagination {
    gap: 0;
}
.gb-query-loop-pagination > *:first-child {
    border-radius: 100px 0 0 100px;
    border: none;
    border-radius: 2rem 0 0 2rem;
    color: var(--primary);
    padding: 0.8rem;
    background-color: transparent;
}
.gb-query-loop-pagination > *:first-child:hover {
    background-color: var(--secondary);
    color: #fff;
}
.gb-query-loop-pagination > *:last-child {
    border-radius: 0 100px 100px 0;
    border: none;
    border-radius: 0 2rem 2rem 0;
    color: var(--primary);
    padding: 0.8rem;
    background-color: transparent;
}
.gb-query-loop-pagination > *:last-child:hover {
    background-color: var(--secondary);
    color: #fff;
}
.gb-query-loop-pagination nav {
    gap: 0;
}
.gb-query-loop-pagination nav .page-numbers {
    border: none;
    color: var(--primary);
    padding: 0.8rem;
    background-color: transparent;
}
.gb-query-loop-pagination nav .page-numbers.current{
    color: var(--secondary);
    font-weight: 500;
}
.gb-query-loop-pagination nav .page-numbers:hover {
    background-color: var(--secondary);
    color: #fff;
}


/** Pagination search page  */
.search-results .paging-navigation {
    gap: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.search-results .paging-navigation .nav-links {
    align-items: center;
    gap: 0;
    display: flex;
    justify-content: center;
}
.search-results .paging-navigation .nav-links .prev {
    border-radius: 100px 0 0 100px;
    border: none;
    border-radius: 2rem 0 0 2rem;
    color: var(--primary);
}
.search-results .paging-navigation .nav-links .next {
    border-radius: 100px 0 0 100px;
    border: none;
    border-radius: 0 2rem 2rem 0;
    color: var(--primary);
}
.search-results .paging-navigation .nav-links .page-numbers {
    color: var(--primary);
    text-decoration: none;
    padding: 0.8rem;
    font-size: 14px;
    line-height: 1;
}
.search-results .paging-navigation .nav-links .page-numbers.current {
    color: var(--secondary);
    font-weight: 500;
}
.search-results .paging-navigation .nav-links .page-numbers:hover {
    background-color: var(--secondary);
    color: #fff;
}



/**
  * Block Search Form
  */
.recipe-search input {
    border: none;
    border-radius: 2rem 0 0 2rem;
    padding: 1.125rem 1.5rem;
    font-weight: 500;
    outline: none;
}
.recipe-search button {
    background: var(--primary);
    border: 0;
    color: var(--base);
    border-radius: 0 2rem 2rem 0;
    margin-left:0;
}


/**
  * Block Social Sharing
  */
.wp-block-outermost-social-sharing {
    margin: 0;
    list-style: none;
}
.wp-block-outermost-social-sharing-link:hover {
    transform: inherit;
}
.wp-block-outermost-social-sharing-link-label {
    margin: 0 !important;
}
.wp-block-outermost-social-sharing .outermost-social-sharing-link svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}
.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;
}
.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,
.wp-block-outermost-social-sharing .outermost-social-sharing-link-whatsapp a:hover {
    background-color: #25d366;
    color: #fff;
}
.wp-block-outermost-social-sharing a:hover {
    background-color: var(--rojo);
    color: #fff;
}
.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;
    column-gap: 0.5rem;
    row-gap: 1rem;
}
.wp-block-post-terms a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.5em;
    padding: 0.625rem 1rem 0.625rem 1.25rem;
    border-radius: 3.125rem;
    border-width: 2px;
    border-style: solid;
    border-color: var(--base);
    color: var(--primary);
	text-decoration: none;
    background-color: var(--base);
}
.wp-block-post-terms .wp-block-post-terms__separator {
    display: none;
}
.wp-block-post-terms a::after {
    content: '';
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6L15 12L9 18' stroke='%23E00318' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.wp-block-post-terms a:hover {
    background-color: var(--secondary);
    border-color: var(--secondary);
    color: #fff;
}


/**
  * Footer
  */
footer .legal-menu .wp-block-navigation {
    column-gap: 1.5rem;
}
@media screen and (max-width: 767px) {
    footer .legal-menu .wp-block-navigation {
        justify-content: center;
        flex-wrap: wrap;
    }
}


/**
  * 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: auto;
    margin: 0;
}
.home-hero-grid>.gb-grid-column {
    position: relative;
    width: 100%;
    padding: 0;
}
.home-hero-grid>.gb-grid-column .circle-button {
    position: absolute;
    box-shadow: none;
    background-color: #fff;
}
.home-hero-grid>.gb-grid-column .circle-button.arrow {
    bottom: 1.25rem;
    left: 1.25rem;
    padding: 0.625rem 0.75rem 0.625rem 1rem;
}
.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-hero-grid svg {
    fill: none !important;
}
.home-video-recipes-home {
    position: relative;
}
.home-video-recipes-home .cta-button {
    position: absolute;
    bottom: 3.25rem;
    left: 1.25rem;
}

@media screen and (min-width: 768px) {
    .home-hero-grid {
        max-height: 570px;
    }

    .home-hero-grid>.gb-grid-column {
        width: calc(50% - 5px);
    }
}


/**
  * CTA Button
  */
.cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.5em;
    padding: 0.625rem 1rem 0.625rem 1.25rem;
    font-size: 1.125rem;
    border-radius: 3.125rem;
    border-width: 2px;
    border-style: solid;
    border-color: var(--base);
    color: var(--primary);
    cursor: pointer;
	text-decoration: none;
    background-color: var(--base);
}
.has-base-background-color .cta-button  {
    border-color: var(--primary);
}
.cta-button::after {
  content: '';
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6L15 12L9 18' stroke='%23E00318' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.cta-button:hover {
    background-color: var(--secondary);
    border-color: var(--secondary);
    color: #fff;
}
.cta-button:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6L15 12L9 18' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.products-grid .cta-button .gb-headline-text a {
    white-space: nowrap;
}
.banner-home .cta-button, 
.banner-home .cta-button a {
    color: #fff;
}
.gb-button-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 2.5rem;
}


/**
  * CTA Link
  */
.cta-link {
    display: inline-flex;
    column-gap: 0.5em;
    position: relative;
    color: var(--contrast);
    text-decoration: none;
}
.cta-link a {
    text-decoration: none; 
    color: var(--contrast);
}
.cta-link::before {
    content: '';
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6L15 12L9 18' stroke='%23E00318' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 3px;
}
.cta-link:hover {
    color: var(--secondary);
}


/**
  * Single Recipe
  */
.recipe-layout {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-areas:
        "imagen titulo"
        "imagen info";
    column-gap: 2rem;
    align-items: flex-start;
}
.recipe-title {
    grid-area: titulo;
    align-self: flex-start;
}
.recipe-info {
    grid-area: info;
}
.recipe-image {
    grid-area: imagen;
}

@media screen and (max-width: 1024px) {
    .recipe-layout {
        grid-template-columns: 100%;
        grid-template-areas:
            "titulo"
            "imagen"
            "info";
        row-gap: 0;
    }
}

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


/*
  * Recipe ingredientes
  */
ul.ingredients-grid li {
    background-color: var(--base-3);
    display: flex;
    flex-direction: column;
    column-gap: 1rem;
    row-gap: 1rem;
    border-radius: 1rem;
    padding: 1rem;
    text-align: center;
}
ul.ingredients-grid figure {
    background-color: var(--base-2);
    border-radius: 1rem;
}
ul.ingredients-grid li:hover figure {
    background-color: #fff;
}
ul.ingredients-grid a {
    font-size: 1rem;
    background-color: var(--base);
    border: none;
}


/**
  * Ratings
  */
.glsr-summary .glsr-summary-text{
    flex: 1;
}
.meta-single-header .glsr-summary-stars{
    cursor: pointer;
}
.meta-single-header .glsr-summary-text {
    font-size: 1rem;
}
.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-size: 2.125rem;
    font-weight: 700;
    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-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-size: 1.5rem;
    font-weight: 700;
    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-size: 1.125rem;
    font-weight: 700;
    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-size: 1.125rem;
    font-weight: 700;
    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;
}
#modal-rating.show {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
#modal-rating > div {
    background: var(--base-3);
    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;
}
#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: var(--base-2);
    font-size: 1.25rem;
    font-weight: 700;
    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-size: 2.75rem;
    font-weight: 700;
    line-height: 3.5rem;
}
#modal-rating .glsr-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 0.5em;
    position: relative;
    padding: 0.75rem 1rem 0.75rem 1.25rem;
    background-color: #FFFFFF;
    border: 2px solid var(--primary);
    border-radius: 3.125rem;
    background-color: var(--base);
    cursor: pointer;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.625rem;
    text-align: left;
    color: var(--primary);
    text-transform: inherit;    
}
#modal-rating .glsr-button:hover {
    transform: translateY(-5px);
    background-color: var(--secondary);
    border-color: var(--secondary);
    color: #fff;
}
#modal-rating .glsr-button::after {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6L15 12L9 18' stroke='%23E00318' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#modal-rating .glsr-button:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6L15 12L9 18' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#modal-rating p {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.8125rem;
    font-weight: 700;
    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;
}



/**
  * 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-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
}
.cita-autor-wrapper .cita-autor-info .datos .title-author a {
    color: var(--secondary);
}
.cita-autor-wrapper .cita-autor-info .datos .info-author {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
@media screen and (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: 700;
}
.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-weight: 700;
    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 screen and (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-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}
.mini-post-block .title-author {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
}
.mini-post-block .title-author a {
    text-decoration: none;
    color: var(--secondary);
}

@media screen and (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-color-text {
    display: inline;
    color: var(--secondary);
}


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

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

@media screen and (max-width: 1024px) {
    .main-navigation.toggled .main-nav > ul {
        height: calc(100vh - 60px);
        overflow-y: scroll;
    }
}


@media screen and (max-width: 768px) {
    .home-video-recipes-home .cta-button {
        bottom: 2.25rem;
    }
    .breadcrumb {
        line-height: 1rem;
    }
    .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;
    }
    .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;
    }
    .cta-button {
        justify-content: center;
        width: 100%;
    }
    .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.product a {
        color: var(--primary);
    }
}

@media screen and (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 screen and (min-width: 1025px) {

    /* 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;
        font-size: 0.875rem;
        font-weight: 400;
    }

    /* 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%);

        border-radius: var(--Border-radius, 16px);
        background: var(--Neutral-100, #FFF);
        box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.05);
    }

    /** Sub menu mega menu */
    .main-navigation ul.sf-menu>.mega-menu {
        position: static;
    }
    .main-navigation ul.sf-menu .mega-menu>ul {
        display: flex;
        flex-wrap: wrap;
        gap: 3rem;
        position: absolute;
        width: 100%;
        max-width: 830px;
        left: 50% !important;
        transform: translateX(-50%);
        padding: 40px;
        border-radius: var(--Border-radius, 16px);
        background: var(--Neutral-100, #FFF);
        box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.05);
    }
    .main-navigation ul.sf-menu .mega-menu>ul>li {
        width: calc(33.3333% - 3rem);
    }
    .main-navigation ul.sf-menu .mega-menu > ul > li > a {
        font-size: 1.2rem;
        font-weight: 700;
        white-space: initial;
    }
    .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;
    }
    .menu-item-has-children .dropdown-menu-toggle {
        padding-left: 5px;
        color: var(--secondary);
    }
    .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, 
    .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, 
    .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, 
    .main-navigation .menu-bar-item:hover > a, 
    .main-navigation .menu-bar-item.sfHover > a {
        color: var(--secondary) !important;
    }
    li.herbagp-menu-ver-todas span {
        font-size: 1rem !important;
        font-weight: 400 !important;
        text-decoration: none !important;
        color: var(--secondary) !important;
    }

    /* Search Form */
    .main-navigation .menu-bar-items {
        display: none;
    }
    .main-navigation .search-item {
        order: 6;
        margin-left: 2rem;
    }
    .main-navigation .search-form input {
        max-width: 380px;
    }
}


/**
  * Media Queries Max
  */
@media screen and (max-width: 1024px) {

    /** Globals */
    .reverse {
        flex-direction: column-reverse;
    }

    /** Footer */
    .site-footer .widget_nav_menu ul {
        display: block;
    }
}