/*Header icon*/
div.center-ball {height: 1px; width: 50%;position: relative;background: rgb(255,255,255);
background: linear-gradient(256deg, rgba(255,255,255,1) 0%, rgba(0,137,110,1) 53%, rgba(255,255,255,1) 100%);;display: flex;margin: 0px auto;justify-content: center;}
div.center-ball .img {padding: 14px;
    border-radius: 15%;
    position: absolute;
    background: #00896E;
    top: -35px;}
div.center-ball [class^="ico"] {height: 40px;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(179deg) brightness(104%) contrast(102%);}
/*Fin Header icon*/
.field--name-field-media-image img{width: 100%;}
.recipe-page {max-width: 1100px;margin: 0 auto;background: #fff;}
.recipe-hero {padding: 48px 24px 32px;background: #9ac31c2e;border-bottom: 1px solid #ddd;}
.recipe-hero h1{margin:0 0 12px;font-size:2.2rem;line-height:1.2;}
.recipe-subtitle{margin:0 0 20px;max-width:760px;font-size:1.05rem;color:#4b4b4b;}
.recipe-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;}
.recipe-tag{display:inline-block;padding:8px 14px;background:#00896e;border-radius:999px;font-size:.9rem;font-weight:600;color:#FFF;}
.recipe-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.recipe-meta-item{padding:16px;background:#fff;border:1px solid #ddd;border-radius:12px;}
.recipe-meta-item strong{display:block;margin-bottom:6px;font-size:.9rem;color:#000;text-transform:uppercase;}
.recipe-content{display:grid;grid-template-columns:1fr 1.4fr;gap:32px;padding:40px 24px;}
.recipe-card{padding:24px;background:#fafafa;border:1px solid #e3e3e3;border-radius:16px;}
.recipe-card h2{margin-top:0;margin-bottom:20px;font-size:1.4rem;}
.ingredients-list{list-style:none;padding:0;margin:0;}
.ingredients-list li{padding:10px 0;border-bottom:1px solid #e8e8e8;}
.ingredients-list li:last-child{border-bottom:none;}
.instructions-list{margin:0;padding-left:22px;}
.instructions-list li{margin-bottom:18px;}
.nutrition{padding:0 24px 48px;}
.nutrition-box{padding:24px;background:#ebf2d4;border:1px solid #00896e;border-radius:16px;}
.nutrition-box h2{margin-top:0;margin-bottom:16px;}
.nutrition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.nutrition-item{padding:16px;background:#fff;border-radius:12px;border:1px solid #dfe6d9;text-align:center;}
.nutrition-item strong{display:block;margin-bottom:6px;font-size:.9rem;color:#000;text-transform:uppercase;}
.page-node-type-recipes-page .view-header h2{    font-size: 2rem !important;
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px 0px 0px 10px;}

/*Views recipes*/
.view-content{display: flex;justify-content: center;flex-direction: row;flex-wrap: wrap;}
.product-card{border:1px solid #e4e4e4;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:.2s ease;}
.product-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08);}
.product-card img{display:block;width:100%;height:auto;}
.product-card .card-body{padding:18px 18px 22px;}
.product-card .card-title{margin:0 0 18px;line-height:1.3;font-size:clamp(1.2rem,1vw,1.2rem);color:#00896e;min-height:3.9em;font-weight: bold;}
.product-card .btn{padding:10px 18px;border-radius:10px;font-size:.95rem;}
.box-link{display:block;text-decoration:none;color:inherit;}
.recipe-card h2,
.nutrition-box h2{font-size: 1.5rem!important;font-weight: bold;}
/*fin views recipes*/
    @media (max-width: 900px) {
      .recipe-meta,
      .nutrition-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .recipe-content {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 560px) {
      .recipe-hero h1 {
        font-size: 1.8rem;
      }

      .recipe-meta,
      .nutrition-grid {
        grid-template-columns: 1fr;
      }

      .recipe-hero,
      .recipe-content,
      .nutrition {
        padding-left: 16px;
        padding-right: 16px;
      }
    }