:root{
      --text-color:#111;
      --muted:#8d8d8d;
      --line:#e8e8e8;
      --bg:#f6f6f6;
      --accent:#d9edf2;
    }

    body{
      margin:0;
      font-family:'Montserrat', sans-serif;
      background:#efefef;
      color:var(--text-color);
    }

    .page-wrapper{
      background:#fff;
      max-width:1100px;
      margin:0 auto;
      min-height:100vh;
      padding:0 20px 40px;
    }

    /* HEADER */
    .site-header{
      background: url(../assets/fondoYH.png);
      background-size: 40%;
      background-repeat: no-repeat;
      background-position: center;
      text-align:center;
      padding-bottom:5px;
    }

    .logo-wrap{
      display:inline-block;
      position:relative;
      margin-bottom:18px;
      line-height:1;
    }

    .logo-wrap::before{
      
      position:absolute;
      left:50%;
      transform:translateX(-50%);
      top:12px;
      width:230px;
      height:26px;
      background:var(--accent);
      z-index:0;
      border-radius:2px;
    }

    .logo-script{
      position:relative;
      z-index:1;
      font-family:'Parisienne', cursive;
      font-size:64px;
      color:#757575;
      display:block;
      margin-bottom:6px;
    }

    .logo-sub{
      font-family:'Playfair Display', serif;
      font-size:28px;
      letter-spacing:4px;
      color:#8c8c8c;
      text-transform:uppercase;
      display:block;
    }

    .top-divider,
    .bottom-divider{
      border-top:1px solid var(--line);
      margin:16px 0;
    }

    /* NAV */
    .custom-navbar{
      padding:0;
    }

    .custom-navbar .navbar-nav{
      gap:22px;
    }

    .custom-navbar .nav-link{
      font-size:14px;
      letter-spacing:3px;
      text-transform:uppercase;
      color:#111;
      padding:10px 0;
      transition:.2s ease;
    }

    .custom-navbar .nav-link:hover{
      color:#6e6e6e;
    }



    /* MAIN */
    .section-title{
      text-align:center;
      font-size:18px;
      letter-spacing:3px;
      text-transform:uppercase;
      margin:40px 0 28px;
      font-weight:500;
    }

    .recipe-card{
      margin-bottom:30px;
    }

    .recipe-image-wrap{
      overflow:hidden;
      background:#f1f1f1;
    }

    .recipe-image{
      width: 100%;
      height:340px;
      object-fit:cover;
      display:block;
    }

    .recipe-title{
      margin-top:12px;
      font-size:15px;
      letter-spacing:2px;
      text-transform:uppercase;
      font-weight:500;
    }

    /* SIDEBAR */
    .sidebar{
      padding-left:24px;
    }

    .sidebar-title{
      font-size:16px;
      letter-spacing:3px;
      text-transform:uppercase;
      font-weight:500;
      margin-bottom:20px;
      text-align:center;
    }

    .author-box{
      text-align:center;
    }

    .author-img{
      width:310px;
      height:310px;
      object-fit:cover;
      border-radius:50%;
      margin-bottom:18px;
    }

    .author-text{
      font-size:14px;
      line-height:2;
      color:#2b2b2b;
      max-width:300px;
      margin:0 auto;
    }

    .sidebar-divider{
      border-top:1px solid var(--line);
      margin:34px 0;
    }

    .social-icons{
      display:flex;
      justify-content:center;
      gap:26px;
      font-size:28px;
    }

    .social-icons a{
      color:#333;
      transition:.2s ease;
    }

    .social-icons a:hover{
      color:#cde8ee;
    }

    .social-icons a:hover{
      transform: translateY(-3px);
    }
    .newsletter-box{
      background:#f3f3f3;
      padding:30px 24px;
      text-align:justify;
    }

    .newsletter-title{
      font-size:16px;
      letter-spacing:4px;
      text-transform:uppercase;
      line-height:2;
      font-weight:500;
      margin-bottom:10px;
    }

    .newsletter-text{
      font-size:15px;
      color:#555;
      margin-bottom:18px;
    }

    .newsletter-box input{
      border:1px solid #ddd;
      border-radius:0;
      min-height:46px;
      margin-bottom:12px;
    }

    .newsletter-box .btn{
      border-radius:0;
      letter-spacing:2px;
      text-transform:uppercase;
      padding:12px;
    }

    /* RESPONSIVE */
    @media (max-width: 991.98px){
      .sidebar{
        padding-left:0;
        margin-top:30px;
      }

      .custom-navbar .navbar-collapse{
        padding-top:15px;
      }

      .custom-navbar .navbar-nav{
        gap:8px;
      }

  

      .recipe-image{
        height:360px;
      }
    }

    @media (max-width: 767.98px){
      .page-wrapper{
        padding:0 14px 30px;
      }

      .logo-script{
        font-size:48px;
      }

      .logo-wrap::before{
        width:180px;
        height:20px;
        top:10px;
      }

      .logo-sub{
        font-size:22px;
        letter-spacing:3px;
      }

      .section-title{
        font-size:16px;
        margin:30px 0 22px;
      }

      .recipe-image{
        height:300px;
      }

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

      .social-icons{
        gap:18px;
        font-size:24px;
      }
    }
.cardinv {
    border-radius: 12px;
    transition: 0.3s ease;
}

.cardinv:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.section-title{
    letter-spacing: 4px;
    font-size: 1.6rem;
    font-weight: 500;
}

.project-card{
    border-radius: 14px;
    border: 1px solid #dcdcdc;
    transition: 0.3s ease;
    background: #fff;
}

.project-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.project-title{
    font-size: 1.4rem;
    margin-bottom: 20px;
    font-weight: 600;
    color: #222;
}

.project-info p{
    margin-bottom: 8px;
    color: #444;
}

.project-summary{
    margin-top: 15px;
    line-height: 1.8;
    color: #555;
    text-align: justify;
}

.project-results{
    margin-top: 20px;
}

.project-results ul{
    padding-left: 18px;
    margin-top: 10px;
}

.project-results li{
    margin-bottom: 8px;
    color: #444;
}

/* BOTÓN PERSONALIZADO */

.btn-outline-custom {
    color: #7bb8c5;
    border-color: #cde8ee;
    border-width: 2px;
    letter-spacing: 1px;
    transition: 0.3s ease;
}

.btn-outline-custom:hover {
    background-color: #cde8ee;
    color: #000;
}
.recipe-image-wrap iframe{
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 10px;
}