@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Merriweather:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Platypi:ital,wght@0,300..800;1,300..800&display=swap');

@font-face {
    font-family: 'aerotis';
    src: url('../assets/fonts/Aerotis.ttf') format('truetype');
    /* Puedes agregar estilos adicionales aquí según tus necesidades */
}

body {
    /* background-color: #f9f9f9; */
    /* background: linear-gradient(to bottom, #f9f9f9 100%, #f7f7f7 100%); */
    /* background-image: url('../img/patterns/fabric_of_squares_gray.png'); */
    background-image: url('../img/patterns/pattern-ch.webp');
    background-attachment: fixed;
    /* min-height: 100vh; */
    max-width: 441px;
    margin: 0 auto;
    font-size: .85rem;
}


.body_page {
    background-image: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), url('../img/patterns/bg-pattern-bautizo.webp');
}

.elemento_lista {
    position: relative;
}


.confirmation_title {
    font-family: 'Dancing Script', cursive;
}

.display2 {
    font-size: 1.2rem;
    line-height: 2.2rem;
}

.display3 {
    font-size: 3.5rem;
    line-height: 2.2rem;
}

.btn-liverpool {
    background-color: rgb(219, 21, 170);
    color: whitesmoke;
}

.btn-conf-asistencia {
    background-color: #dabb21;
    color: whitesmoke;
}

p {
    color: #5c644c;
    font-family: 'Platypi', serif;
    font-weight: lighter;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #5c644c;
    letter-spacing: .1rem;
    font-family: 'Playfair Display', serif;
}

.text-gold {
    color: #dabb21;
    font-weight: bold;
}

.title {
    color: #dabb21;
}

.title-cursiva {
    color: #dabb21;
    font-family: 'aerotis';
    font-size: 1.5rem;
    font-weight: 700;
    /* text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.451); */
}

.border-end-gold {
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: #dabb21;
}

.border-start-gold {
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #dabb21;
}

.upper-case {
    text-transform: uppercase;
}


.bb-header {
    background-image: url(../img/header_img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 280px;
}

.bb-footer {
    background-image: url(../img/footer_img.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 50px;
}