*{ box-sizing:border-box; margin:0; padding:0; }
    html{ scroll-behavior:smooth; }

    :root{
      --gold:#b58b3b;
      --gold-soft:#efe2c2;
      --sep: rgba(181,139,59,.22);
      --maxw:1080px;
    }

    body{
      font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
      background:#fff;
      color:#2b2b2b;
    }

    .wrap{
      width:min(var(--maxw), calc(100% - 48px));
      margin:0 auto;
      padding:44px 0;
    }

    .card{
      max-width:980px;
      margin:0 auto;
      padding:36px 28px 34px;
      border-radius:22px;
      border:1px solid rgba(181,139,59,.18);
      box-shadow:0 14px 34px rgba(0,0,0,.1);
      text-align:center;
    }

    .brand-title{
      font-family:"Dancing Script", cursive;
      font-size:clamp(52px,6vw,92px);
      color:var(--gold);
      text-decoration:none;
    }

    .brand-subtitle{
      font-family:"Shania Quinton", cursive;
      font-size:clamp(28px,3vw,48px);
      color:var(--gold);
      margin-bottom:14px;
    }

    .sub-sep{
      margin:10px auto 18px;
      height:1px;
      border:none;
      width:min(720px, 92%);
      background:linear-gradient(90deg, transparent, var(--sep), transparent);
    }

    .brand-desc{
      max-width:960px;
      margin:0 auto 18px;
      font-size:14px;
      color:rgba(181,139,59,.65);
      text-align:justify;
    }

    .btn-row{
      display:flex;
      justify-content:center;
      gap:12px;
      flex-wrap:wrap;
      margin-top:14px;
    }

    .btn{
      display:inline-block;
      padding:16px 46px;
      border-radius:999px;
      border:2px solid rgba(181,139,59,.55);
      background:var(--gold-soft);
      color:var(--gold);
      font-weight:400;
      font-size:14px;
      letter-spacing:.18em;
      text-transform:uppercase;
      text-decoration:none;
    }
    .btn.outline{ background:#fff; }

    .sep{
      margin:22px auto;
      height:1px;
      border:none;
      background:linear-gradient(90deg, transparent, var(--sep), transparent);
    }

    /* Texto acuerdos */
    .doc{
      max-width:860px;
      margin:0 auto;
      text-align:left;
    }

    .doc h2{
      font-family:"Dancing Script", cursive;
      font-size:38px;
      color:var(--gold);
      margin:4px 0 6px;
    }

    .doc .hint{
      font-size:13px;
      color:rgba(181,139,59,.65);
      margin-bottom:14px;
    }

    .block{
      border:1px solid rgba(181,139,59,.18);
      border-radius:16px;
      padding:14px 16px;
      box-shadow:0 10px 22px rgba(0,0,0,.06);
      background:#fff;
      margin-bottom:12px;
    }

    .block h3{
      color:rgba(181,139,59,.95);
      font-size:15px;
      margin-bottom:8px;
    }

    .block p, .block li{
      font-size:14px;
      line-height:1.55;
      color:rgba(43,43,43,.92);
    }

    .block ul{
      padding-left:18px;
      margin-top:8px;
    }

    .checks{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px 18px;
      margin-top:8px;
    }

    .check{
      display:flex;
      gap:10px;
      align-items:flex-start;
      font-size:14px;
      color:rgba(43,43,43,.92);
    }

    .box{
      width:16px;
      height:16px;
      border:1.6px solid rgba(181,139,59,.65);
      border-radius:3px;
      margin-top:2px;
      flex:0 0 auto;
    }

    .line{
      display:inline-block;
      min-width:100px;
      border-bottom:1px solid rgba(181,139,59,.45);
      transform:translateY(0px);
    }

    .two-col{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px 18px;
      margin-top:8px;
    }

    .field{
      font-size:14px;
      color:rgba(43,43,43,.92);
    }

    .field b{
      color:rgba(181,139,59,.95);
    }

    .sign{
      margin-top:14px;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:18px;
    }

    .sigbox{
      border:1px solid rgba(181,139,59,.18);
      border-radius:16px;
      padding:14px 16px 18px;
      box-shadow:0 10px 22px rgba(0,0,0,.06);
      background:#fff;
    }

    .sigline{
      margin-top:26px;
      border-bottom:1px solid rgba(181,139,59,.55);
      height:1px;
    }

    .siglabel{
      margin-top:8px;
      font-size:12px;
      color:rgba(181,139,59,.7);
    }

    .legal{
      margin-top:12px;
      font-size:11px;
      color:rgba(43,43,43,.7);
      line-height:1.5;
      text-align:justify;
    }

    @media(max-width:760px){
      .checks{ grid-template-columns:1fr; }
      .two-col{ grid-template-columns:1fr; }
      .sign{ grid-template-columns:1fr; }
      .btn{ padding:15px 40px; }
      .card{ padding:32px 18px 30px; }
      .doc h2{ font-size:32px; }
    }

    @media print{
      .btn-row, .sub-sep, .sep{ display:none; }
      .wrap{ padding:0; width:100%; }
      .card{ box-shadow:none; border:none; padding:0; }
      body{ background:#fff; }
    }

    /* =========================
       FOOTER
       ========================= */
    .footer{
      margin-top:48px;
      padding:44px 0 36px;
      background:#fff;
      border-top:1px solid rgba(181,139,59,.22);
      font-size:13px;
    }

    .footer-wrap{
      width:min(var(--maxw), calc(100% - 48px));
      margin:0 auto;
      color:#2b2b2b;
    }

    .footer-cta{
      display:flex;
      justify-content:center;
      gap:14px;
      flex-wrap:wrap;
      margin-bottom:20px;
    }

    .footer-btn{
      padding:14px 36px;
      border-radius:999px;
      background:var(--gold-soft);
      color:var(--gold);
      border:2px solid rgba(181,139,59,.55);
      text-decoration:none;
      font-size:14px;
      letter-spacing:.12em;
      text-transform:uppercase;
    }

    .footer-btn.outline{ background:#fff; }

    .footer-sep{
      margin:22px auto;
      height:1px;
      border:none;
      background:linear-gradient(90deg, transparent, var(--sep), transparent);
    }

    .footer-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:28px;
    }

    .footer-block h4{
      color:var(--gold);
      font-weight:700;
      margin-bottom:8px;
    }

    .footer-block a{
      color:var(--gold);
      text-decoration:none;
    }

    .footer-notes{
      font-size:12px;
      color:rgba(43,43,43,.85);
      line-height:1.55;
    }

    .footer-legal{
      font-size:11px;
      color:rgba(43,43,43,.7);
      line-height:1.5;
      margin-top:18px;
    }

    .footer-copy{
      margin-top:14px;
      text-align:center;
      font-size:11px;
      color:rgba(43,43,43,.6);
    }

    @media(max-width:760px){
      .footer-grid{
        grid-template-columns:1fr;
        text-align:center;
      }
    }

    /* FIX MÓVIL: evitar desbordes por min-width inline en las líneas */
    @media(max-width:760px){
      .line{
        min-width:0 !important;
        max-width:100% !important;
        width:100% !important;
      }
      /* cuando la línea está dentro de párrafos, que pueda bajar de línea sin romper */
      .block p .line{
        display:inline-block;
        vertical-align:baseline;
      }
    }



/* =========================================================
   OVERRIDE LÍNEA INDEX — ACUERDOS WEB
========================================================= */

:root{
  --gold:#0b0b0b;
  --gold-soft:#f4f4f4;
  --sep:rgba(0,0,0,.14);
  --maxw:1160px;
}

body{
  font-family:Calibri, "Segoe UI", Arial, sans-serif;
  background:#ffffff;
  color:#0b0b0b;
  line-height:1.5;
}

.wrap{
  width:min(var(--maxw), calc(100% - 42px));
  padding:44px 0 64px;
}

.card{
  max-width:980px;
  padding:0;
  border:none;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  text-align:left;
}

.brand-title,
.brand-title:visited,
.brand-title:hover,
.brand-title:active{
  font-family:Calibri, "Segoe UI", Arial, sans-serif;
  display:block;
  color:#0b0b0b !important;
  text-decoration:none !important;
  font-size:clamp(30px, 4vw, 48px);
  line-height:1;
  letter-spacing:-.05em;
  font-weight:900;
  text-transform:uppercase;
  text-align:left;
}

.brand-subtitle{
  font-family:Calibri, "Segoe UI", Arial, sans-serif;
  color:#5f5f5f;
  font-size:clamp(16px, 2vw, 19px);
  line-height:1.35;
  margin-top:10px;
  margin-bottom:18px;
  text-align:left;
}

.sub-sep,
.sep{
  width:100%;
  margin:22px 0;
  background:linear-gradient(90deg, rgba(0,0,0,.18), transparent);
}

.brand-desc{
  max-width:760px;
  margin:0 0 24px;
  color:#5f5f5f;
  font-size:16px;
  line-height:1.55;
  text-align:left;
}

.btn-row{
  justify-content:flex-start;
  gap:13px;
  margin-top:22px;
}

.btn,
.footer-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 28px;
  border-radius:999px;
  border:1.5px solid rgba(0,0,0,.32);
  background:#ffffff;
  color:#0b0b0b;
  font-family:Calibri, "Segoe UI", Arial, sans-serif;
  font-weight:900;
  font-size:14px;
  letter-spacing:.13em;
  text-transform:uppercase;
  text-decoration:none;
}

.btn:not(.outline),
.footer-btn:not(.outline){
  background:#111111;
  border-color:#111111;
  color:#ffffff;
}

.doc{
  max-width:900px;
  margin:0;
}

.doc h2{
  font-family:Calibri, "Segoe UI", Arial, sans-serif;
  color:#0b0b0b;
  font-size:clamp(34px, 4vw, 46px);
  line-height:1.05;
  letter-spacing:-.04em;
  font-weight:900;
  text-transform:uppercase;
  margin:0 0 12px;
}

.doc .hint{
  color:#5f5f5f;
  font-size:16px;
  line-height:1.55;
  margin-bottom:24px;
}

.block{
  border:1px solid rgba(0,0,0,.14);
  border-radius:0;
  box-shadow:none;
  background:#fff;
  padding:18px 18px;
  margin-bottom:14px;
}

.block h3{
  color:#0b0b0b;
  font-size:18px;
  line-height:1.25;
  font-weight:900;
}

.block p,
.block li,
.field,
.check{
  color:#5f5f5f;
  font-size:15px;
  line-height:1.6;
}

.block b,
.field b{
  color:#0b0b0b;
}

.box{
  border-color:#0b0b0b;
}

.line{
  border-bottom-color:rgba(0,0,0,.42);
}

.sigbox{
  border-color:rgba(0,0,0,.14);
  border-radius:0;
}

.footer{
  margin-top:64px;
  padding:46px 0 38px;
  background:#fff;
  border-top:1px solid rgba(0,0,0,.22);
  font-family:Calibri, "Segoe UI", Arial, sans-serif;
}

.footer-wrap{
  width:min(var(--maxw), calc(100% - 42px));
  color:#5f5f5f;
}

.footer-block h4{
  color:#0b0b0b;
  font-weight:900;
}

.footer-block a{
  color:#0b0b0b;
  text-decoration:none;
}

.footer-sep{
  background:linear-gradient(90deg, transparent, rgba(0,0,0,.14), transparent);
}

.footer-notes,
.footer-legal,
.footer-copy{
  color:#5f5f5f;
}

@media(max-width:760px){
  .wrap{ width:min(100% - 26px, var(--maxw)); }
  .btn{ width:100%; }
}


/* Ajuste al usar header global */
.wrap{
  padding-top:46px;
}
/* =========================================================
   FIX FINAL RESPONSIVE DOCUMENTOS BRAVÍA — 2026-06-12
   Evita desbordes en móviles sin cambiar contenido.
========================================================= */
html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

img,
picture,
video,
canvas,
svg,
iframe{
  max-width:100%;
  height:auto;
}

button,
input,
select,
textarea{
  max-width:100%;
}

.wrap,
.card,
.doc,
.faq,
.footer-wrap{
  min-width:0;
}

.block,
.qa,
.field,
.legal,
.footer-notes,
.footer-legal{
  overflow-wrap:anywhere;
  word-break:normal;
}

@media screen and (max-width:760px){
  .wrap,
  .footer-wrap{
    width:min(100% - 26px, var(--maxw)) !important;
  }

  .card{
    width:100% !important;
    max-width:100% !important;
    padding:30px 16px 28px !important;
    border-radius:18px !important;
  }

  .btn-row,
  .footer-cta{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .btn,
  .footer-btn{
    width:100% !important;
    max-width:100% !important;
    padding:14px 16px !important;
    font-size:13px !important;
    letter-spacing:.10em !important;
    text-align:center !important;
  }

  .brand-desc,
  .legal,
  .doc .intro,
  .block p,
  .block li,
  .a,
  .footer-notes,
  .footer-legal{
    text-align:left !important;
  }

  .line{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  .checks,
  .two-col,
  .sign,
  .footer-grid{
    grid-template-columns:1fr !important;
  }
}

@media screen and (max-width:420px){
  .brand-title{
    font-size:clamp(44px, 16vw, 58px) !important;
    line-height:1 !important;
  }

  .brand-subtitle{
    font-size:clamp(24px, 10vw, 34px) !important;
  }
}


/* =========================================================
   FIX FINAL RESPONSIVE BRAVÍA — 2026-06-12
   Capa segura: evita desbordes horizontales y ordena el menú
   en pantallas pequeñas. No modifica cálculos ni JavaScript.
========================================================= */
html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

img,
picture,
video,
canvas,
svg,
iframe{
  max-width:100%;
  height:auto;
}

input,
select,
textarea,
button{
  max-width:100%;
}

.bravia-site-header,
.bravia-logo-link,
.bravia-main-menu,
.bravia-main-menu a{
  min-width:0;
}

.bravia-main-menu a{
  white-space:normal;
  text-align:center;
  line-height:1.15;
}

@media screen and (max-width:620px){
  .bravia-site-header{
    width:min(100% - 26px, var(--maxw));
    padding:22px 0 18px;
  }

  .bravia-brand-logo{
    width:min(260px, 84vw);
  }

  .bravia-main-menu{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    width:100%;
    gap:7px;
  }

  .bravia-main-menu a{
    width:100%;
    min-height:40px;
    padding:8px 8px;
    font-size:11px;
    letter-spacing:.07em;
  }

  .bravia-main-menu .bravia-menu-cta{
    grid-column:1 / -1;
  }
}

@media screen and (max-width:380px){
  .bravia-main-menu{
    grid-template-columns:1fr;
  }
}