/* ======== IMPORTAR FUENTES GOOGLE ======== */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Inter:wght@400;500;700&display=swap');

/* ======== RESET GENERAL ======== */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ======== TIPOGRAFÍA GLOBAL ======== */
html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    color: #333333; /* gris piedra */
    background-color: #F9F7F1; /* fondo mármol claro */
    line-height: 1.6;
    min-height: 100vh;
}

/* ======== LINKS ======== */
a {
    text-decoration: none;
    color: #8C1D1D; /* rojo imperial */
    transition: color 0.3s ease;
}

a:hover {
    color: #701616; /* rojo imperial oscuro */
}

/* ======== LISTAS ======== */
ul, ol {
    list-style: none;
}

/* ======== IMÁGENES ======== */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ======== BOTONES ======== */
button {
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    border: none;
    background: #8C1D1D; /* rojo imperial */
    color: #fff;
    padding: 0.75rem 1.5rem;
    border-radius: 5px;
    font-weight: bold;
    transition: background 0.3s ease;
}

button:hover {
    background: #701616; /* más oscuro al pasar el mouse */
}

/* ======== INPUTS Y TEXTAREAS ======== */
input, textarea, select {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    color: #333;
    border: 1px solid #C8A753; /* dorado romano */
    padding: 0.75rem;
    border-radius: 5px;
    width: 100%;
    outline: none;
    background-color: #fff;
}

input:focus, textarea:focus, select:focus {
    border-color: #8C1D1D; /* rojo en enfoque */
}

/* ======== CONTAINERS GENERALES ======== */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* ======== TITULOS GENERALES ======== */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Cinzel', serif;
    font-weight: 700;
    color: #8C1D1D; /* rojo imperial para títulos */
    margin-bottom: 1rem;
}

/* ======== PÁRRAFOS ======== */
p {
    margin-bottom: 1rem;
    color: #444;
}


/*sweetalert2*/

.swal2-comprandus {
    font-family: 'Inter', sans-serif;
    background-color: #fff;
    border-radius: 10px;
    padding: 2rem;
}

.swal2-title-comprandus {
    font-family: 'Cinzel', serif;
    color: #8C1D1D;
    font-weight: 700;
    font-size: 1.4rem;
}

.swal2-btn-comprandus {
    background-color: #8C1D1D;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    padding: 0.6rem 1.2rem;
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.3s ease;
}

.swal2-btn-comprandus:hover {
    background-color: #701616;
}