/* ==========================================================================
   BIENVENIDOS A ARONA / WELCOME TO ARONA (bienvenidos.html, en/bienvenidos.html)
   Misma línea que La compañía (compania.css): una imagen con los logos arriba y
   el texto de bienvenida debajo, título turquesa y texto justificado sobre azul.
   ========================================================================== */

.page-bienvenidos {
  --text-size: clamp(16px, 1.25vw, 20px);
  --text-lh: 1.6;
}
.page-bienvenidos h1 { font-weight: 400; }

/* 1. Foto del escenario con los logos, a todo lo ancho y sin recortes (los logos
   van dentro de la foto, arriba al centro: recortarla podría cortarlos). */
.bv-hero { background: var(--black); }
.bv-hero img { display: block; width: 100%; height: auto; }

/* 2. Texto de bienvenida (como .co-intro) */
.bv-intro { display: grid; justify-items: center; padding: clamp(50px, 6vw, 110px) 0 clamp(30px, 3vw, 50px); background: var(--navy); }
.bv-box { width: 66.826171875%; display: flex; flex-direction: column; align-items: center; }
.bv-intro h1 { width: 92.59%; margin: 0 0 25px; font-size: clamp(40px, 4.6875vw, 88px); line-height: 1; text-align: center; color: var(--teal); }
.bv-text { width: 100%; font-family: var(--font-body); font-size: var(--text-size); line-height: var(--text-lh); color: var(--white); text-align: justify; }
.bv-text p { margin: 0 0 1.6em; }
.bv-text .bv-close { color: var(--teal); }
.bv-sign { margin-top: 2.4em; padding-top: 1.2em; border-top: 1px solid rgba(140, 239, 233, .35); text-align: left; }
.bv-sign p { margin: 0; }
.bv-sign .bv-name { color: var(--teal); font-size: 1.1em; }
.bv-sign .bv-role { font-size: .88em; line-height: 1.5; opacity: .85; }

/* 3. Logos de Arona Cultura y Arona Turismo (como el logo de Pieles en La compañía) */
.bv-logos { display: flex; justify-content: center; padding: 10px 0 clamp(50px, 6vw, 100px); background: var(--navy); }
.bv-logos img { width: clamp(220px, 26vw, 420px); height: auto; }

@media (max-width: 1000px) {
  .bv-box { width: 80%; }
}
@media (max-width: 750px) {
  .page-bienvenidos { --text-size: clamp(14px, 3.59vw, 18px); }
  .bv-intro { padding: 30px 30px 50px; }
  .bv-box { width: 100%; }
  .bv-intro h1 { width: 100%; font-size: 40px; }
  .bv-text { text-align: left; }
}