:root {
    --font-headline: "League Gothic", "Arial Narrow", sans-serif;
    --font-body-bold: "Poppins", Helvetica, Geneva, sans-serif;
    --font-body: "Poppins", Helvetica, Geneva, sans-serif;
    --font-mono: "Roboto Mono", "Courier New", monospace;
}

.annotation {
    font-family: var(--font-mono);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.subhead {
    font-family: var(--font-body-bold);
    font-weight: 700;
    text-transform: none;
}

b, strong {
	font-family: var(--font-body-bold);
    font-weight: 700;
}
/* General styles */

h1, h2, h3 {
    font-family: var(--font-headline);
}

/* navigation styling */

#nav-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    background-color: rgba(0, 0, 0, .33);
    background-image: url(../img/v2/pattern.png);
    background-repeat: repeat;
    background-size: 30px;
}

nav.navbar.navbar-default {
    margin-bottom: 0;
    background-color: transparent;
}



#menu-menu {
    height: auto;
}

#menu-menu li {
    height: auto;
}

#menu-menu li a {
    height: auto;
    padding: 12px 10px 10px 10px;
    margin: 5px 10px;
    color: white;
    border-radius: 6px;
}

#menu-menu li a:hover {
    border: none;
    background: rgba(0, 0, 0, .6) !important;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background: rgba(0, 0, 0, .6) !important;
}

.nav.navbar-nav.navbar-right {
    padding: 0;
}

.navbar-brand {
    padding: 0;
}

a.navbar-brand img,
.site-header-logo {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 52px;
}

div.search-btn {
    height: 100%;
    padding: 6px 20px;
    background: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

@media (min-width: 769px) {
    #nav-container > .row.nav-center-container {
        margin-left: 84px;
        margin-right: 84px;
    }

    #nav-container nav.navbar.navbar-default {
        display: flex;
        align-items: center;
        min-height: 74px;
    }

    #nav-container .navbar-header {
        order: 1;
        float: none;
        display: flex;
        align-items: center;
        margin-right: 16px;
    }

    #nav-container a.navbar-brand {
        display: flex;
        align-items: center;
        height: auto;
        padding: 10px 0;
    }

    #nav-container a.navbar-brand img,
    #nav-container .site-header-logo {
        max-height: 44px;
    }

    #nav-container .navbar-collapse {
        order: 2;
        float: none;
        margin-left: auto;
        margin-right: 0;
        height: auto !important;
        padding-left: 0;
        padding-right: 0;
        border-top: 0;
        box-shadow: none;
        display: flex !important;
        align-items: center;
    }

    #nav-container #menu-menu.nav.navbar-nav.navbar-right {
        float: none !important;
        display: flex;
        align-items: center;
        height: auto;
        margin: 0;
    }

    #nav-container #menu-menu li {
        height: auto;
    }

    #nav-container #menu-menu li a {
        margin: 0 8px;
        padding: 10px 12px;
    }

    #nav-container #search.hidden-xs {
        order: 3;
        display: flex !important;
        align-items: center;
        margin-left: 8px;
        height: auto;
    }

    #nav-container #search .search-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;
        padding: 8px 14px;
    }
}

@media(max-width: 768px) {
    #nav-container {
        background-color: transparent !important;
        background-image: none !important;
    }

    #nav-container > .row.nav-center-container,
    #nav-container .navbar {
        margin-left: 0;
        margin-right: 0;
    }

    .navbar-header {
        background-color: rgba(0, 0, 0, .55) !important;
        background-image: url(../img/v2/pattern.png) !important;
        background-repeat: repeat !important;
        background-size: 30px !important;
    }

    .navbar-collapse,
    .navbar-collapse.collapse,
    .navbar-collapse.collapse.in {
        background-color: rgba(0, 0, 0, .55) !important;
        background-image: none !important;
    }

    .nav.navbar-nav.navbar-right,
    #menu-menu {
        background-color: transparent !important;
        background-image: none !important;
    }
}

@media (max-width: 820px) {
    a.navbar-brand img,
    .site-header-logo {
        max-height: 44px;
    }
}

@media (max-width: 767px) {
    .navbar-toggle {
        background-color: transparent;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }
}

/* footer styling */

#prefooter {
    display: none;
}

#footer {
    position: relative;
    z-index: 2;
}

#footer:before {
    content: none;
    display: none;
}

/* recipes section styling */

#recipes {
    position: relative;
    background: url(../img/v2/bg.jpg) repeat;
    z-index: 1;
    overflow: visible;
    margin-top: -1px;
    --footer-icon-size: clamp(110px, 13vw, 250px);
    --hero-icon-size: clamp(110px, 13vw, 250px);
}

#recipes:after {
    content: '';
    position: absolute;
    right: clamp(10px, 2.2vw, 28px);
    bottom: calc(var(--footer-icon-size) * -0.11);
    width: var(--footer-icon-size);
    height: var(--footer-icon-size);
    background: url(../../../uploads/2026/03/Asset-10@2x.png) no-repeat center center;
    background-size: contain;
    pointer-events: none;
}

@media (max-width: 767px) {
    #recipes,
    div#page-container,
    .cuts-container {
        --footer-icon-size: clamp(77px, 24vw, 120px) !important;
        --hero-icon-size: clamp(77px, 24vw, 120px) !important;
    }

    #recipes:before,
    div#page-container:before,
    .cuts-container:before {
        background-position:
            0 0,
            5px calc(64px - var(--hero-icon-size) * 0.11) !important;
    }

    #recipes:after,
    div#page-container:after,
    .cuts-container:after {
        right: 10px;
        bottom: calc(var(--footer-icon-size) * -0.16);
    }
}

#recipes.paper-home-recetas,
.home #recipes,
.page-home #recipes,
.page-inicio #recipes,
.page-template-page-home-php #recipes {
    --recipes-paper-target: #07a1d9;
    --recipes-paper-source: #70cbed;
    --recipes-paper-texture: url(../../../uploads/2026/03/npb_brand-elements_texture_01-electric-blue-scaled.jpg);
    background-color: var(--recipes-paper-source);
    background-image: var(--recipes-paper-texture), url(../img/v2/bg.jpg), linear-gradient(var(--recipes-paper-source), var(--recipes-paper-source));
    background-repeat: repeat-y, repeat, repeat;
    background-size: 100% auto, auto, auto;
    background-position: top center, top left, top left;
    background-blend-mode: normal, multiply, normal;
}

#recipes:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(64px + var(--hero-icon-size) * 0.89);
    background:
        linear-gradient(#012d47 64px, transparent 64px),
        url(../../../uploads/2026/03/Asset-10@2x.png) no-repeat;
    background-size:
        100% 100%,
        var(--hero-icon-size) var(--hero-icon-size);
    background-position:
        0 0,
        clamp(10px, 2.2vw, 28px) calc(64px - var(--hero-icon-size) * 0.11);
    pointer-events: none;
}

#recipes #recipe-list .recipe,
#recipes #recipe-list .recipe:hover {
    box-shadow: 10px 10px 50px rgba(0, 0, 0, 0);
}

#receta-grid-title {
    margin-top: 20px;
    margin-bottom: 24px;
    border-bottom: none;
    text-align: center;
}

#receta-grid-title h1 {
    display: inline-block;
    padding: 0 60px 12px;
    border-bottom: none;
    font-family: var(--font-headline);
    font-size: 64px;
    line-height: 64px;
    color: #012d47;
    max-width: 100%;
    box-sizing: border-box;
    background: url(../../../uploads/2026/03/NqACzz.tif@2x.png) no-repeat center bottom;
    background-size: 80% auto;
}

/* Home-only white title treatment */
#recipes.paper-home-recetas #receta-grid-title h1,
.home #recipes #receta-grid-title h1,
.page-home #recipes #receta-grid-title h1,
.page-template-page-home-php #recipes #receta-grid-title h1 {
    color: #ffffff;
    background-image: url(../../../uploads/2026/03/NqACzz.tif@2x-wh.png);
}

/* Sabias Que + Nutricion should also be white */
.page-template-page-sabiasque-php #receta-grid-title h1,
.page-template-page-nutricion-php #receta-grid-title h1,
.page-sabias-que #receta-grid-title h1,
.page-nutricion #receta-grid-title h1 {
    color: #ffffff;
    background-image: url(../../../uploads/2026/03/NqACzz.tif@2x-wh.png);
}

/* Recetas title should remain blue */
.page-template-page-recetas-php #recipes #receta-grid-title h1,
.page-recetas #recipes #receta-grid-title h1 {
    color: #012d47;
    background-image: url(../../../uploads/2026/03/NqACzz.tif@2x.png);
}

@media (max-width: 767px) {
    #receta-grid-title h1 {
        font-size: 40px;
        line-height: 40px;
        padding: 0 16px;
    }
}

@media (max-width: 375px) {
    #receta-grid-title h1 {
        font-size: 34px;
        line-height: 34px;
        padding: 0 10px;
    }
}

#recetas-filtering {
    --recipes-filter-bg: #012d47;
    --recipes-filter-fg: #fefefe;
    --recipes-filter-border: #012d47;
    --recipes-filter-surface: #fffef9;
    clear: both;
    margin: 24px 0 40px;
    float: none;
}

#recetas-filtering .filters {
    float: none !important;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: stretch;
    gap: 12px;
}

#recetas-filtering .btn-group,
#recetas-filtering div.btn-group {
    float: none;
    display: flex;
    flex: 0 0 auto;
    border-right: 0 !important;
    border-left: 0 !important;
    box-shadow: none;
}

#recetas-filtering .filter-group {
    display: flex !important;
    align-items: center;
}

#recetas-filtering #clear-filter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    min-width: 56px;
    height: 56px;
    border: 2px solid var(--recipes-filter-border);
    border-radius: 999px;
    background: var(--recipes-filter-surface);
    color: #012d47;
    opacity: 0;
    transition: opacity .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}

#recetas-filtering #clear-filter:hover,
#recetas-filtering #clear-filter:focus {
    background: var(--recipes-filter-bg);
    color: var(--recipes-filter-fg);
    text-decoration: none;
    outline: none;
}

#recetas-filtering #clear-filter .filter-clear-icon {
    display: block;
    line-height: 1;
    padding: 0;
    font-size: 64px;
    font-weight: 400;
}

#recetas-filtering .btn.dropdown-toggle,
#recetas-filtering .checkbox label {
    min-height: 72px;
    margin: 0;
    border: 2px solid var(--recipes-filter-border);
    border-radius: 24px;
    background: var(--recipes-filter-bg);
    color: var(--recipes-filter-fg);
    box-shadow: none;
    transition: all .15s ease;
}

#recetas-filtering .btn.dropdown-toggle {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 196px;
    padding: 12px 44px 12px 20px;
    font-family: var(--font-mono);
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0;
    text-transform: uppercase;
    text-align: left;
}

#recetas-filtering .btn.dropdown-toggle:hover,
#recetas-filtering .btn.dropdown-toggle:focus,
#recetas-filtering .btn.dropdown-toggle[aria-expanded="true"] {
    background: var(--recipes-filter-surface);
    color: #012d47;
    border-color: var(--recipes-filter-border);
    outline: none;
}

#recetas-filtering .filter-button-label {
    display: block;
}

#recetas-filtering .filter-cut-group .btn.dropdown-toggle {
    min-width: 196px;
}

#recetas-filtering .btn.dropdown-toggle .caret {
    position: absolute;
    top: 20px;
    right: 18px;
    margin-top: 0;
}

#recetas-filtering .active-cut-label,
#recetas-filtering .active-season-label {
    position: static;
    display: block;
    width: auto;
    margin-top: 4px;
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: rgba(254, 254, 254, 0.78);
    text-transform: none;
    text-align: left;
}

#recetas-filtering .btn.dropdown-toggle:hover .active-cut-label,
#recetas-filtering .btn.dropdown-toggle:hover .active-season-label,
#recetas-filtering .btn.dropdown-toggle:focus .active-cut-label,
#recetas-filtering .btn.dropdown-toggle:focus .active-season-label,
#recetas-filtering .btn.dropdown-toggle[aria-expanded="true"] .active-cut-label,
#recetas-filtering .btn.dropdown-toggle[aria-expanded="true"] .active-season-label {
    color: rgba(1, 45, 71, 0.7);
}

#recetas-filtering div.checkbox {
    margin: 0;
    padding: 0;
    background: transparent;
}

#recetas-filtering .checkbox label {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 12px 20px;
    font-family: var(--font-mono);
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
}

#recetas-filtering .filter-time-group .checkbox label {
    min-width: 220px;
}

#recetas-filtering .checkbox input,
#recetas-filtering .checkbox input[type="checkbox"] {
    position: static;
    width: 18px;
    height: 18px;
    margin: 0;
    margin-left: 0;
    display: block;
    flex: 0 0 auto;
    accent-color: #ffffff;
}

#recetas-filtering .checkbox label span {
    display: block;
    flex: 0 1 auto;
}

#recetas-filtering .recipe-ddmenu {
    min-width: 260px;
    margin-top: 12px;
    padding: 10px;
    border: 2px solid var(--recipes-filter-border);
    border-radius: 20px;
    background: var(--recipes-filter-surface);
    box-shadow: 0 18px 36px rgba(1, 45, 71, 0.14);
}

#recetas-filtering .recipe-ddmenu li,
#recetas-filtering .recipe-ddmenu li a {
    display: block;
    padding: 12px 14px;
    border-radius: 14px;
    color: #012d47;
    font-family: var(--font-body);
    font-size: 15px;
    line-height: 22px;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}

#recetas-filtering .recipe-ddmenu li + li {
    margin-top: 4px;
}

#recetas-filtering .recipe-ddmenu li a {
    text-decoration: none;
}

#recetas-filtering .recipe-ddmenu li:hover,
#recetas-filtering .recipe-ddmenu li:focus,
#recetas-filtering .recipe-ddmenu li.active,
#recetas-filtering .recipe-ddmenu li a:hover,
#recetas-filtering .recipe-ddmenu li a:focus {
    background: var(--recipes-filter-bg);
    color: var(--recipes-filter-fg);
    outline: none;
}

@media (max-width: 767px) {
    #recetas-filtering {
        margin: 20px 0 28px;
    }

    #recetas-filtering .filters {
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }

    #recetas-filtering .filter-cut-group {
        order: 1;
        flex: 0 0 186px;
        width: 186px;
    }

    #recetas-filtering .filter-cut-group .btn.dropdown-toggle {
        width: 100%;
        min-width: 0;
        max-width: none;
        min-height: 60px;
        padding: 10px 40px 10px 18px;
        font-size: 14px;
        line-height: 16px;
    }

    #recetas-filtering .filter-group {
        order: 2;
        width: auto;
        flex: 0 0 auto;
    }

    #recetas-filtering #clear-filter {
        width: 48px;
        min-width: 48px;
        height: 48px;
    }

    #recetas-filtering #clear-filter .filter-clear-icon {
        font-size: 48px;
    }

    #recetas-filtering .filter-time-group {
        order: 3;
        width: 186px;
        flex: 0 0 186px;
    }

    #recetas-filtering .filter-time-group .checkbox label {
        width: 100%;
        min-width: 0;
        min-height: 60px;
        padding: 10px 18px;
        font-size: 14px;
        line-height: 16px;
    }

    #recetas-filtering .active-cut-label,
    #recetas-filtering .active-season-label {
        font-size: 11px;
        line-height: 13px;
    }

    #recetas-filtering .recipe-ddmenu {
        width: 100%;
        min-width: 0;
    }
}

#recipes #recipe-list .recipe {
    background: transparent;
}

#recipes .recipe .recipe-info {
    padding: 10px 0 10px 15px;
    background: transparent;
    display: none;
}

#recipes .recipe .recipe-title {
    min-height: 90px;
    padding: 15px;
    position: relative;
    bottom: 0;
    background: transparent;
    font-size: 24px !important;
    font-family: var(--font-body-bold);
    font-weight: 700 !important;
    color: #FEFEFE;
    letter-spacing: 0;
    text-align: center;
    line-height: 26px !important;
    text-transform: uppercase;
}

.page-id-4 #recipes .recipe .recipe-title,
.page-template-page-recetas-php #recipes .recipe .recipe-title,
.page-template-page-recetas_old-php #recipes .recipe .recipe-title,
.page-template-page-recetas-elastic-archive-php #recipes .recipe .recipe-title,
.page-template-page-recipes-list-php #recipes .recipe .recipe-title {
    color: #043f66;
}

.other-recipes.other-recipes-loop .recipe .recipe-title {
    color: #043f66;
}

.other-recipes.other-recipes-loop#recipes .recipe .recipe-title {
    color: #043f66 !important;
}

#recipes #recipe-list .recipe:hover .recipe-title {
    background: transparent;
}

@media (min-width: 992px) {
    /* Prevent masonry-like float wrapping when card heights differ. */
    #recipes #recipe-list > .row > .col-md-4:nth-child(3n+1),
    #recipes #recipe-list > .col-md-4:nth-child(3n+1) {
        clear: both;
    }

    /* Apply the same 3-up row reset for cortes cards. */
    .cuts-container .cuts > .cut-card.col-md-4:nth-child(3n+1),
    .cuts-container .cuts > .row > .cut-card.col-md-4:nth-child(3n+1) {
        clear: both;
    }
}

#recipe-post-nav .btn-blue {
    padding: 12px 24px 10px;
    color: #FEFEFE;
    background: #012d47;
    border: 2px solid #012d47;
    border-radius: 24px;
    font-size: 16px;
    font-family: var(--font-mono);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    text-transform: uppercase;
    transition: all .15s ease;
}

#recipe-post-nav .btn-blue:hover {
    color: #012d47;
    background: #fff;
    border: 2px solid #012d47;
}

#recipe-post-nav .btn-blue.disabled,
#recipe-post-nav .btn-blue[aria-disabled="true"] {
    opacity: 0.55;
    pointer-events: none;
}

/* slideshow */

#header-container {
    position: relative;
    height: calc(100vh - 32px);
    overflow: hidden;
    background-size: cover !important;
}

#header-container .title {
    font-size: 84px;
    font-family: var(--font-headline);
    font-weight: 900;
    text-transform: uppercase;
    line-height: 84px;
    color: white;
}

#header-container .title span {
    color: #d54c1e;
}

#header-container .title small,
#header-container .title::first-line {
    display: block;
    font-size: 44px;
    line-height: 45px;
}

#header-container .title small~br {
    display: none;
}

#header-container .title big {
    font-size: 58px;
    line-height: 58px;
}

@media (max-width: 767px) {
    #header-container .title {
        font-size: 40px;
        line-height: 40px;
    }
}

#home-slideshow p {
    font-size: inherit;
}

#home-slideshow {
    position: relative;
    min-height: 100vh;
    height: 100vh;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Home header background video: enforce consistent full-bleed centered crop */
#home-slideshow .home-header-media {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#header-container {
    --hero-header-padding-desktop: 100px 64px 180px 64px;
    --hero-header-padding-mobile: 130px 32px 180px 32px;
}

#home-slideshow .home-header-media > .home-header-content {
    position: relative;
    z-index: 1;
}

/* Background layer for native <video> hero */
#home-slideshow .home-header-media > .home-header-bg {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
}

#home-slideshow .home-header-media > .home-header-bg > video.home-header-video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
}

#home-slideshow .home-header-media > .home-header-bg > .home-header-poster {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    pointer-events: none;
}

#home-slideshow .home-header-media.is-video-ready > .home-header-bg > .home-header-poster {
    opacity: 0;
    transition: opacity .35s ease;
}

#home-slideshow .home-header-media.home-header-media--poster-only > .home-header-bg > video.home-header-video {
    display: none !important;
}

/* Optional QA mode: fit video to hero height (preserve top/bottom, allow side letterbox/crop as needed) */
#home-slideshow .home-header-media--fit-height {
    background: #000;
}

#home-slideshow .home-header-media--fit-height > div:first-child {
    background-color: #000 !important;
    background-image: none !important;
}

#home-slideshow .home-header-media--fit-height > div:first-child > video {
    width: auto !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    min-width: 0 !important;
    min-height: 100% !important;
    object-fit: fill !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

@media (max-width: 767px) {
    .home #home-slideshow .home-header-media > .home-header-bg > video.home-header-video {
        display: block !important;
    }
}

.owl-controls {
    position: absolute;
    bottom: 30px;
    width: 100%;
    height: 50px;
    text-align: center;
    z-index: 1;
}

.owl-dot {
    display: inline-block;
    height: 15px;
    width: 15px;
    margin-right: 15px;
    background: white;
    border-radius: 100%;
}

.owl-dot.active {
    background: #2a6496;
}

.owl-stage-outer,
.owl-stage,
.owl-item,
.slide,
#header-container div.slide>div {
    height: 100%;
}

body.page-template-page-recetas-php div#header-container>div {
    padding-top: 0;
}

#header-container div.slide>div {
    width: 100%;
    padding: var(--hero-header-padding-desktop);
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    background: rgba(0, 0, 0, .55);
}

@media (max-width: 767px) {
    #header-container div.slide>div {
        padding: var(--hero-header-padding-mobile) !important;
    }
}

.home #header-container div.slide > div {
    padding: var(--hero-header-padding-desktop);
}

/* sabias-que: top-center */
.page-template-page-sabiasque-php #header-container div.slide>div {
    justify-content: center;
    align-items: flex-start;
}

/* home/recetas/nutricion: top-left text alignment */
#home-slideshow .slide .text-center,
body.page-template-page-recetas-php #header-container .slide .text-center,
body.page-template-page-nutricion-php #header-container .slide .text-center {
    text-align: left !important;
}

.owl-item .slide .col-md-8.col-md-offset-2 {
    position: relative;
    opacity: 0;
    transform: translateY(40px);
    transition: all .3s ease;
    transition-delay: .5s;
}

.owl-item.active .slide .col-md-8.col-md-offset-2 {
    opacity: 1;
    transform: translateY(0);
}

/*.slide .col-md-8.col-md-offset-2:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100px;
    left: -100px;
    top: 40%;
    background: white;
}

.slide .col-md-8.col-md-offset-2:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100px;
    right: -100px;
    top: 40%;
    background: white;
}*/

.slide .btn {
    padding: 10px 55px 6px 45px;
    background-color: transparent;
}

.slide .btn:hover {
    padding: 10px 55px 6px 45px;
    background-color: #0067b1;
}

body.single-recipe .ver-video {
    position: relative;
    margin-top: 24px;
    text-align: center;
}

/* single recipe page styling */

div#page-container {
    z-index: 1;
    position: relative;
    padding: 72px 0 0;
    background: url(../img/v2/bg.jpg) repeat;
    padding-bottom: 50px;
    overflow: visible;
    margin-top: -1px;
    --footer-icon-size: clamp(110px, 13vw, 250px);
    --hero-icon-size: clamp(110px, 13vw, 250px);
}

body.single-recipe div#page-container {
    --recipes-paper-target: #c9d663;
    --recipes-paper-source: #dbe298;
    background-color: var(--recipes-paper-source) !important;
    background-image: url(../img/v2/bg.jpg), linear-gradient(var(--recipes-paper-source), var(--recipes-paper-source)) !important;
    background-repeat: repeat, repeat !important;
    background-blend-mode: multiply !important;
}

/* On recipe detail pages, keep only the page-container top/bottom icons. */
body.single-recipe #recipes:before,
body.single-recipe #recipes:after {
    content: none;
}

.page-template-page-nutricion-php div#page-container,
.page-nutricion div#page-container,
div#page-container.paper-nutricion {
    --nutricion-paper-target: #e37472;
    --nutricion-paper-source: #f7adac;
    --nutricion-paper-texture: url(../../../uploads/2026/03/npb_brand-elements_texture_01-sweet-peach-scaled.jpg);
    background-color: var(--nutricion-paper-source);
    background-image: var(--nutricion-paper-texture), url(../img/v2/bg.jpg), linear-gradient(var(--nutricion-paper-source), var(--nutricion-paper-source));
    background-repeat: repeat-y, repeat, repeat;
    background-size: 100% auto, auto, auto;
    background-position: top center, top left, top left;
    background-blend-mode: normal, multiply, normal;
}

.page-template-page-sabiasque-php div#page-container,
.page-sabias-que div#page-container,
.page-sabiasque div#page-container,
div#page-container.paper-sabias {
    --sabias-paper-target: #43bfb7;
    --sabias-paper-source: #4edfd5;
    --sabias-paper-texture: url(../../../uploads/2026/03/npb_brand-elements_texture_01-teal-scaled.jpg);
    background-color: var(--sabias-paper-source);
    background-image: var(--sabias-paper-texture), url(../img/v2/bg.jpg), linear-gradient(var(--sabias-paper-source), var(--sabias-paper-source));
    background-repeat: repeat-y, repeat, repeat;
    background-size: 100% auto, auto, auto;
    background-position: top center, top left, top left;
    background-blend-mode: normal, multiply, normal;
}

div#page-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(64px + var(--hero-icon-size) * 0.89);
    background:
        linear-gradient(#012d47 64px, transparent 64px),
        url(../../../uploads/2026/03/Asset-10@2x.png) no-repeat;
    background-size:
        100% 100%,
        var(--hero-icon-size) var(--hero-icon-size);
    background-position:
        0 0,
        clamp(10px, 2.2vw, 28px) calc(64px - var(--hero-icon-size) * 0.11);
    pointer-events: none;
}

div#page-container:after {
    content: '';
    position: absolute;
    right: clamp(10px, 2.2vw, 28px);
    bottom: calc(var(--footer-icon-size) * -0.11);
    width: var(--footer-icon-size);
    height: var(--footer-icon-size);
    background: url(../../../uploads/2026/03/Asset-10@2x.png) no-repeat center center;
    background-size: contain;
    pointer-events: none;
}

body.single-recipe div#header-container {
    height: 660px;
}

#prep ul#prep-list {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    text-align: center;
}

div.prep-step {
    font-size: 18px;
    color: rgba(1, 45, 71, 0.85);
    letter-spacing: 0;
    text-align: center;
    line-height: 28px;
}

#prep-list li div.prep-details div.prep-num,
#prep-list li div.prep-details div.recipe-time,
#prep-list li div.prep-details div.prep-tag {
    display: inline-block;
    font-size: 22px;
    color: #181214;
    letter-spacing: 0;
    text-align: center;
    line-height: 30px;
    float: none;
}

#prep-list li div.prep-details div.prep-tag {
    padding-top: 0;
    margin-left: 5px;
}

#prep {
    border: none;
}

#prep ul#prep-list li {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

div.widget:not(#prep),
#ingredients {
    background: #043f66;
    border: none;
}

#ingredients ul label {
    background: url(../img/v2/check-off.png) no-repeat;
    font-size: 18px;
    color: rgba(24, 18, 20, 0.85);
    letter-spacing: 0;
    line-height: 28px;
    background-position: 0 5px;
}

#ingredients ul input[type="checkbox"]:checked+label {
    background: url(../img/v2/check-on.png) no-repeat;
    background-position: 0 5px;
}

div.widget h3 {
    border: none;
    font-size: 22px;
    color: rgb(255, 255, 255);
    letter-spacing: 0;
    line-height: 30px;
}
#ingredients,
#instructions {
    margin-bottom: 50px;
}
#instructions h4 {
    text-transform: uppercase;
}
#ingredients i span {
    display: block;
    padding-bottom: 8px;
    font-family: var(--font-body-bold);
    font-weight: 700;
    font-size: 18px;
    color: rgba(1, 45, 71, 0.85);
    letter-spacing: 0;
    line-height: 28px;
    font-style: normal;
    text-transform: uppercase;
}

#instructions ol,
#instructions ul {
    counter-reset: instructions-counter;
    list-style: none;
    padding-left: 0;
}

#instructions li {
    background: rgba(254,254,254,0.50);
    margin-bottom: 30px;
    padding: 26px 16px 16px 67px;
    position: relative;/* Unta las rejillas co: */
    font-size: 18px;
    color: #181214;
    letter-spacing: 0;
    line-height: 28px;
}
#instructions li:before {
    content: counter(instructions-counter);
    counter-increment: instructions-counter;
    position: absolute;
    left: 16px;
    top: 16px;/* 4: */
    font-size: 36px;
    color: rgba(12,94,154,0.50);
    letter-spacing: 0;
    line-height: 44px;
    width: 30px;
    text-align: center;
}

body.single-recipe #instructions {
    background: #FFFFFF;
    color: #043f66;
}

@media (min-width: 768px) {
    body.single-recipe #page-container > .container > .row {
        display: flex;
        align-items: stretch;
    }
    body.single-recipe #page-container > .container > .row > [class*="col-sm-"] {
        float: none;
        display: flex;
        flex-direction: column;
    }
body.single-recipe #ingredients,
body.single-recipe #instructions {
    flex: 1 1 auto;
}
}

body.single-recipe #instructions {
    background: #FFFFFF !important;
    color: #043f66;
}

body.single-recipe #ingredients {
    background: #043f66 !important;
    color: #FFFFFF !important;
}

body.single-recipe #instructions h4,
body.single-recipe #instructions ol,
body.single-recipe #instructions ul,
body.single-recipe #instructions li,
body.single-recipe #instructions p,
body.single-recipe #instructions span {
    color: #043f66 !important;
    background: transparent !important;
}

body.single-recipe #ingredients h3,
body.single-recipe #ingredients ol,
body.single-recipe #ingredients ul,
body.single-recipe #ingredients li,
body.single-recipe #ingredients p,
body.single-recipe #ingredients span,
body.single-recipe #ingredients b,
body.single-recipe #ingredients strong {
    color: #FFFFFF !important;
    background: transparent !important;
}

body.single-recipe #ingredients ol,
body.single-recipe #ingredients ul,
body.single-recipe #instructions ol,
body.single-recipe #instructions ul {
    margin: 0;
    padding-left: 0;
}

body.single-recipe #instructions li {
    margin-bottom: 0;
}

body.single-recipe #ingredients li {
    margin-bottom: 0;
    padding-left: 0;
}

body.single-recipe #instructions li:before {
    color: #043f66;
}

/* tab styling */

.tab-container .t-nav {
    padding: 0;
    margin: 0 0 42px 0;
    list-style: none;
    border-bottom: none;
}

.page-template-page-sabiasque-php .tab-container .t-nav,
.page-sabias-que .tab-container .t-nav {
    margin: 0 0 84px 0;
}

.tab-container .t-nav li {
    display: inline-block;
}

.tab-container .t-nav li a {
    padding: 3px 16px 8px;
    font-family: var(--font-headline);
    font-size: 22px;
    color: rgba(1, 45, 71, 0.65);
    letter-spacing: 0;
    line-height: 30px;
    text-transform: uppercase;
    border-bottom: none;
    background: url(../../../uploads/2026/03/NqACzz.tif@2x.png) no-repeat center bottom;
    background-size: 80% auto;
    opacity: 0.5;
    transition: opacity .15s ease;
}

.tab-container .t-nav li a.active {
    color: rgba(1, 45, 71, 1);
    border-bottom: none;
    opacity: 1;
}

.tab-container .t-nav li a:hover,
.tab-container .t-nav li a:active,
.tab-container .t-nav li a:visited,
.tab-container .t-nav li a:focus {
    text-decoration: none;
    border-bottom: none;
}

@media (max-width: 767px) {
    .page-template-page-cortes-php .tab-container .t-nav,
    .page-cortes .tab-container .t-nav,
    .page-template-page-sabiasque-php .tab-container .t-nav,
    .page-sabias-que .tab-container .t-nav,
    .page-sabiasque .tab-container .t-nav {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        margin-bottom: 34px;
    }

    .page-template-page-cortes-php .tab-container .t-nav li,
    .page-cortes .tab-container .t-nav li,
    .page-template-page-sabiasque-php .tab-container .t-nav li,
    .page-sabias-que .tab-container .t-nav li,
    .page-sabiasque .tab-container .t-nav li {
        display: block;
        margin: 0;
    }

    .page-template-page-cortes-php .tab-container .t-nav li a,
    .page-cortes .tab-container .t-nav li a,
    .page-template-page-sabiasque-php .tab-container .t-nav li a,
    .page-sabias-que .tab-container .t-nav li a,
    .page-sabiasque .tab-container .t-nav li a {
        display: inline-block;
        padding: 2px 10px 6px;
        font-size: 20px;
        line-height: 1.15;
        text-align: center;
        background-size: 86% auto;
        background-position: center calc(100% - 1px);
        white-space: normal;
    }
}

/* cortes page styling */

#cut-origin {
    position: relative;
    overflow: hidden;
    background: url(../img/bg_cut-origin.jpg);
}

#cut-origin::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 88px;
    background: url(../img/bg_cut-origin_grass.png) repeat-x center bottom;
    pointer-events: none;
    z-index: 2;
}

.cuts-container {
    z-index: 1;
    position: relative;
    padding-top: 72px;
    background: url(../img/v2/bg.jpg) repeat;
    overflow: visible;
    margin-top: -1px;
    --footer-icon-size: clamp(110px, 13vw, 250px);
    --hero-icon-size: clamp(110px, 13vw, 250px);
}

/* Page-specific textured paper colorization */
.page-template-page-recetas-php #recipes,
.page-template-page-recetas_old-php #recipes,
.page-template-page-recetas-elastic-archive-php #recipes,
.page-template-page-recipes-list-php #recipes,
.page-template-page-mas-recetas-php #recipes,
.page-recetas #recipes,
.page-recipes #recipes,
.page-recipes-list #recipes,
.page-id-4 #recipes,
#recipes.paper-recetas {
    --recipes-paper-target: #c9d663;
    --recipes-paper-source: #dbe298;
    --recipes-list-paper-texture: url(../../../uploads/2026/03/npb_brand-elements_texture_01-citrus-lime-scaled.jpg);
    background-color: var(--recipes-paper-source) !important;
    background-image: var(--recipes-list-paper-texture), url(../img/v2/bg.jpg), linear-gradient(var(--recipes-paper-source), var(--recipes-paper-source)) !important;
    background-repeat: repeat-y, repeat, repeat !important;
    background-size: 100% auto, auto, auto !important;
    background-position: top center, top left, top left !important;
    background-blend-mode: normal, multiply, normal !important;
}

.page-template-page-cortes-php .cuts-container,
.page-cortes .cuts-container,
.cuts-container.paper-cortes {
    --cortes-paper-target: #faf5eb;
    --cortes-paper-source: #fffef9;
    --cortes-list-paper-texture: url(/wp-content/uploads/2026/03/npb_brand-elements_texture_01-tangerine-scaled.jpg);
    background-color: var(--cortes-paper-source) !important;
    background-image: var(--cortes-list-paper-texture), url(../img/v2/bg.jpg), linear-gradient(var(--cortes-paper-source), var(--cortes-paper-source)) !important;
    background-repeat: repeat-y, repeat, repeat !important;
    background-size: 100% auto, auto, auto !important;
    background-position: top center, top left, top left !important;
    background-blend-mode: normal, multiply, normal !important;
}

.page-template-page-cortes-php .cuts-container #receta-grid-title h1,
.page-cortes .cuts-container #receta-grid-title h1 {
    color: #012d47;
}

.page-template-page-cortes-php .cuts-container .cut-content > div > .row .col-sm-offset-3.col-sm-6.text-center p,
.page-cortes .cuts-container .cut-content > div > .row .col-sm-offset-3.col-sm-6.text-center p {
    margin: 0;
    font-family: var(--font-body);
    font-size: 24px;
    font-weight: normal;
    line-height: 32px;
    color: rgba(4, 63, 102, 0.9);
}

@media (max-width: 767px) {

    .page-template-page-cortes-php .cuts-container .cut-content > div > .row .col-sm-offset-3.col-sm-6.text-center p,
    .page-cortes .cuts-container .cut-content > div > .row .col-sm-offset-3.col-sm-6.text-center p {
        font-size: 20px;
        line-height: 28px;
    }
}

.cuts-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(64px + var(--hero-icon-size) * 0.89);
    background:
        linear-gradient(#012d47 64px, transparent 64px),
        url(../../../uploads/2026/03/Asset-10@2x.png) no-repeat;
    background-size:
        100% 100%,
        var(--hero-icon-size) var(--hero-icon-size);
    background-position:
        0 0,
        clamp(10px, 2.2vw, 28px) calc(64px - var(--hero-icon-size) * 0.11);
    pointer-events: none;
}

.cuts-container:after {
    content: '';
    position: absolute;
    right: clamp(10px, 2.2vw, 28px);
    bottom: calc(var(--footer-icon-size) * -0.11);
    width: var(--footer-icon-size);
    height: var(--footer-icon-size);
    background: url(../../../uploads/2026/03/Asset-10@2x.png) no-repeat center center;
    background-size: contain;
    pointer-events: none;
}

.cuts-container .cuts {
    padding-top: 48px;
    padding-bottom: 180px;
}

.cuts-container .cuts .cut-card {
    min-height: 312px;
    transition: all .35s;
    transform: translateY(0);
}

.cuts-container .cuts .cut-card:hover {
    transform: translateY(6px);
}

.cuts-container .cuts .cut-card a:hover,
.cuts-container .cuts .cut-card a:active,
.cuts-container .cuts .cut-card a:visited,
.cuts-container .cuts .cut-card a:focus {
    text-decoration: none;
}

.cuts-container .cuts .cut-card .slide-item {
    margin-bottom: 40px;
}

.cuts-container .cuts .cut-card .slide-item img {
    border-radius: 48px;
}

.cuts-container .cuts .cut-card .slide-title {
    padding: 15px;
    font-size: 24px !important;
    font-family: var(--font-body-bold);
    font-weight: 700 !important;
    color: #043f66;
    letter-spacing: 0;
    text-align: center;
    line-height: 26px !important;
    text-transform: uppercase;
}

.cortes-maparea h3.popover-title {
    font-size: 18px;
    font-family: var(--font-body);
    text-transform: uppercase;
    font-weight: bold;
}

div.cortes-header {
    position: relative;
}

div.cortes-header:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .55);
}

div.cortes-header .cuts-row {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

div.cortes-header .cuts-row:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100px;
    left: -100px;
    top: 40%;
    background: white;
}

div.cortes-header .cuts-row:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100px;
    right: -100px;
    top: 40%;
    background: white;
}

div.cortes-header .title {
    font-size: 52px;
    font-family: var(--font-body);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 50px;
    color: white;
}

div.cortes-header .title span {
    color: #d54c1e;
}

div.cortes-header .title small,
div.cortes-header .title::first-line {
    display: block;
    font-size: 44px;
    line-height: 45px;
}

div.cortes-header .title small~br {
    display: none;
}

div.cortes-header .title big {
    font-size: 58px;
    line-height: 58px;
}

div.widget {
    font-size: 18px;
    color: rgb(255, 255, 255);
    letter-spacing: 0;
    line-height: 28px;
}

/* single default template */

.single-default-content {
    display: block;
    padding: 82px 0 72px 0;
    background: url(../img/v2/bg.jpg) repeat;
}

.single-default-content .hero {
    padding: 72px 0;
}

.single-default-content .hero .col-md-8.col-md-offset-2 {
    position: relative;
}

.single-default-content .hero .col-md-8.col-md-offset-2:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100px;
    left: -100px;
    top: 40%;
    background: #012d47;
}

.single-default-content .hero .col-md-8.col-md-offset-2:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100px;
    right: -100px;
    top: 40%;
    background: #012d47;
}

.single-default-content .hero .title {
    font-weight: bold;
    font-size: 52px;
    color: #012d47;
    letter-spacing: 0;
    text-align: center;
    line-height: 56px;
    text-transform: uppercase;
}

.single-default-content .content .text h3 {
    margin-bottom: 24px;
    font-family: var(--font-body);
    font-weight: bold;
    font-size: 22px;
    color: #012d47;
    letter-spacing: 0;
    line-height: 30px;
    text-transform: uppercase;
}

.single-default-content .content .text h2 {
    margin-bottom: 28px;
    font-family: var(--font-body);
    font-weight: bold;
    font-size: 26px;
    color: #000000;
    letter-spacing: 0;
    line-height: 32px;
    text-transform: uppercase;
}

.single-default-content .content .text ul {
    padding-left: 40px;
    margin: 0;
    list-style: none;
}

.single-default-content .content .text ul li {
    margin-bottom: 16px;
}

.single-default-content .content .text ul li:before {
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 24px;
    background: #FEFEFE;
    border: 2px solid #012d47;
    box-shadow: 4px 4px 0 0 #012d47;
}

.single-default-content .content .text img {
    margin: 0 auto;
}

.single-default-content .content .text small {
    font-weight: bold;
    font-size: 16px;
    color: #181214;
    letter-spacing: 0;
    line-height: 24px;
}

/* btn-white override */

.btn.btn-white.arrow-right {
    background: #012d47;
    padding: 12px 24px 10px;
    color: #FEFEFE;
    border: 2px solid #012d47;
    border-radius: 24px;
    font-size: 16px;
    font-family: var(--font-mono);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    text-transform: uppercase;
    transition: all .15s ease;
}

.btn.btn-white.arrow-right:hover {
    background: #fff;
    color: #012d47;
    border: 2px solid #012d47;
}

/* video button styling */

.video-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 24px 10px;
    background: #012d47;
    border-radius: 24px;
    font-size: 16px;
    font-family: var(--font-mono);
    font-weight: 500;
    color: #FEFEFE;
    letter-spacing: 0;
    line-height: 18px;
    text-transform: uppercase;
    transition: all .15s ease;
    border: 2px solid #012d47;
    cursor: pointer;
}

.video-button .icon {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 0;
    border-radius: 100px;
    border: 1px solid currentColor;
    vertical-align: middle;
    background: transparent;
}

.video-button .icon:after {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + 1px);
    width: 0px;
    height: 0px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid currentColor;
    transform: translate(-50%, -50%);
}

.video-button .text {
    display: inline-block;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    text-transform: inherit;
}

.video-button:hover {
    background: #fff;
    color: #012d47;
    border: 2px solid #012d47;
}

.video-button:hover .icon {
    background: transparent;
}

/* modal styling */

.modal {
    background: rgba(0, 0, 0, .5);
}

.modal-dialog {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-content {
    width: 100%;
    background-color: transparent;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0) !important;
    border: none;
}

.close {
    position: absolute;
    right: 0;
    top: 0;
    margin: 30px;
    font-size: 80px;
    font-weight: 100;
    color: white;
    text-shadow: 0 0 0 #fff;
    filter: alpha(opacity=100);
    opacity: 1;
    transform: scale(1);
    transition: all .4s;
    -webkit-transition: all .4s;
}

.close:hover {
    color: white;
    text-shadow: 0 0 0 #fff;
    filter: alpha(opacity=100);
    opacity: 1;
    transform: scale(1.15);
}

.modal-header {
    padding-top: 40px;
    border: none;
}

.modal-header .modal-title {
    font-family: var(--font-body);
    font-size: 52px;
    color: #FEFEFE;
    letter-spacing: 0;
    text-align: center;
    line-height: 56px;
}

.modal-body {
    text-align: center;
}

/* Main video modal: keep player centered and 16:9 on mobile */
#MainModal.video-modal {
    padding-right: 0 !important;
}

#MainModal.video-modal.in {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

#MainModal.video-modal .modal-dialog {
    width: 100%;
    min-height: 100vh;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#MainModal.video-modal .modal-content {
    width: 100%;
    max-width: 990px;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: visible;
}

#MainModal.video-modal .modal-header {
    position: relative;
    z-index: 4;
    width: 100%;
    padding: calc(env(safe-area-inset-top, 0px) + 12px) 14px 10px;
    min-height: 0;
    text-align: right;
}

#MainModal.video-modal .modal-header .close {
    position: relative;
    top: auto;
    right: auto;
    float: right;
    margin: 0;
    font-size: 52px;
    line-height: 1;
    z-index: 5;
    pointer-events: auto;
}

#MainModal.video-modal .modal-body {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 12px 20px;
}

#MainModal.video-modal .video-frame {
    width: 100%;
    max-width: 990px;
    aspect-ratio: 16 / 9;
    margin: 0 auto;
}

#MainModal.video-modal .video-frame #yt-player {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    border: 0;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 100%;
    }
    .modal-header {
        padding-top: 100px;
        padding-bottom: 20px;
    }
}

/* nutrition styling */

.nutrition-section {
    padding-top: 72px;
}

.nutrition-section .title {
    font-family: var(--font-body);
    font-size: 22px;
    color: rgba(1, 45, 71, 0.65);
    letter-spacing: 0;
    line-height: 30px;
    text-transform: uppercase;
}

.nutrition-section .ver-mas {
    font-family: var(--font-body);
    font-size: 16px;
    color: #012d47;
    letter-spacing: 0;
    text-align: right;
    line-height: 24px;
    text-transform: uppercase;
}

.nutrition-section #nutritions .main-n {
    padding: 0;
    margin: 24px 0 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.nutrition-section #nutritions .main-n .n-details .n-title {
    font-family: var(--font-body);
    font-size: 16px;
    color: rgba(1, 45, 71, 0.85);
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    text-transform: uppercase;
}

.nutrition-section #nutritions .main-n .n-details .n-info {
    font-family: var(--font-body);
    font-size: 22px;
    color: #181214;
    letter-spacing: 0;
    text-align: center;
    line-height: 30px;
}

.nutrition-section #other-nutritions {
    margin: 16px 0 72px;
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
    background: rgba(0, 0, 0, 0.10);
    padding: 24px;
}

.nutrition-section #other-nutritions .other-n {
    padding: 0;
    margin: 0;
    list-style: none;
}

.nutrition-section #other-nutritions .other-n li {
    font-size: 16px;
    color: #181214;
    letter-spacing: 0;
    line-height: 24px;
}

/* tags styling */

.tag-section {
    padding: 50px 0;
}
.tag-section #tags ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.tag-section #tags ul li {
    display: inline-block;
    padding: 8px 12px 6px;
    margin: 0 16px 16px 0;
    border: 2px solid #012d47;
    border-radius: 16px;
    font-size: 12px;
    font-weight: bold;
    color: #012d47;
    letter-spacing: 0;
    text-align: center;
    line-height: 16px;
    text-transform: uppercase;
}

/* other recipes */

.other-recipes {
    padding-top: 30px;
}

.other-recipes .title {
    margin-bottom: 16px;
    font-size: 52px !important;
    font-family: var(--font-body-bold);
    font-weight: 700;
    color: #043f66;
    letter-spacing: 0;
    line-height: 30px;
    text-transform: uppercase !important;
    text-align: center;
}

@media (max-width: 767px) {
    .other-recipes .title {
        font-size: 32px !important;
    }
}

body.single-recipe #page-container .other-recipes .title {
    font-family: var(--font-body-bold);
    font-weight: 700;
}

.other-recipes-loop {
    background: transparent !important;
}

.other-recipes-loop:before {
    background: transparent !important;
}

/* single-recipe redesign */
body.single-recipe #header-container.single-recipe-hero {
    min-height: 500px;
    height: min(70vh, 690px);
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

body.single-recipe #header-container.single-recipe-hero.single-recipe-hero-no-image {
    background-image: linear-gradient(135deg, #c9d663 0%, #dbe298 50%, #bfd15a 100%);
}

body.single-recipe #header-container.single-recipe-hero .slide,
body.single-recipe #header-container.single-recipe-hero .slide > div {
    height: 100%;
}

body.single-recipe #header-container.single-recipe-hero .slide > div {
    padding: 108px 0 52px;
    align-items: flex-start;
    justify-content: flex-start;
    background: rgba(0, 0, 0, .55);
}

body.single-recipe .single-recipe-hero-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

body.single-recipe .single-recipe-hero-title-wrap {
    width: 100%;
    max-width: 364px;
}

body.single-recipe .single-recipe-hero-title {
    margin: 0;
    font-family: var(--font-headline);
    font-weight: 700;
    font-size: 52px;
    line-height: 0.95;
    text-transform: uppercase;
    color: #ffffff;
    text-align: left;
    text-wrap: normal;
}

body.single-recipe .single-recipe-hero-actions {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    margin-top: 24px;
}

body.single-recipe .single-recipe-video-link {
    margin-top: 0;
}

body.single-recipe .single-recipe-stamp {
    max-width: min(180px, 23vw);
    max-height: min(180px, 23vw);
    margin-left: auto;
}

body.single-recipe div#page-container {
    padding: 72px 0 52px;
    background-color: #dbe298 !important;
    background-image: url(../../../uploads/2026/03/npb_brand-elements_texture_01-citrus-lime-scaled.jpg), url(../img/v2/bg.jpg), linear-gradient(#dbe298, #dbe298) !important;
    background-repeat: repeat-y, repeat, repeat !important;
    background-size: 100% auto, auto, auto !important;
    background-position: top center, top left, top left !important;
    background-blend-mode: normal, multiply, normal !important;
}

body.single-recipe #recipes:before,
body.single-recipe #recipes:after {
    content: none !important;
}

body.single-recipe .single-recipe-container {
    position: relative;
    z-index: 2;
    padding-top: 164px !important;
    font-family: var(--font-body);
}

body.single-recipe .single-recipe-container * {
    font-family: var(--font-body);
}

body.single-recipe .single-recipe-container strong,
body.single-recipe .single-recipe-container b,
body.single-recipe .single-recipe-container .recipe-main-panel .recipe-steps > li::before {
    font-family: var(--font-body);
    font-weight: 400;
}

body.single-recipe .single-recipe-panels {
    display: flex;
    align-items: stretch;
    max-width: 1080px;
    margin: 8px auto 64px;
    gap: 0;
}

body.single-recipe .recipe-sidebar {
    flex: 0 0 36%;
    display: flex;
}

body.single-recipe .recipe-main {
    flex: 1 1 64%;
    display: flex;
    background: #ffffff;
}

body.single-recipe .recipe-sidebar-panel {
    flex: 1 1 auto;
    min-height: 100%;
    width: 100%;
    padding: 38px 34px 42px;
    background: #012d47;
    color: #ffffff;
}

body.single-recipe .recipe-meta-list {
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
}

body.single-recipe .recipe-meta-list li {
    margin: 0 0 6px;
    font-family: var(--font-headline);
    font-weight: 400;
    font-size: 42px;
    line-height: 1.04;
    letter-spacing: 0;
    color: #ffffff;
}

body.single-recipe .recipe-sidebar-subtitle,
body.single-recipe .recipe-main-subtitle {
    margin: 0 0 18px;
    font-family: var(--font-headline);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: none;
}

body.single-recipe .recipe-sidebar-subtitle {
    color: #ffffff;
}

body.single-recipe .recipe-main-subtitle {
    color: #012d47;
    margin-top: 16px;
    margin-bottom: 14px;
}

body.single-recipe .recipe-ingredients-body {
    margin: 0;
}

body.single-recipe .recipe-ingredients-body .ingredient-group + .ingredient-group {
    margin-top: 22px;
}

body.single-recipe .recipe-ingredients-body .ingredient-group-title {
    margin: 0 0 8px;
    font-family: var(--font-body);
    font-weight: 400;
    font-size: clamp(20px, 1.7vw, 30px);
    line-height: 1.14;
    letter-spacing: 0.01em;
    color: #ffffff;
}

body.single-recipe .recipe-ingredients-body .ingredient-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.single-recipe .recipe-ingredients-body .ingredient-list li {
    margin: 0 0 4px;
    padding: 0;
    font-family: var(--font-body);
    font-size: clamp(18px, 1.4vw, 24px);
    line-height: 1.32;
    color: #ffffff;
}

body.single-recipe .recipe-main-panel {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 100%;
    width: 100%;
    padding: 38px 34px 42px;
    background: #ffffff;
    color: #043f66;
}

body.single-recipe .recipe-main-title {
    margin: 0;
    font-family: var(--font-headline);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    text-transform: uppercase;
    color: #012d47;
}

body.single-recipe #instructions .recipe-main-panel .recipe-steps {
    list-style: none;
    margin: 0;
    padding: 0 !important;
    counter-reset: recipe-step-counter;
}

body.single-recipe #instructions .recipe-main-panel .recipe-steps > li {
    display: flex !important;
    gap: 14px;
    align-items: flex-start;
    margin: 0 0 20px !important;
    padding: 0 !important;
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    left: auto !important;
    top: auto !important;
    float: none !important;
    background: transparent !important;
    color: #043f66;
    font-family: var(--font-body);
    font-size: clamp(20px, 1.55vw, 28px);
    line-height: 1.34;
}

body.single-recipe #instructions .recipe-main-panel .recipe-steps > li::before {
    content: counter(recipe-step-counter) !important;
    counter-increment: recipe-step-counter;
    position: static !important;
    display: block;
    flex: 0 0 32px;
    width: 32px !important;
    text-align: left;
    font-family: var(--font-body);
    font-weight: 400;
    font-size: 22px;
    line-height: 1.2;
    color: #012d47;
}

body.single-recipe .recipe-main-panel .recipe-steps > li strong {
    font-family: var(--font-body);
    font-weight: 400;
}

body.single-recipe .recipe-main-panel .recipe-serving-notes {
    margin-top: 20px;
}

body.single-recipe .recipe-main-panel .recipe-serving-notes h4 {
    margin: 0 0 10px;
    font-family: var(--font-body);
    font-weight: 400;
    font-size: clamp(26px, 2vw, 36px);
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: none;
    color: #012d47;
}

body.single-recipe .recipe-empty-copy {
    margin: 0;
    font-size: clamp(18px, 1.4vw, 24px);
    line-height: 1.32;
}

body.single-recipe .recipe-sidebar,
body.single-recipe .recipe-sidebar *,
body.single-recipe .recipe-sidebar a,
body.single-recipe .recipe-sidebar a:hover,
body.single-recipe .recipe-sidebar a:focus {
    color: #ffffff !important;
}

body.single-recipe #instructions {
    margin-bottom: 0 !important;
}

body.single-recipe .other-recipes.other-recipes-loop {
    padding-bottom: 0 !important;
}

@media (max-width: 991px) {
    body.single-recipe .single-recipe-container {
        padding-left: 64px;
        padding-right: 64px;
    }

    body.single-recipe #header-container.single-recipe-hero {
        min-height: 440px;
        height: 60vh;
    }

    body.single-recipe #header-container.single-recipe-hero .slide > div {
        padding: 98px 0 42px;
    }

    body.single-recipe .single-recipe-panels {
        display: block;
        margin-bottom: 52px;
    }

    body.single-recipe .recipe-sidebar,
    body.single-recipe .recipe-main {
        display: block;
    }

    body.single-recipe .recipe-sidebar-panel,
    body.single-recipe .recipe-main-panel {
        padding: 28px 24px 32px;
    }

    body.single-recipe .recipe-main-title {
        font-size: 40px;
    }

    body.single-recipe .recipe-sidebar-subtitle,
    body.single-recipe .recipe-main-subtitle {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    body.single-recipe .single-recipe-container {
        padding-left: 24px;
        padding-right: 24px;
    }

    body.single-recipe #header-container.single-recipe-hero {
        min-height: 390px;
        height: 56vh;
    }

    body.single-recipe #header-container.single-recipe-hero .slide > div {
        padding: 94px 0 28px;
    }

    body.single-recipe .single-recipe-hero-actions {
        align-items: center;
    }

    body.single-recipe .single-recipe-stamp {
        max-width: 106px;
        max-height: 106px;
    }

    body.single-recipe div#page-container {
        padding: 72px 0 90px;
    }

    body.single-recipe .recipe-main-title {
        font-size: 32px;
    }

    body.single-recipe .recipe-sidebar-subtitle,
    body.single-recipe .recipe-main-subtitle {
        font-size: 28px;
    }

    body.single-recipe #instructions .recipe-main-panel .recipe-steps > li::before {
        flex-basis: 26px;
        width: 26px !important;
        font-size: 18px;
    }
}

/* nutrition/sabias que page styling */

.default-hero {
    /* height inherited from #header-container min-height: 100vh */
}

/* nutricion: no overlay, top-left compact title */
.page-template-page-nutricion-php #header-container div.slide>div {
    background: transparent;
    padding: var(--hero-header-padding-desktop);
}

.page-template-page-nutricion-php #header-container .container {
    margin: 0;
    padding: 0;
    width: 100%;
}

.page-template-page-nutricion-php #header-container .title {
    color: #012d47;
    max-width: 600px;
    font-size: 42px;
    line-height: 0.95;
    text-transform: uppercase;
}

.page-template-page-nutricion-php #header-container .title span {
    color: #012d47;
}

.page-template-page-nutricion-php #header-container .title .line-bold {
    font-family: var(--font-body);
    font-weight: 900;
    font-size: 52px;
}

.page-template-page-nutricion-php #header-container .title .line-light {
    font-family: var(--font-headline);
    font-weight: 400;
    font-size: 64px;
}

@media (max-width: 767px) {
    .page-template-page-nutricion-php #header-container div.slide>div {
        padding: var(--hero-header-padding-mobile) !important;
    }
    .page-template-page-nutricion-php #header-container .title {
        max-width: 280px;
        font-size: 40px;
    }
}

.page-template-page-nutricion-php #header-container,
.page-nutricion #header-container {
    background-image: url(../../../uploads/2026/03/Asset-9@2x.png) !important;
}

/* sabias-que: line-bold / line-light title styling */
.page-template-page-sabiasque-php #header-container .title,
.page-sabias-que #header-container .title,
.page-sabiasque #header-container .title {
    color: #ffffff;
    max-width: 600px;
    margin: 0 auto 40px;
    font-size: 42px;
    line-height: 0.95;
    text-transform: uppercase;
}

.page-template-page-sabiasque-php #header-container .title span {
    color: white;
}

.page-template-page-sabiasque-php #header-container .title .line-bold {
    font-family: var(--font-body);
    font-weight: 900;
    font-size: 52px;
}

.page-template-page-sabiasque-php #header-container .title .line-light {
    font-family: var(--font-headline);
    font-weight: 400;
    font-size: 64px;
}

.page-template-page-sabiasque-php #header-container,
.page-sabias-que #header-container,
.page-sabiasque #header-container {
    background-image: url(../../../uploads/2026/03/Asset-15@2x.png) !important;
}

.page-template-page-sabiasque-php #header-container .col-md-8.col-md-offset-2,
.page-sabias-que #header-container .col-md-8.col-md-offset-2,
.page-sabiasque #header-container .col-md-8.col-md-offset-2 {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 767px) {
    .page-template-page-sabiasque-php #header-container .title,
    .page-sabias-que #header-container .title,
    .page-sabiasque #header-container .title {
        /* max-width: 280px; */
        font-size: 40px;
    }
}

.page-template-page-sabiasque-php div#page-container:before,
.page-template-page-nutricion-php div#page-container:before {
    display: block;
}

.list-content .list-card {
    margin-bottom: 64px;
    text-align: center;
}
.list-content .list-card img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center center;
    background: #012d47;
    border-radius: 48px;
}
.list-content .list-card .video-button * {
    color: #012d47;
}
.list-content .list-card .video-button .icon:after {
    border-left: 25px solid #012d47;
}
.list-content .list-card .video-button .icon {
    border: 2px solid #012d47;
}

.list-content .list-card .video-button:hover .icon:after {
    border-left: 25px solid #fff;
}

.list-content .list-card .video-button:hover * {
    text-decoration: none;
}

.list-content .list-card .title {
    padding-top: 40px;
    margin-bottom: 24px;
    font-size: 24px;
    font-family: var(--font-body-bold);
    font-weight: 700;
    color: #012d47;
    letter-spacing: 0;
    text-align: center;
    line-height: 26px;
    text-transform: uppercase;
}

.list-content .list-card .desc {
    margin-bottom: 56px;
    font-size: 18px;
    color: #012d47;
    letter-spacing: 0;
    line-height: 24px;
}

.list-content .list-card .cta {
    padding: 12px 24px 10px;
    background: #012d47;
    border-radius: 24px;
    font-size: 16px;
    font-family: var(--font-mono);
    font-weight: 500;
    color: #FEFEFE;
    letter-spacing: 0;
    line-height: 18px;
    border: 2px solid #012d47;
    text-transform: uppercase;
    transition: all .15s ease;
}

.list-content .list-card .cta:hover {
    text-decoration-line: none;
    border: 2px solid #012d47;
    background: #fff;
    color: #012d47;
}

.page-template-page-sabiasque-php .list-content .list-card .video-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 24px 10px;
    background: #012d47;
    border-radius: 24px;
    font-size: 16px;
    font-family: var(--font-mono);
    font-weight: 500;
    color: #FEFEFE;
    letter-spacing: 0;
    line-height: 18px;
    border: 2px solid #012d47;
    text-transform: uppercase;
    transition: all .15s ease;
}

.page-template-page-sabiasque-php .list-content .list-card .video-button * {
    color: inherit;
}

.page-template-page-sabiasque-php .list-content .list-card .video-button .text {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    text-transform: inherit;
}

.page-template-page-sabiasque-php .list-content .list-card .video-button .icon {
    width: 18px;
    height: 18px;
    margin-right: 0;
    border: 1px solid currentColor;
    background: transparent;
}

.page-template-page-sabiasque-php .list-content .list-card .video-button .icon:after {
    left: calc(50% + 1px);
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid currentColor;
}

.page-template-page-sabiasque-php .list-content .list-card a:hover .video-button,
.page-template-page-sabiasque-php .list-content .list-card a:focus .video-button {
    text-decoration: none;
    border: 2px solid #012d47;
    background: #fff;
    color: #012d47;
}

.page-template-page-sabiasque-php .list-content .list-card .video-button:hover .icon,
.page-template-page-sabiasque-php .list-content .list-card a:hover .video-button .icon,
.page-template-page-sabiasque-php .list-content .list-card a:focus .video-button .icon {
    background: transparent;
}

.page-template-page-sabiasque-php .list-content .list-card .desc:empty {
    display: none;
}

.page-template-page-sabiasque-php .list-content .list-card .desc:empty + a,
.page-template-page-sabiasque-php .list-content .list-card .desc:empty + .cta,
.page-template-page-nutricion-php .list-content .list-card .desc:empty + a,
.page-template-page-nutricion-php .list-content .list-card .desc:empty + .cta {
    margin-top: auto;
    margin-bottom: auto;
    align-self: center;
}

/* sabias-que / nutricion card layout tuning */
@media (min-width: 768px) {
    .page-template-page-sabiasque-php .list-content .list-card,
    .page-template-page-nutricion-php .list-content .list-card {
        display: flex;
        align-items: stretch;
    }
    .page-template-page-sabiasque-php .list-content .list-card > [class*="col-sm-"],
    .page-template-page-nutricion-php .list-content .list-card > [class*="col-sm-"] {
        float: none;
    }
    .page-template-page-sabiasque-php .list-content .list-card > .col-sm-5:last-child,
    .page-template-page-nutricion-php .list-content .list-card > .col-sm-5:last-child {
        display: flex;
        flex-direction: column;
        height: 300px;
        max-height: 300px;
        overflow: hidden;
        box-sizing: border-box;
    }
}

.page-template-page-sabiasque-php .list-content .list-card .title,
.page-template-page-nutricion-php .list-content .list-card .title {
    padding-top: 8px;
    margin-bottom: 12px;
    line-height: 26px;
}

.page-template-page-nutricion-php .list-content .list-card .title {
    color: #FEFEFE;
}

.page-template-page-sabiasque-php .list-content .list-card .desc,
.page-template-page-nutricion-php .list-content .list-card .desc {
    margin-bottom: 12px;
    line-height: 24px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.page-template-page-nutricion-php .list-content .list-card .desc {
    color: #FEFEFE;
}

.page-template-page-sabiasque-php .list-content .list-card .cta,
.page-template-page-nutricion-php .list-content .list-card .cta,
.page-template-page-sabiasque-php .list-content .list-card > .col-sm-5:last-child > a,
.page-template-page-nutricion-php .list-content .list-card > .col-sm-5:last-child > a {
    margin-top: auto;
    align-self: center;
}

@media (max-width: 767px) {
    .page-template-page-sabiasque-php .list-content .list-card .desc {
        margin-bottom: 16px;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .page-template-page-sabiasque-php .list-content .list-card .cta,
    .page-template-page-sabiasque-php .list-content .list-card > .col-sm-5:last-child > a {
        display: inline-block;
        margin-top: 8px;
    }
}


/* search page: compact hero + sabias-inspired cards */
#search-results {
    z-index: 1;
    position: relative;
    padding: 24px 0 48px;
    background: url(../img/v2/bg.jpg) repeat;
}

body.search-results #header-container,
body.search-no-results #header-container {
    z-index: 1;
    position: relative;
    height: auto;
    min-height: 0;
    overflow: visible;
    padding: 120px 0 40px;
    background: url(../img/v2/bg.jpg) repeat;
    text-align: center;
}

body.search-results #header-container h1,
body.search-no-results #header-container h1 {
    margin: 0;
}

body.search-no-results #search-results {
    min-height: 0;
}

body.search-results #search-results .search-empty-state,
body.search-no-results #search-results .search-empty-state {
    max-width: 860px;
    margin: 36px auto 68px;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
}

body.search-results #search-results .search-empty-state .no-result-txt,
body.search-results #search-results .search-empty-state .no-result-help,
body.search-no-results #search-results .search-empty-state .no-result-txt,
body.search-no-results #search-results .search-empty-state .no-result-help {
    margin: 0;
    padding: 0;
    color: #012d47;
    font-size: 24px;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 1.35;
}

body.search-results #search-results .search-empty-state .search-query,
body.search-no-results #search-results .search-empty-state .search-query {
    font-family: var(--font-body-bold);
    font-weight: 700;
}

body.search-results #header-container #receta-grid-title,
body.search-no-results #header-container #receta-grid-title {
    margin-top: 0;
    margin-bottom: 0;
}

body.search-results #header-container #receta-grid-title h1,
body.search-no-results #header-container #receta-grid-title h1 {
    color: #012d47;
    background-image: url(../../../uploads/2026/03/NqACzz.tif@2x.png);
}

body.search-results #search-results .search-card,
body.search-no-results #search-results .search-card {
    margin-bottom: 56px;
}

body.search-results #search-results .search-card .list-card,
body.search-no-results #search-results .search-card .list-card {
    margin-bottom: 0;
    text-align: center;
}

body.search-results #search-results .search-thumb-container a,
body.search-no-results #search-results .search-thumb-container a {
    display: block;
}

body.search-results #search-results .search-thumb-container img,
body.search-no-results #search-results .search-thumb-container img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center center;
    background: #012d47;
    border-radius: 48px;
}

body.search-results #search-results .search-card .list-card .title,
body.search-no-results #search-results .search-card .list-card .title {
    padding-top: 0;
    margin-bottom: 12px;
    line-height: 26px;
}

body.search-results #search-results .search-card .list-card .title a,
body.search-no-results #search-results .search-card .list-card .title a {
    color: #012d47;
    text-decoration: none;
}

body.search-results #search-results .search-card .list-card .title a:hover,
body.search-results #search-results .search-card .list-card .title a:focus,
body.search-no-results #search-results .search-card .list-card .title a:hover,
body.search-no-results #search-results .search-card .list-card .title a:focus {
    color: #d54c1e;
    text-decoration: none;
}

body.search-results #search-results .search-card .desc,
body.search-no-results #search-results .search-card .desc {
    margin-bottom: 12px;
    color: #012d47;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

body.search-results #search-results .search-card .recipe-info,
body.search-no-results #search-results .search-card .recipe-info {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 8px;
    align-self: center;
}

body.search-results #search-results .search-card .recipe-time,
body.search-results #search-results .search-card .recipe-people,
body.search-no-results #search-results .search-card .recipe-time,
body.search-no-results #search-results .search-card .recipe-people {
    min-height: 22px;
    height: auto;
    margin-left: 0;
    padding: 4px 0 4px 34px;
    background-size: 22px auto;
    background-position: left center;
    font-size: 14px;
    font-family: var(--font-mono);
    font-weight: 500;
    line-height: 18px;
    color: #012d47;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    body.search-results #search-results .search-card .list-card,
    body.search-no-results #search-results .search-card .list-card {
        display: flex;
        align-items: stretch;
    }

    body.search-results #search-results .search-card .list-card > [class*="col-sm-"],
    body.search-no-results #search-results .search-card .list-card > [class*="col-sm-"] {
        float: none;
    }

    body.search-results #search-results .search-card .search-content-container,
    body.search-no-results #search-results .search-card .search-content-container {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: 300px;
        max-height: 300px;
        overflow: hidden;
        box-sizing: border-box;
    }

    body.search-results #search-results .search-card .desc,
    body.search-no-results #search-results .search-card .desc {
        margin-bottom: 10px;
        -webkit-line-clamp: 5;
    }
}

@media (max-width: 767px) {
    body.search-results #header-container,
    body.search-no-results #header-container {
        padding: 96px 0 24px;
    }

    body.search-results #header-container h1,
    body.search-no-results #header-container h1 {
        font-size: 40px;
    }

    body.search-results #header-container #receta-grid-title h1,
    body.search-no-results #header-container #receta-grid-title h1 {
        padding-bottom: 12px;
        background-size: 80% auto;
    }

    body.search-results #search-results .search-empty-state,
    body.search-no-results #search-results .search-empty-state {
        margin: 20px auto 44px;
        padding: 0 14px;
        gap: 8px;
    }

    body.search-results #search-results .search-empty-state .no-result-txt,
    body.search-results #search-results .search-empty-state .no-result-help,
    body.search-no-results #search-results .search-empty-state .no-result-txt,
    body.search-no-results #search-results .search-empty-state .no-result-help {
        font-size: 20px;
    }

    #search-results {
        padding: 8px 0 32px;
    }

    body.search-results #search-results .search-card,
    body.search-no-results #search-results .search-card {
        margin-bottom: 40px;
    }

    body.search-results #search-results .search-thumb-container img,
    body.search-no-results #search-results .search-thumb-container img {
        height: 230px;
        border-radius: 32px;
    }

    body.search-results #search-results .search-card .search-content-container,
    body.search-no-results #search-results .search-card .search-content-container {
        height: auto;
        max-height: none;
    }

    body.search-results #search-results .search-card .desc,
    body.search-no-results #search-results .search-card .desc {
        margin-bottom: 20px;
        -webkit-line-clamp: 4;
    }

    body.search-results #search-results .search-card .recipe-info,
    body.search-no-results #search-results .search-card .recipe-info {
        justify-content: center;
        flex-wrap: wrap;
        row-gap: 8px;
    }
}


#PDFModal .modal-header {
    padding: 0 !important;
}
@media (max-width: 767px) {
    #PDFModal .modal-header {
        padding-top: 60px !important;
        font-size: 16px;
    }
    #PDFModal .modal-header .modal-title {
        font-size: 28px;
        line-height: 1.2em;
        color: #0168B3;
    }
    #PDFModal .modal-header .close {
    	color: #000000;
    }
    #PDFModal .modal-content {
        color: #000000 !important;
        background-color: #FFFFFF !important;
        font-size: 18px;
        width: 90%;
    }
    .modal-dialog {
        margin: 0;
    }
	 #PDFModal.in .modal-dialog {
     	transform: translate3D(0,0,0);
        padding-top: 40px;
     }

    #MainModal.video-modal .modal-dialog {
        min-height: 100vh;
        padding: 0 0 12px;
    }

    #MainModal.video-modal .modal-header .close {
        font-size: 46px;
        margin: 0;
    }
}

@media(max-width: 767px) {
	.black25.s-wrapper {
		padding-top: 50px !important;
	}
}

@media (max-width: 767px) {
    #recipes.paper-home-recetas,
    .home #recipes,
    .page-home #recipes,
    .page-inicio #recipes,
    .page-template-page-home-php #recipes,
    .page-template-page-nutricion-php div#page-container,
    .page-nutricion div#page-container,
    div#page-container.paper-nutricion,
    .page-template-page-sabiasque-php div#page-container,
    .page-sabias-que div#page-container,
    .page-sabiasque div#page-container,
    div#page-container.paper-sabias,
    .page-template-page-recetas-php #recipes,
    .page-template-page-recetas_old-php #recipes,
    .page-template-page-recetas-elastic-archive-php #recipes,
    .page-template-page-recipes-list-php #recipes,
    .page-template-page-mas-recetas-php #recipes,
    .page-recetas #recipes,
    .page-recipes #recipes,
    .page-recipes-list #recipes,
    .page-id-4 #recipes,
    #recipes.paper-recetas {
        background-size: 180% auto, auto, auto !important;
        background-position: top center, top left, top left !important;
    }

    #recipes #recipe-list > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.s-logo {
	width: 100% !important;
	max-width: 580px !important;
	margin: 0 auto !important;
	display: block !important;
	transform: translateX(-10px) !important;
}
.s-line-1 {
	color:#D47F1F !important;
	font-size: 34px !important;
	margin-bottom: 0 !important;
	margin-top: -50px !important;
	line-height: 36px !important;
}
.s-line-2 {
	color: #1567af !important;
	font-size: 40px !important;
	margin-bottom: 10px !important;
}
.s-cta {
	display: block !important;
	text-align: center !important;
}
.s-cta img {
	width: 220px !important;
	margin: 0 auto !important;
}
@media(min-width: 768px) {
	.s-logo {
		width: 100% !important;
		max-width: 580px !important;
		margin: 0 auto !important;
		display: block !important;
		transform: translateX(-10px) !important;
	}
	.s-line-1 {
		color:#D47F1F !important;
		font-size: 50px !important;
		margin-bottom: 0 !important;
		margin-top: -115px !important;
		line-height: 30px !important;
	}
	.s-line-1 br {
		display: none;
	}
	.s-line-2 {
		color: #1567af !important;
		font-size: 64px !important;
		margin-bottom: 10px !important;
	}
	.s-cta {
		display: block !important;
		text-align: center !important;
	}
	.s-cta img {
		width: 220px !important;
		margin: 0 auto !important;
	}
}
#yt-player {
	width: 100%;
    max-width: 100%;
}


.gopher, .gopher * {
    font-family: var(--font-headline) !important;
}
.yellow, .yellow * {
    color: #fff !important;
}

body.page-template-page-recetas-php #header-container .yellow,
body.page-template-page-recetas-php #header-container .yellow *,
body.page-template-page-recetas_old-php #header-container .yellow,
body.page-template-page-recetas_old-php #header-container .yellow *,
body.page-template-page-recetas-elastic-archive-php #header-container .yellow,
body.page-template-page-recetas-elastic-archive-php #header-container .yellow *,
body.page-template-page-recipes-list-php #header-container .yellow,
body.page-template-page-recipes-list-php #header-container .yellow *,
body.page-template-page-mas-recetas-php #header-container .yellow,
body.page-template-page-mas-recetas-php #header-container .yellow *,
body.page-recetas #header-container .yellow,
body.page-recetas #header-container .yellow *,
body.page-recipes #header-container .yellow,
body.page-recipes #header-container .yellow *,
body.page-recipes-list #header-container .yellow,
body.page-recipes-list #header-container .yellow *,
body.page-id-4 #header-container .yellow,
body.page-id-4 #header-container .yellow * {
    color: #012d47 !important;
}

/* Recetas slider: positioning & line-bold/line-light */
body.page-template-page-recetas-php #header-container .slide .container {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

body.page-template-page-recetas-php #header-container .slide div.row.slide-container,
body.page-template-page-recetas-php #header-container .slide .row {
    margin: 0 !important;
    padding: 0 !important;
}

body.page-template-page-recetas-php #header-container .slide [class*="col-"] {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-template-page-recetas-php #header-container .yellow,
body.page-template-page-recetas-php #header-container .yellow.gopher {
    font-size: 52px;
    line-height: 0.95;
    text-transform: uppercase;
    max-width: 600px;
    margin: 0 0 40px 0 !important;
    padding: 0 !important;
}

body.page-template-page-recetas-php #header-container .yellow p {
    margin: 0 !important;
    padding: 0 !important;
}

body.page-template-page-recetas-php #header-container .yellow .line-bold {
    font-family: var(--font-body) !important;
    font-weight: 900 !important;
    font-size: 52px;
}

body.page-template-page-recetas-php #header-container .yellow .line-light {
    font-family: var(--font-headline) !important;
    font-weight: 400 !important;
    font-size: 64px;
}

/* Home slider: match nutricion positioning & padding */
#home-slideshow .slide > div {
    padding: var(--hero-header-padding-desktop);
}

@media (max-width: 767px) {
    /* Home hero: reduce side gutters on phones to avoid overly narrow title wrapping */
    .home #home-slideshow .slide > div {
        padding: var(--hero-header-padding-mobile) !important;
    }

    .home #home-slideshow .col-md-8.col-md-offset-2,
    .home #home-slideshow .col-md-8.col-md-offset-2.text-center,
    .home #home-slideshow .col-md-10.col-md-offset-1,
    .home #home-slideshow .col-md-10.col-md-offset-1.text-center {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Recetas hero: keep the same inner spacing as home slider */
body.page-template-page-recetas-php #header-container .slide > div {
    padding: var(--hero-header-padding-desktop);
}

#home-slideshow .container {
    margin: 0;
    padding: 0;
    width: 100%;
}

#home-slideshow .row {
    margin: 0;
}

#home-slideshow .col-md-8.col-md-offset-2,
#home-slideshow .col-md-10.col-md-offset-1 {
    width: 100%;
    margin-left: 0;
}

#home-slideshow .title-old {
    font-size: 52px;
    line-height: 0.95;
    text-transform: uppercase;
    max-width: 600px;
}

/* Home slider line-bold / line-light */
#home-slideshow .title-old .line-bold {
    font-family: var(--font-body) !important;
    font-weight: 900 !important;
    font-size: 52px;
}

#home-slideshow .title-old .line-light {
    font-family: var(--font-headline) !important;
    font-weight: 400 !important;
    font-size: 64px;
}

.uppercase {
    text-transform: uppercase !important;
}

.block {
    display: block !important;
}

.black25 {
    background: rgba(0, 0, 0, .25) !important;
}
#header-container .yellow, #header-container .yellow .title {
    margin-bottom: 40px;
    font-size: 40px;
    line-height: 40px;
    text-align: left;
    font-weight: 700;
}
@media(min-width: 768px) {
    #header-container .yellow,  #header-container .yellow .title {
        margin-bottom: 60px;
        font-size: 84px;
        line-height: 84px;
    }
}

/* Override yellow title sizing for home slider */
#header-container #home-slideshow .yellow,
#header-container #home-slideshow .yellow.title-old {
    font-size: 52px;
    line-height: 0.95;
    margin-bottom: 40px;
}

/* Override yellow title sizing for recetas slider */
body.page-template-page-recetas-php #header-container .yellow,
body.page-template-page-recetas-php #header-container .yellow.gopher {
    font-size: 52px !important;
    line-height: 0.95 !important;
    margin: 0 0 40px 0 !important;
}

/* Recetas hero: force exact home-slider inner layout and type scale */
#header-container.recetas-hero .slide > div {
    padding: var(--hero-header-padding-desktop) !important;
}

#header-container.recetas-hero .slide .container {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

#header-container.recetas-hero .slide div.row.slide-container,
#header-container.recetas-hero .slide .row {
    margin: 0 !important;
    padding: 0 !important;
}

#header-container.recetas-hero .slide [class*="col-"] {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#header-container.recetas-hero .slide .text-center {
    text-align: left !important;
}

#header-container.recetas-hero .yellow,
#header-container.recetas-hero .yellow.gopher,
#header-container.recetas-hero .yellow.title-old {
    color: #012d47 !important;
    font-size: 52px !important;
    line-height: 0.95 !important;
    text-transform: uppercase;
    max-width: 600px;
    margin: 0 0 40px 0 !important;
    padding: 0 !important;
}

#header-container.recetas-hero .yellow p {
    margin: 0 !important;
    padding: 0 !important;
}

#header-container.recetas-hero .yellow .line-bold {
    font-family: var(--font-body) !important;
    font-weight: 900 !important;
    font-size: 52px !important;
}

#header-container.recetas-hero .yellow .line-light {
    font-family: var(--font-headline) !important;
    font-weight: 400 !important;
    font-size: 64px !important;
}

@media (max-width: 767px) {
    /* Keep recetas-hero aligned with the mobile hero spacing system */
    #header-container.recetas-hero .slide > div {
        padding: var(--hero-header-padding-mobile) !important;
    }

    /* Mobile hero typography: 20% smaller with tighter leading across key hero variants */
    .home #home-slideshow .title-old,
    #header-container #home-slideshow .yellow,
    #header-container #home-slideshow .yellow.title-old,
    body.page-template-page-recetas-php #header-container .yellow,
    body.page-template-page-recetas-php #header-container .yellow.gopher,
    #header-container.recetas-hero .yellow,
    #header-container.recetas-hero .yellow.gopher,
    #header-container.recetas-hero .yellow.title-old,
    .page-template-page-nutricion-php #header-container .title,
    .page-template-page-sabiasque-php #header-container .title,
    .page-sabias-que #header-container .title,
    .page-sabiasque #header-container .title {
        font-size: 32px !important;
        line-height: 1 !important;
    }

    .home #home-slideshow .title-old .line-bold,
    body.page-template-page-recetas-php #header-container .yellow .line-bold,
    #header-container.recetas-hero .yellow .line-bold,
    .page-template-page-nutricion-php #header-container .title .line-bold,
    .page-template-page-sabiasque-php #header-container .title .line-bold,
    .page-sabias-que #header-container .title .line-bold,
    .page-sabiasque #header-container .title .line-bold {
        font-size: 42px !important;
        line-height: 1 !important;
    }

    .home #home-slideshow .title-old .line-light,
    body.page-template-page-recetas-php #header-container .yellow .line-light,
    #header-container.recetas-hero .yellow .line-light,
    .page-template-page-nutricion-php #header-container .title .line-light,
    .page-template-page-sabiasque-php #header-container .title .line-light,
    .page-sabias-que #header-container .title .line-light,
    .page-sabiasque #header-container .title .line-light {
        font-size: 51px !important;
        line-height: 1 !important;
    }
}