<div class="cf-reviews-section">
  <div class="cf-reviews-inner">
    <div class="cf-reviews-intro">
      <span class="cf-reviews-eyebrow">Coruña Flat · Opiniones de huéspedes</span>
      <h2>Lo que cuentan quienes ya se han alojado con nosotros</h2>
      <p>
        Una estancia céntrica, cómoda y cuidada se entiende mejor cuando la describen
        quienes ya la han vivido. Aquí puedes ver valoraciones reales de huéspedes.
      </p>
    </div>

    <div class="cf-reviews-highlights">
      <div class="cf-reviews-pill">Ubicación céntrica</div>
      <div class="cf-reviews-pill">Estancia cuidada</div>
      <div class="cf-reviews-pill">Reserva directa</div>
    </div>

    <div class="cf-reviews-card">
      <div class="elfsight-app-3b519748-9b44-4f00-b16b-316b16607f5d"></div>
    </div>
  </div>

  <script src="https://elfsightcdn.com/platform.js" defer></script>

  <style>
    .cf-reviews-section{
      padding: 32px 0 72px;
      clear: both;
    }

    .cf-reviews-inner{
      width: min(1180px, calc(100% - 40px));
      margin: 0 auto;
    }

    .cf-reviews-intro{
      max-width: 760px;
      margin: 0 auto 28px;
      text-align: center;
    }

    .cf-reviews-eyebrow{
      display: inline-block;
      margin-bottom: 14px;
      font-size: 12px;
      line-height: 1;
      letter-spacing: .16em;
      text-transform: uppercase;
      color: rgba(0,0,0,.55);
    }

    .cf-reviews-intro h2{
      margin: 0 0 14px;
      font-size: clamp(32px, 4vw, 50px);
      line-height: 1.08;
      letter-spacing: -.02em;
      color: inherit;
    }

    .cf-reviews-intro p{
      margin: 0;
      font-size: 18px;
      line-height: 1.75;
      color: rgba(0,0,0,.68);
    }

    .cf-reviews-highlights{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 12px;
      margin: 0 0 30px;
    }

    .cf-reviews-pill{
      padding: 12px 18px;
      border: 1px solid rgba(0,0,0,.10);
      border-radius: 999px;
      background: rgba(255,255,255,.7);
      backdrop-filter: blur(6px);
      font-size: 14px;
      line-height: 1.2;
      color: inherit;
    }

    .cf-reviews-card{
      min-height: 720px;
      padding: 22px;
      background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(250,248,244,.96) 100%);
      border: 1px solid rgba(0,0,0,.08);
      border-radius: 28px;
      box-shadow: 0 18px 50px rgba(0,0,0,.06);
      overflow: hidden;
    }

    .cf-reviews-card > div{
      width: 100%;
    }

    /* Ajustes de respiración para el widget */
    .cf-reviews-card .elfsight-app-3b519748-9b44-4f00-b16b-316b16607f5d{
      min-height: 640px;
    }

    @media (max-width: 767px){
      .cf-reviews-section{
        padding: 20px 0 56px;
      }

      .cf-reviews-inner{
        width: min(100% - 24px, 1180px);
      }

      .cf-reviews-intro{
        margin-bottom: 22px;
      }

      .cf-reviews-intro p{
        font-size: 16px;
        line-height: 1.65;
      }

      .cf-reviews-card{
        min-height: 620px;
        padding: 14px;
        border-radius: 22px;
      }
    }
  </style>
</div>