.pn-puerto-seo-region {

      width: calc(100vw - 20px) !important;

      max-width: calc(100vw - 20px) !important;

      margin-left: calc(50% - 50vw + 10px) !important;

      margin-right: 0 !important;

      padding: 60px 10px 66px;

      box-sizing: border-box;

      font-family: inherit;

      background: transparent;

      color: #123949;

      overflow: hidden;

    }



    .pn-puerto-seo-region * {

      box-sizing: border-box;

    }



    .pn-puerto-seo-region .pn-puerto-wrap {

      width: 100%;

      max-width: none;

      margin: 0;

      position: relative;

      overflow: hidden;

      border-radius: 38px;

      padding: 48px clamp(24px, 4vw, 68px) 44px;

      background:

        radial-gradient(circle at 10% 12%, rgba(0, 190, 210, 0.20), transparent 32%),

        radial-gradient(circle at 92% 88%, rgba(255, 184, 64, 0.22), transparent 36%),

        linear-gradient(135deg, rgba(255,255,255,0.98), rgba(235,250,255,0.96));

      border: 1px solid rgba(0, 135, 170, 0.16);

      box-shadow:

        0 30px 76px rgba(0, 65, 92, 0.14),

        inset 0 1px 0 rgba(255,255,255,0.92);

      isolation: isolate;

    }



    .pn-puerto-seo-region .pn-puerto-wrap::before {

      content: "Puerto Plata";

      position: absolute;

      right: -40px;

      top: 24px;

      font-size: clamp(62px, 10vw, 142px);

      line-height: 0.92;

      font-weight: 950;

      letter-spacing: -8px;

      color: transparent;

      -webkit-text-stroke: 2px rgba(0, 125, 160, 0.075);

      text-stroke: 2px rgba(0, 125, 160, 0.075);

      z-index: 0;

      pointer-events: none;

      white-space: nowrap;

      font-family: "Inter", "Montserrat", "Poppins", Arial, sans-serif;

    }



    .pn-puerto-seo-region .pn-puerto-content {

      position: relative;

      z-index: 2;

    }



    .pn-puerto-seo-region .pn-puerto-top {

      display: grid;

      grid-template-columns: 1.18fr 0.82fr;

      gap: 30px;

      align-items: center;

      margin-bottom: 36px;

    }



    .pn-puerto-seo-region .pn-eyebrow {

      display: inline-flex;

      align-items: center;

      gap: 9px;

      width: fit-content;

      padding: 10px 16px;

      margin-bottom: 18px;

      border-radius: 999px;

      background: rgba(255,255,255,0.80);

      border: 1px solid rgba(0, 130, 165, 0.15);

      color: #0a465a;

      font-size: 13px;

      font-weight: 900;

      line-height: 1;

      letter-spacing: 0.25px;

      box-shadow: 0 12px 26px rgba(0, 70, 100, 0.08);

      backdrop-filter: blur(10px);

      -webkit-backdrop-filter: blur(10px);

    }



    .pn-puerto-seo-region svg {

      width: 19px;

      height: 19px;

      stroke: #008fb0;

      stroke-width: 2.15;

      fill: none;

      stroke-linecap: round;

      stroke-linejoin: round;

      flex: 0 0 auto;

    }



    .pn-puerto-seo-region h2 {

      margin: 0;

      color: #07384a;

      font-family: "Inter", "Montserrat", "Poppins", Arial, sans-serif;

      font-size: clamp(34px, 5.2vw, 64px);

      line-height: 0.98;

      font-weight: 950;

      letter-spacing: -2.2px;

      text-wrap: balance;

    }



    .pn-puerto-seo-region h2 span {

      display: block;

      margin-top: 10px;

      color: #008fb0;

      font-size: clamp(24px, 3.2vw, 38px);

      letter-spacing: -1px;

    }



    .pn-puerto-seo-region .pn-lead {

      margin: 22px 0 0;

      max-width: 850px;

      color: #24576a;

      font-size: clamp(16px, 1.8vw, 20px);

      line-height: 1.7;

      font-weight: 650;

    }



    .pn-puerto-seo-region .pn-stats-box {

      display: grid;

      gap: 12px;

      padding: 20px;

      border-radius: 28px;

      background: rgba(255,255,255,0.74);

      border: 1px solid rgba(0, 130, 165, 0.13);

      box-shadow: 0 18px 38px rgba(0, 70, 100, 0.09);

      backdrop-filter: blur(10px);

      -webkit-backdrop-filter: blur(10px);

    }



    .pn-puerto-seo-region .pn-stat {

      display: flex;

      align-items: flex-start;

      gap: 12px;

      padding: 14px;

      border-radius: 18px;

      background: rgba(238, 251, 255, 0.74);

      border: 1px solid rgba(0, 145, 180, 0.10);

    }



    .pn-puerto-seo-region .pn-stat strong {

      display: block;

      color: #07384a;

      font-size: 15px;

      line-height: 1.25;

      font-weight: 900;

    }



    .pn-puerto-seo-region .pn-stat span {

      display: block;

      margin-top: 4px;

      color: #416a7a;

      font-size: 13px;

      line-height: 1.45;

      font-weight: 650;

    }



    .pn-puerto-seo-region .pn-section-title {

      margin: 38px 0 18px;

      color: #07384a;

      font-size: clamp(24px, 3vw, 35px);

      line-height: 1.12;

      font-weight: 950;

      letter-spacing: -0.8px;

      font-family: "Inter", "Montserrat", "Poppins", Arial, sans-serif;

    }



    .pn-puerto-seo-region .pn-text {

      margin: 0 0 18px;

      color: #2d5d6f;

      font-size: 16px;

      line-height: 1.78;

      font-weight: 560;

    }



    .pn-puerto-seo-region .pn-text strong {

      color: #07384a;

      font-weight: 900;

    }



    .pn-puerto-seo-region .pn-attractions-grid {

      display: grid;

      grid-template-columns: repeat(3, minmax(0, 1fr));

      gap: 14px;

      margin-top: 22px;

    }



    .pn-puerto-seo-region .pn-mini-card {

      position: relative;

      overflow: hidden;

      min-height: 230px;

      padding: 23px 20px;

      border-radius: 25px;

      background: rgba(255,255,255,0.74);

      border: 1px solid rgba(0, 130, 165, 0.13);

      box-shadow: 0 16px 34px rgba(0, 70, 100, 0.08);

      backdrop-filter: blur(10px);

      -webkit-backdrop-filter: blur(10px);

    }



    .pn-puerto-seo-region .pn-mini-card::after {

      content: "";

      position: absolute;

      right: -52px;

      bottom: -52px;

      width: 128px;

      height: 128px;

      border-radius: 999px;

      background: radial-gradient(circle, rgba(0, 184, 212, 0.18), transparent 70%);

      pointer-events: none;

    }



    .pn-puerto-seo-region .pn-icon-box {

      width: 44px;

      height: 44px;

      display: flex;

      align-items: center;

      justify-content: center;

      border-radius: 16px;

      margin-bottom: 14px;

      background: linear-gradient(135deg, rgba(0, 184, 212, 0.14), rgba(255,255,255,0.84));

      border: 1px solid rgba(0, 130, 165, 0.13);

    }



    .pn-puerto-seo-region .pn-mini-card h3 {

      margin: 0 0 10px;

      color: #07384a;

      font-size: 19px;

      line-height: 1.18;

      font-weight: 950;

      letter-spacing: -0.25px;

    }



    .pn-puerto-seo-region .pn-mini-card p {

      margin: 0;

      color: #355f70;

      font-size: 14px;

      line-height: 1.63;

      font-weight: 560;

    }



    .pn-puerto-seo-region .pn-two-cols {

      display: grid;

      grid-template-columns: 1fr 1fr;

      gap: 18px;

      margin-top: 24px;

    }



    .pn-puerto-seo-region .pn-info-panel {

      padding: 24px;

      border-radius: 27px;

      background: rgba(255,255,255,0.72);

      border: 1px solid rgba(0, 130, 165, 0.13);

      box-shadow: 0 16px 34px rgba(0, 70, 100, 0.08);

    }



    .pn-puerto-seo-region .pn-info-panel h3 {

      margin: 0 0 14px;

      color: #07384a;

      font-size: 22px;

      line-height: 1.18;

      font-weight: 950;

      letter-spacing: -0.4px;

    }



    .pn-puerto-seo-region .pn-list {

      display: grid;

      gap: 11px;

      margin: 0;

      padding: 0;

      list-style: none;

    }



    .pn-puerto-seo-region .pn-list-item {

      display: flex;

      gap: 11px;

      align-items: flex-start;

      color: #2d5d6f;

      font-size: 15px;

      line-height: 1.56;

      font-weight: 600;

    }



    .pn-puerto-seo-region .pn-highlight-box {

      margin-top: 30px;

      padding: 26px;

      border-radius: 28px;

      background:

        linear-gradient(135deg, rgba(0, 143, 176, 0.94), rgba(0, 184, 212, 0.87)),

        radial-gradient(circle at 90% 20%, rgba(255,255,255,0.22), transparent 36%);

      color: #ffffff;

      box-shadow: 0 20px 46px rgba(0, 120, 150, 0.20);

    }



    .pn-puerto-seo-region .pn-highlight-box h3 {

      margin: 0 0 12px;

      color: #ffffff;

      font-size: 25px;

      line-height: 1.18;

      font-weight: 950;

      letter-spacing: -0.5px;

    }



    .pn-puerto-seo-region .pn-highlight-box p {

      margin: 0;

      color: rgba(255,255,255,0.94);

      font-size: 15.5px;

      line-height: 1.74;

      font-weight: 560;

    }



    .pn-puerto-seo-region .pn-tags-cloud {

      display: flex;

      flex-wrap: wrap;

      gap: 10px;

      margin-top: 18px;

    }



    .pn-puerto-seo-region .pn-tags-cloud span {

      display: inline-flex;

      padding: 8px 12px;

      border-radius: 999px;

      background: rgba(255,255,255,0.16);

      border: 1px solid rgba(255,255,255,0.22);

      color: #ffffff;

      font-size: 13px;

      line-height: 1;

      font-weight: 800;

      backdrop-filter: blur(8px);

      -webkit-backdrop-filter: blur(8px);

    }



    .pn-puerto-seo-region .pn-faq-grid {

      display: grid;

      grid-template-columns: 1fr 1fr;

      gap: 14px;

      margin-top: 22px;

    }



    .pn-puerto-seo-region .pn-faq-item {

      padding: 22px;

      border-radius: 24px;

      background: rgba(255,255,255,0.72);

      border: 1px solid rgba(0, 130, 165, 0.13);

      box-shadow: 0 14px 30px rgba(0, 70, 100, 0.07);

    }



    .pn-puerto-seo-region .pn-faq-item h3 {

      margin: 0 0 9px;

      color: #07384a;

      font-size: 18px;

      line-height: 1.22;

      font-weight: 950;

    }



    .pn-puerto-seo-region .pn-faq-item p {

      margin: 0;

      color: #355f70;

      font-size: 14.5px;

      line-height: 1.64;

      font-weight: 560;

    }



    .pn-puerto-seo-region .pn-bottom-summary {

      margin-top: 30px;

      padding: 25px;

      border-radius: 27px;

      background: rgba(255,255,255,0.76);

      border: 1px solid rgba(0, 130, 165, 0.13);

      box-shadow: 0 16px 34px rgba(0, 70, 100, 0.08);

    }



    .pn-puerto-seo-region .pn-bottom-summary p {

      margin: 0;

      color: #24576a;

      font-size: 16px;

      line-height: 1.76;

      font-weight: 600;

    }



    .pn-puerto-seo-region .pn-bottom-summary strong {

      color: #07384a;

      font-weight: 950;

    }



    .pn-puerto-seo-region .pn-line {

      width: 132px;

      height: 5px;

      margin: 34px auto 0;

      border-radius: 999px;

      background: linear-gradient(90deg, #008fb0, #00c2d7, #ffb72c, #dc143c);

      box-shadow: 0 10px 20px rgba(0, 150, 185, 0.20);

    }



    @media (max-width: 960px) {

      .pn-puerto-seo-region .pn-puerto-top,

      .pn-puerto-seo-region .pn-two-cols,

      .pn-puerto-seo-region .pn-faq-grid {

        grid-template-columns: 1fr;

      }



      .pn-puerto-seo-region .pn-attractions-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

      }

    }



    @media (max-width: 767px) {

      .pn-puerto-seo-region {

        width: 100% !important;

        max-width: 100% !important;

        margin-left: 0 !important;

        margin-right: 0 !important;

        padding: 34px 10px 42px;

      }



      .pn-puerto-seo-region .pn-puerto-wrap {

        padding: 34px 16px 34px;

        border-radius: 28px;

      }



      .pn-puerto-seo-region .pn-puerto-wrap::before {

        right: -24px;

        top: 24px;

        font-size: clamp(50px, 18vw, 88px);

        letter-spacing: -4px;

      }



      .pn-puerto-seo-region .pn-eyebrow {

        font-size: 12px;

        padding: 9px 13px;

      }



      .pn-puerto-seo-region h2 {

        font-size: clamp(32px, 10vw, 46px);

        letter-spacing: -1.4px;

      }



      .pn-puerto-seo-region h2 span {

        font-size: clamp(23px, 7vw, 32px);

      }



      .pn-puerto-seo-region .pn-lead,

      .pn-puerto-seo-region .pn-text,

      .pn-puerto-seo-region .pn-bottom-summary p {

        font-size: 15.5px;

        line-height: 1.68;

      }



      .pn-puerto-seo-region .pn-attractions-grid {

        grid-template-columns: 1fr;

      }



      .pn-puerto-seo-region .pn-mini-card {

        min-height: auto;

      }



      .pn-puerto-seo-region .pn-info-panel,

      .pn-puerto-seo-region .pn-highlight-box,

      .pn-puerto-seo-region .pn-bottom-summary,

      .pn-puerto-seo-region .pn-faq-item {

        padding: 20px;

        border-radius: 22px;

      }



      .pn-puerto-seo-region .pn-section-title {

        font-size: 25px;

        margin-top: 31px;

      }

    }