body {
    background-color: #111111;  /* casi negro */
    color: white;
    font-family: Verdana, Arial, sans-serif;  /* fallback: Arial, luego cualquiera sin serifa */
    margin: 20px auto;         /* centra el contenido horizontalmente */
    max-width: 1000px;         /* evita que las líneas de texto sean demasiado largas */
    padding: 0 10px;           /* respiro en móviles */
    word-wrap: break-word;     /* parte palabras largas para que no desborden */
}


/* IMÁGENES E IFRAMES (mapa de Google) */

img, iframe {
    max-width: 100%;  /* responsive: nunca más anchas que su contenedor */
    height: auto;     /* mantiene la proporción */
}


/* TÍTULOS Y ENLACES */

h1, h2, h3, a {
    color: #d6b45a;  /* dorado de la marca */
}


/* BOTONES */

button, .boton-formulario {
    background-color: #d6b45a;
    border: 1px solid #ffffff;
    color: #111111;           /* texto oscuro sobre fondo dorado */
    padding: 6px 12px;        /* vertical | horizontal */
    margin: 4px;
}


/* LÍNEAS SEPARADORAS <hr> */

hr {
    border: 1px solid #d6b45a;  /* sustituye la línea gris por defecto */
}


/* TABLAS */

table {
    width: 100%;
    background-color: #222222;     /* un tono más claro que el body para contraste */
    border-collapse: collapse;     /* fusiona bordes de celdas adyacentes */
    margin-top: 15px;
}

td, th {
    border: 1px solid #777777;
    padding: 12px;
    text-align: center;
}


/* CAMPOS DE FORMULARIO (input, textarea) */

.campo {
    width: 350px;
    max-width: 100%;          /* no desborda en pantallas pequeñas */
    box-sizing: border-box;   /* padding y border van dentro del width declarado */
}


/* RECUADRO DEL FORMULARIO */

form {
    background-color: #222222;
    border: 1px solid #777777;
    padding: 15px;
    width: 420px;
    max-width: 100%;
    box-sizing: border-box;
}


/* ETIQUETAS <label> */

label {
    display: inline;  /* no fuerza salto de línea */
}


/* REDES SOCIALES (SVG inline en el footer) */

.redes a {
    text-decoration: none;  /* quita subrayado de los enlaces */
}

.redes svg {
    width: 32px;
    height: 32px;
    fill: #d6b45a;  /* fill colorea SVG, no se usa color ni background */
    margin: 5px;
}