* {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
        }

        .text-recomen {
            text-align: center;
            margin: 20px;
        }

        .food-header {
            width: 100%;
            background: #f3f4f6;
        }

        /* banner superior */
        .food-banner {
            width: 100%;
            height: 120px;
            overflow: hidden;
        }

        .food-banner img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        body {
            background: #fff;
        }

        /* HERO */
        .hero {
            position: relative;
            width: 100%;
            height: 350px;
            overflow: hidden;
        }

        /* RECETAS */
        .recetas {
            padding: 50px 20px;
        }

        .subtitulo {
            font-size: 18px;
            margin-bottom: 10px;
        }

        .titulo {
            font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
            font-size: 32px;
            font-style: italic;
            margin-bottom: 40px;
        }

        .titulo span {
            font-style: normal;
            font-weight: bold;
        }

        .categorias {
            display: flex;
            justify-content: center;
            gap: 40px;
            flex-wrap: wrap;
        }

        .categoria {
            text-align: center;
            cursor: pointer;
        }

        .categoria img {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .categoria img:hover {
            transform: scale(1.05);
        }

        .categoria p {
            margin-top: 10px;
            font-weight: 500;
        }


        .hero-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .hero-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
        }

        .container {
            display: flex;
            max-width: 1200px;
            margin: 40px auto;
            gap: 40px;
        }

        /* IZQUIERDA */
        .left {
            flex: 1;
        }

        h1 {
            font-size: 42px;
            color: #7a2e2e;
            margin-bottom: 20px;
        }

        .info-top {
            display: flex;
            align-items: center;
            gap: 25px;
            margin-bottom: 20px;
        }

        .info-item {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6d8c4f;
            font-weight: 500;
        }

        .info-item img {
            width: 20px;
        }

        .costo {
            color: red;
            font-weight: 600;
        }

        /* Dropdown */
        .dropdown {
            background: #eaeaea;
            padding: 12px 16px;
            border-radius: 6px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
            font-weight: 500;
        }

        .dropdown img {
            width: 16px;
        }

        /* Ingredientes */
        .ingredientes {
            background: #f0eae6;
            padding: 20px;
            border-radius: 10px;
            margin-bottom: 20px;
        }

        .ingredientes h3 {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 15px;
            color: #6d8c4f;
        }

        .ingredientes h3 img {
            width: 22px;
        }

        .ingredientes ul {
            list-style: none;
        }

        .ingredientes li {
            margin-bottom: 10px;
            position: relative;
            padding-left: 18px;
            line-height: 1.4;
        }

        .ingredientes li::before {
            content: "";
            width: 6px;
            height: 6px;
            background: #f4a825;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 8px;
        }

        /* Botón */
        .btn-agregar {
            background: #4c6b2f;
            color: white;
            padding: 12px 20px;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            font-size: 15px;
            font-weight: 500;
        }

        .btn-agregar:hover {
            background: #3f5927;
        }

        /* DERECHA */
        .container {
            display: flex;
            gap: 60px;
            align-items: stretch;
            /* MUY IMPORTANTE */
        }

        /* COLUMNA DERECHA */
        .right {
            flex: 1;
            position: relative;
            border-radius: 20px;
            overflow: hidden;
            min-height: 520px;
            /* controla altura del card */
        }

        /* IMAGEN */
        .right img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* hace el zoom elegante */
            object-position: center;
            display: block;
            transition: transform 0.6s ease;
        }

        /* efecto opcional premium */
        .right:hover img {
            transform: scale(1.05);
        }

        .preparacion {
            max-width: 1100px;
            margin: 40px auto;
        }

        .preparacion h2 {
            font-size: 34px;
            color: #7a2e2e;
            margin-bottom: 20px;
        }

        .prep-box {
            background: #e9e4e0;
            padding: 30px;
            border-radius: 12px;
        }

        .prep-box ol {
            padding-left: 20px;
        }

        .prep-box li {
            margin-bottom: 15px;
            line-height: 1.6;
            color: #333;
        }
    </style>
    <style>
        /* RESET */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial, sans-serif;
        }

        body {
            color: #333;
        }

        /* ============================= */
        /* HISTORIA */
        /* ============================= */

        .history-section {
            padding: 60px 20px;
        }

        .history-container {
            max-width: 1100px;
            margin: auto;
        }

        .history-subtitle {
            font-weight: 600;
            letter-spacing: 1px;
            margin-bottom: 10px;
        }

        .history-title {
            font-size: 38px;
            font-family: serif;
            font-style: italic;
            margin-bottom: 25px;
        }

        .history-text {
            line-height: 1.7;
            margin-bottom: 20px;
            font-size: 15px;
        }

        /* ============================= */
        /* RECETAS RELACIONADAS */
        /* ============================= */

        .related-section {
            padding: 50px 20px;
            background: #fff;
        }

        .related-container {
            max-width: 1200px;
            margin: auto;
        }

        .related-title {
            text-align: center;
            margin-bottom: 30px;
            font-size: 20px;
            font-weight: 600;
        }

        /* MOBILE CAROUSEL */
        .related-carousel {
            display: flex;
            gap: 20px;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            padding-bottom: 10px;
        }

        .related-carousel::-webkit-scrollbar {
            display: none;
        }

        .recipe-card {
            min-width: 220px;
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            scroll-snap-align: start;
            flex-shrink: 0;
        }

        .recipe-card img {
            width: 100%;
            height: 220px;
            object-fit: cover;
            display: block;
        }

        .recipe-info {
            padding: 15px;
        }

        .recipe-title {
            font-size: 14px;
            margin-bottom: 8px;
        }

        .stars {
            font-size: 14px;
        }

        /* ============================= */
        /* CONTENIDO LISTADO */
        /* ============================= */

        .list-section {
            background: #cfd5bf;
            padding: 50px 20px;
        }

        .list-container {
            max-width: 1200px;
            margin: auto;
        }

        .list-title {
            font-size: 20px;
            margin-bottom: 30px;
        }

        .list-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 25px;
        }

        .list-grid ul {
            list-style: disc;
            padding-left: 18px;
        }

        .list-grid li {
            margin-bottom: 8px;
        }

        /* ============================= */
        /* DESKTOP */
        /* ============================= */

        .carousel-wrapper {
            position: relative;
            overflow: hidden;
        }

        .carousel-track {
            display: flex;
            transition: transform 0.4s ease;
            gap: 20px
        }

        .recipe-card {
            min-width: 100%;
            padding: 0px;
        }

        .recipe-card img {
            width: 100%;
            height: 350px;
            object-fit: cover;
            border-radius: 12px 0px 12 0px;
        }

        .recipe-info {
            padding: 10px 0;
            margin: 10px;
        }

        /* FLECHAS */
        .carousel-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: white;
            border: none;
            font-size: 22px;
            padding: 8px 14px;
            cursor: pointer;
            border-radius: 50%;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
            z-index: 2;
        }

        .prev {
            left: 10px;
        }

        .next {
            right: 10px;
        }

        /* DOTS */
        .carousel-dots {
            text-align: center;
            margin-top: 15px;
        }

        .carousel-dots span {
            height: 10px;
            width: 10px;
            margin: 0 5px;
            background: #ccc;
            display: inline-block;
            border-radius: 50%;
            cursor: pointer;
        }

        .carousel-dots .active {
            background: #333;
        }

        /* DESKTOP: mostrar 3 */
        @media(min-width:768px) {
            .food-banner {
                height: 90px;
            }

            .recipe-card {
                min-width: 33.333%;
            }
        }

        @media(min-width:768px) {

            .history-title {
                font-size: 48px;
            }

            .related-carousel {
                overflow: visible;
                flex-wrap: wrap;
                justify-content: center;
            }

            .recipe-card {
                min-width: 250px;
                max-width: 250px;
            }

            .list-grid {
                grid-template-columns: repeat(4, 1fr);
            }

        }

        /* ============================= */
        /* BANNER "RECETAS DE CARNE" */
        /* ============================= */
        .recetas-banner {
            background: #fff;
            padding: 40px 20px;
        }

        .rb-wrap {
            max-width: 1100px;
            margin: 0 auto;
            text-align: center;
        }

        .rb-title {
            font-size: 34px;
            color: #2f5a3a;
            /* verde similar al ejemplo */
            margin-bottom: 10px;
            font-weight: 700;
        }

        .rb-text{
  max-width:900px;
  margin:0 auto 24px auto;
  font-size:16px;
  line-height:1.6;
  color:#444;
}

        .rb-card {
            margin: 18px auto 22px auto;
            max-width: 980px;
            background: #f3f3f3;
            border-radius: 10px;
            overflow: hidden;
            display: flex;
            align-items: stretch;
            text-align: left;    height: 300px;
        }

        .rb-media {
            flex: 1.1;
            min-height: 220px;
        }

        .rb-media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .rb-content {
            flex: 1.4;
            padding: 26px 28px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .rb-card-title {
            font-size: 30px;
            line-height: 1.1;
            color: #2b2b2b;
            margin-bottom: 12px;
            font-weight: 500;
        }

        .rb-card-title span {
            font-weight: 700;
        }

        .rb-card-text {
            color: #555;
            line-height: 1.5;
            font-size: 14px;
            max-width: 420px;
            margin-bottom: 16px;
        }

        .rb-btn {
            display: inline-block;
            background: #4c6b2f;
            /* tu verde del sitio */
            color: #fff;
            text-decoration: none;
            padding: 10px 18px;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: .5px;
            width: max-content;
        }

        .rb-btn:hover {
            background: #3f5927;
        }

        .rb-text{
  max-width:900px;
  margin:0 auto 24px auto;
  font-size:16px;
  line-height:1.6;
  color:#444;
}-bottom {
            margin-top: 14px;
        }

                              .desktop {
  display: block !important;
}
.mobile{
  display: none !important;
}

        /* Responsive */
        @media (max-width: 768px) {
                                .desktop {
  display: none !important;
}
.mobile{
  display: block !important;
}
            .rb-card {
                flex-direction: column;
                text-align: center;height:100%
            }

            .rb-content {
                align-items: center;
                text-align: center;
            }

            .rb-card-text {
                max-width: 520px;
            }
        }


        /* ============================= */
        /* 2 CARDS - DESKTOP / CAROUSEL MOBILE */
        /* ============================= */
        .cards-recetas {
            background: #fff;
            padding: 40px 20px;
        }

        .cr-wrap {
            max-width: 1100px;
            margin: 0 auto;
        }

        /* MOBILE: carrusel */
        .cr-track {
            display: flex;
            gap: 18px;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch;
            padding-bottom: 10px;
        }

        .cr-track::-webkit-scrollbar {
            display: none;
        }

        .cr-card {
            background: #f3f3f3;
            border-radius: 10px;
            overflow: hidden;
            min-width: 85%;
            scroll-snap-align: start;
            flex-shrink: 0;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
        }

        .cr-img img {
            width: 100%;
            height: 170px;
            object-fit: cover;
            display: block;
        }

        .cr-body {
            padding: 16px 18px 18px;
        }

        .cr-title {
            font-size: 14px;
            font-weight: 700;
            color: #2f5a3a;
            margin-bottom: 8px;
        }

        .cr-text {
            font-size: 11px;
            line-height: 1.5;
            color: #555;
            margin-bottom: 12px;
            max-width: 420px;
        }

        .cr-btn {
            display: inline-block;
            background: #4c6b2f;
            color: #fff;
            text-decoration: none;
            padding: 8px 14px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .4px;
        }

                       .receta-texto{
            color: #555;
    line-height: 1.5;
    font-size: 16px;
    text-align: center;
    max-width:60%;
    margin-bottom: 0px !important;
    margin-bottom: 16px;margin:auto
        }


        /* DESKTOP: 2 columnas (sin carrusel) */
        @media (min-width: 768px) {
                           .receta-texto{
            color: #555;
    line-height: 1.5;
    font-size: 16px;
    text-align: center;
    max-width:100%;
    margin-bottom: 0px !important;
    margin-bottom: 16px;margin:auto
        }

            .cr-track {
                overflow: visible;
                scroll-snap-type: none;
            }

            .cr-card {
                min-width: 0;
                width: calc(50% - 9px);
            }

            .cr-img img {
                height: 190px;
            }
        }

        /* ============================= */
        /* FOOTER MEGA LINKS (3 columnas) */
        /* ============================= */
        .footer-mega {
            background: #cfd5bf;
            /* mismo tono de tu list-section */
            padding: 55px 20px;
        }

        .fm-wrap {
            max-width: 1100px;
            margin: 0 auto;
        }

        .fm-heading {
            text-align: center;
            color: #2f5a3a;
            font-size: 26px;
            font-weight: 700;
            margin-bottom: 34px;
        }

        .fm-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 26px;
        }

        /* columna */
        .fm-col {
            padding: 6px 0;
        }

        .fm-col-head {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 14px;
            color: #2f5a3a;
            font-weight: 700;
            font-size: 18px;
        }

        .fm-icon {
            width: 26px;
            height: 26px;
            object-fit: contain;
            flex: 0 0 auto;
        }

        .fm-col-title {
            line-height: 1.1;
        }

        .fm-list {
            list-style: disc;
            padding-left: 22px;
            color: #333;
        }

        .fm-list li {
            margin-bottom: 10px;
            line-height: 1.4;
        }

        .fm-list a {
            color: #333;
            text-decoration: none;
        }

        .fm-list a:hover {
            text-decoration: underline;
        }

        /* DESKTOP: 3 columnas + separadores */
        @media (min-width: 768px) {
            .fm-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 0;
                align-items: start;
            }

            .fm-col {
                padding: 0 34px;
            }

            .fm-col:not(:last-child) {
                border-right: 1px solid rgba(0, 0, 0, 0.12);
            }
        }

        /* ============================= */
        /* AJUSTE GENERAL DE TIPOGRAFÍA  */
        /* ============================= */
        .recipe-title {
            font-size: 13px;
            margin-bottom: 6px;
            line-height: 1.25;
        }

        .stars {
            font-size: 12px;
        }

      .recipe-info a {
    font-size: 15px;
    line-height: 2.5;text-decoration: none;
    color: #000;
}

        /* ============================= */
        /* CARRUSEL "RECETAS RECOMENDADAS" */
        /* ============================= */

        /* Card más compacta */
        .related-section .recipe-card {
            border-radius: 12px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
        }

        /* Imagen menos alta */
        .related-section .recipe-card img {
            height: 170px;
            /* antes 350px */
            border-radius: 12px 12px 0 0;
        }

        /* Info más pequeña */
        .related-section .recipe-info {
            padding: 12px 14px;
        }

        .related-section .recipe-title {
            font-size: 13px;
        }

        .related-section .stars {
            font-size: 12px;
        }

        /* Track: mejor separación */
        .carousel-track {
            gap: 16px;
            align-items: stretch;
        }

        /* MOBILE: 1 tarjeta por vista, scroll bonito */
        @media (max-width: 767px) {
            .related-section .carousel-wrapper {
                overflow: hidden;
            }

            .related-section .carousel-track {
                gap: 14px;
            }

            .related-section .recipe-card {
                min-width: 85%;
                /* se ve como carrusel */
            }

            .related-section .recipe-card img {
                height: 160px;
            }

            /* Botones más chicos (si los dejas) */
            .carousel-btn {
                font-size: 18px;
                padding: 6px 10px;
            }
        }

        /* DESKTOP: 3 por vista, pero no gigantes */
        @media (min-width: 768px) {
            .related-section .recipe-card {
                min-width: calc(33.333% - 11px);
            }

            .related-section .recipe-card img {
                height: 180px;
            }
        }

        /* ============================= */
        /* CARRUSEL 2 CARDS (Recetas rápidas / saludables) */
        /* ============================= */

        /* Card más fina */
        .cr-card {
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
        }

        /* Imagen más baja */
        .cr-img img {
            height: 150px;
            /* antes 170 / 290 */
        }

        /* Textos más chicos */
        .cr-title {
            font-size: 13px;
            margin-bottom: 6px;
        }

        .cr-text {
            font-size: 11px;
            line-height: 1.45;
        }

        .cr-btn {
            font-size: 10px;
            padding: 7px 12px;
        }

        /* DESKTOP: 2 columnas pero sin “mega imagen” */
        @media (min-width: 768px) {
            .cr-img img {
                height: 200px;
                /* antes 290 */
            }
        }

        /* ============================= */
        /* AJUSTE GENERAL DE TIPOGRAFÍA  */
        /* ============================= */
        .recipe-title {
            font-size: 13px;
            margin-bottom: 6px;
            line-height: 1.25;
        }

        .stars {
            font-size: 12px;
        }

      .recipe-info a {
    font-size: 15px;
    line-height: 2.5;text-decoration: none;
    color: #000;
}

        /* ============================= */
        /* CARRUSEL "RECETAS RECOMENDADAS" */
        /* ============================= */

        /* Card más compacta */
        .related-section .recipe-card {
            border-radius: 12px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
        }

        /* Imagen menos alta */
        .related-section .recipe-card img {
            height: 170px;
            /* antes 350px */
            border-radius: 12px 12px 0 0;
        }

        /* Info más pequeña */
        .related-section .recipe-info {
            padding: 12px 14px;
        }

        .related-section .recipe-title {
            font-size: 13px;
        }

        .related-section .stars {
            font-size: 12px;
        }

        /* Track: mejor separación */
        .carousel-track {
            gap: 16px;
            align-items: stretch;
        }

        /* MOBILE: 1 tarjeta por vista, scroll bonito */
        @media (max-width: 767px) {
            .related-section .carousel-wrapper {
                overflow: hidden;
            }

            .related-section .carousel-track {
                gap: 14px;
            }

            .related-section .recipe-card {
                min-width: 85%;
                /* se ve como carrusel */
            }

            .related-section .recipe-card img {
                height: 160px;
            }

            /* Botones más chicos (si los dejas) */
            .carousel-btn {
                font-size: 18px;
                padding: 6px 10px;
            }
        }

        /* DESKTOP: 3 por vista, pero no gigantes */
        @media (min-width: 768px) {
            .related-section .recipe-card {
                min-width: calc(33.333% - 11px);
            }

            .related-section .recipe-card img {
                height: 180px;
            }
        }

        /* ============================= */
        /* CARRUSEL 2 CARDS (Recetas rápidas / saludables) */
        /* ============================= */

        /* Card más fina */
        .cr-card {
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
        }

        /* Imagen más baja */
        .cr-img img {
            height: 150px;
            /* antes 170 / 290 */
        }

        /* Textos más chicos */
        .cr-title {
            font-size: 13px;
            margin-bottom: 6px;
        }

        .cr-text {
            font-size: 11px;
            line-height: 1.45;
        }

        .cr-btn {
            font-size: 10px;
            padding: 7px 12px;
        }

        /* DESKTOP: 2 columnas pero sin “mega imagen” */
        @media (min-width: 768px) {
            .cr-img img {
                height: 200px;
                /* antes 290 */
            }
        }

        /* ============================= */
        /* CARRUSEL CATEGORÍAS (MOBILE)  */
        /* ============================= */

        .categorias {
            display: flex;
            justify-content: center;
            gap: 40px;
            flex-wrap: wrap;
        }

        /* MOBILE: carrusel horizontal */
        @media (max-width: 767px) {
            .categorias {
                justify-content: flex-start;
                /* no centrado, para que “corra” */
                flex-wrap: nowrap;
                /* clave: no hacer wrap */
                overflow-x: auto;
                /* scroll horizontal */
                -webkit-overflow-scrolling: touch;
                scroll-snap-type: x mandatory;
                gap: 16px;
                padding: 0 16px 10px;
            }

            .categorias::-webkit-scrollbar {
                display: none;
            }

            .categoria {
                flex: 0 0 auto;
                /* no se achique */
                scroll-snap-align: start;
                width: 120px;
                /* ancho consistente */
            }

            .categoria img {
                width: 90px;
                height: 90px;
            }

            .categoria h2 {
                font-size: 13px !important;
            }
        }

        /* DESKTOP: vuelve a la grilla centrada */
        @media (min-width: 768px) {
            .categorias {
                justify-content: center;
                flex-wrap: wrap;
                overflow: visible;
                padding: 0;
                gap: 40px;
            }
        }

        /* ============================= */
        /* AJUSTE GENERAL DE TIPOGRAFÍA  */
        /* ============================= */
        .recipe-title {
            font-size: 13px;
            margin-bottom: 6px;
            line-height: 1.25;
        }

        .stars {
            font-size: 12px;
        }

      .recipe-info a {
    font-size: 15px;
    line-height: 2.5;text-decoration: none;
    color: #000;
}

        /* ============================= */
        /* CARRUSEL "RECETAS RECOMENDADAS" */
        /* ============================= */

        /* Card más compacta */
        .related-section .recipe-card {
            border-radius: 12px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
        }

        /* Imagen menos alta */
        .related-section .recipe-card img {
            height: 170px;
            /* antes 350px */
            border-radius: 12px 12px 0 0;
        }

        /* Info más pequeña */
        .related-section .recipe-info {
            padding: 12px 14px;
        }

        .related-section .recipe-title {
            font-size: 13px;
        }

        .related-section .stars {
            font-size: 12px;
        }

        /* Track: mejor separación */
        .carousel-track {
            gap: 16px;
            align-items: stretch;
        }

        /* MOBILE: 1 tarjeta por vista, scroll bonito */
        @media (max-width: 767px) {
            .related-section .carousel-wrapper {
                overflow: hidden;
            }

            .related-section .carousel-track {
                gap: 14px;
            }

            .related-section .recipe-card {
                min-width: 85%;
                /* se ve como carrusel */
            }

            .related-section .recipe-card img {
                height: 250px;
            }

            /* Botones más chicos (si los dejas) */
            .carousel-btn {
                font-size: 18px;
                padding: 6px 10px;
            }
        }

        /* DESKTOP: 3 por vista, pero no gigantes */
        @media (min-width: 768px) {
            .related-section .recipe-card {
                min-width: calc(23.333% - 11px);
            }

            .related-section .recipe-card img {
                height: 380px;
            }
        }

        /* ============================= */
        /* CARRUSEL 2 CARDS (Recetas rápidas / saludables) */
        /* ============================= */

        /* Card más fina */
        .cr-card {
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
        }

        /* Imagen más baja */
        .cr-img img {
            height: 280px;
            /* antes 170 / 290 */
        }

        /* Textos más chicos */
        .cr-title {
            font-size: 13px;
            margin-bottom: 6px;
        }

        .cr-text {
            font-size: 11px;
            line-height: 1.45;
        }

        .cr-btn {
            font-size: 10px;
            padding: 7px 12px;
        }

        /* DESKTOP: 2 columnas pero sin “mega imagen” */
        @media (max-width: 768px) {
            .cr-img img {
                height: 180px !important;
                /* antes 290 */
            }

            .cr-card {
                min-width: 0;
                width: calc(50% - 9px);
            }

            .rb-title {
                font-size: 22px !important;
                color: #2f5a3a;
                /* verde similar al ejemplo */
                margin-bottom: 10px;
                font-weight: 700;
                margin-top: -10px !important;
            }

            .recipe-card {
                width: calc(20.333% - 11px) !important;
            }

            .recipe-title {
                font-size: 10px !important;
                margin-bottom: 6px;
                line-height: 1.25;
            }

            .text-ver {
                font-size: 10px;
            }

            /* En móvil: sin flechas (molestan) */
            .carousel-btn {
                display: none !important;
            }
        }

        @media (max-width: 767px) {
            .carousel-wrapper.mobile-swipe {
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                -webkit-overflow-scrolling: touch;
            }

            .carousel-wrapper.mobile-swipe::-webkit-scrollbar {
                display: none;
            }

            .carousel-wrapper.mobile-swipe .carousel-track {
                transform: none !important;
                gap: 14px;
                padding: 0 16px 10px;
            }

            .carousel-wrapper.mobile-swipe .recipe-card {
                min-width: 85%;
                scroll-snap-align: start;
                flex: 0 0 auto;
            }
        }

        .food-header {
            width: 100%;
            background: #f3f4f6;
        }

        .food-banner {
            width: 100%;
            height: 120px;
            overflow: hidden;
        }

        .food-banner img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .food-menu {
            background-color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 90px;
            padding: 20px 10px;
            font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
            align-content: flex-end;
        }

        .menu-item {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 18px;
            color: #4d7c0f;
            text-decoration: none;
            cursor: pointer;
            transition: 0.2s;
            flex-direction: column;
            margin-top: 50px;
            align-content: flex-end;
        }

        .menu-item img {
            width: 68px;
            display: block;
        }

        .menu-item:hover {
            color: #365314;
        }

        .menu-item.active {
            font-weight: 600;
        }

        @media (max-width: 768px) {
            .cook-links--mockup .cook-links__grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
}
            .food-banner {
                height: 90px;
            }

            .food-menu {
                justify-content: flex-start;
                gap: 14px;
                padding: 14px 12px;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                scroll-snap-type: x mandatory;
                scrollbar-width: none;
            }

            .food-menu::-webkit-scrollbar {
                display: none;
            }

            .menu-item {
                flex: 0 0 auto;
                white-space: nowrap;
                scroll-snap-align: start;
                padding: 10px 12px;
                border-radius: 999px;
                background: rgba(255, 255, 255, 0.7);
                border: 1px solid rgba(0, 0, 0, 0.06);
                font-size: 15px;
                margin-top: 0;
            }

            .menu-item img {
                width: 22px;
                height: 22px;
            }

            .menu-item.active {
                background: #e9f5d8;
                border-color: rgba(77, 124, 15, 0.25);
                font-weight: 700;
            }
        }

        .cook-links--mockup {
  position: relative;
  z-index: 2;
  background: transparent;
  padding: 80px 0 0;
  width: 100%;
}

.cook-links__floating-title {
  position: relative;
  z-index: 3;
  max-width: 430px;
  margin: 0 auto -22px;
  background: #ecdada;
  color: #6d3b3e;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  padding: 18px 20px;
  border-radius: 8px;
}

.cook-links--mockup .cook-links__container {
  max-width: 920px;
  margin: 0 auto;
  background: #f7f5f1;
  border-radius: 22px 22px 0 0;
  padding: 48px 34px 22px;
  box-sizing: border-box;
}

.cook-links--mockup .cook-links__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.cook-links--mockup .cook-links__item {
  padding: 10px 28px 20px;
}

.cook-links--mockup .cook-links__item:not(:last-child) {
  border-right: 1px solid #c7d7ae;
}

.cook-links--mockup .cook-links__heading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

.cook-links--mockup .cook-links__icon {
  width: 56px;
  height: 35px;
  object-fit: contain;
  margin-top: 0;
}

.cook-links--mockup .cook-links__heading h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.2;
  color: #46652d;
  font-weight: 700;
}

.cook-links--mockup ul {
  list-style-type: none;
  pointer-events: none;
  margin: 0;
  padding-left: 18px;
  text-align: center;
}

.cook-links--mockup li {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 1.45;
  color: #1f1f1f;
}

.cook-links--mockup a {
  color: #1f1f1f;
  text-decoration: none;
}

.cook-links--mockup a:hover {
  text-decoration: underline;
}