:root {
  --accar-azul: #09172d;
  --accar-dorado: #d4af37;
  --accar-dorado-luz: #e4c76a;
  --accar-crema: #f8efd3;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body {
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
}
body {
  background: radial-gradient(circle at top, #0f3d3e, #021617);
  background-color: var(--accar-azul);
  font-family: Georgia, serif;
  color: var(--accar-crema);
}
.seccion-arca {
    position: relative;
    background-color: #02040A; /* Dark navy blue background */
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.seccion-arca::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('IMG/arca-alianza-watermark.png'); /* The name we agreed on */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60%; 
    opacity: 0.15; 
    z-index: 1;
    pointer-events: none; 
}

.contenido-arca {
    position: relative;
    z-index: 2;
    color: #D4AF37; /* Golden text to match the watermark */
    text-align: center;
}