@font-face {
    font-family: 'ZTVoltra';
    src: url('ZTVoltra-Medium.eot');
    src: url('ZTVoltra-Medium.eot?#iefix') format('embedded-opentype'),
         url('ZTVoltra-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'ZTVoltra', Arial, sans-serif;
    min-height: 100vh;
    background-color: rgba(242, 226, 200, 0.6);
    position: relative;
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:
        url('fundo.png'),
        url('fundo.png'),
        url('fundo.png'),
        url('fundo.png'),
        url('fundo.png'),
        url('fundo.png'),
        url('fundo.png'),
        url('fundo.png'),
        url('fundo.png'),
        url('fundo.png'),
        url('fundo.png'),
        url('fundo.png'),
        url('fundo.png'),
        url('fundo.png'),
        url('fundo.png'),
        url('fundo.png'),
        url('fundo.png'),
        url('fundo.png'),
        url('fundo.png'),
        url('fundo.png');
    background-size:
        180px auto,
        180px auto,
        180px auto,
        180px auto,
        180px auto,
        180px auto,
        180px auto,
        180px auto,
        180px auto,
        180px auto,
        180px auto,
        180px auto,
        180px auto,
        180px auto,
        180px auto,
        180px auto,
        180px auto,
        180px auto,
        180px auto,
        180px auto;
    background-position:
        10px 0,
        210px 120px,
        410px 0,
        610px 120px,
        810px 0,
        1010px 120px,
        1210px 0,
        1410px 120px,
        1610px 0,
        1810px 120px,
        2010px 0,
        2210px 120px,
        2410px 0,
        2610px 120px,
        2810px 0,
        3010px 120px,
        3210px 0,
        3410px 120px,
        3610px 0,
        3810px 120px;
    background-repeat:
        repeat-y,
        repeat-y,
        repeat-y,
        repeat-y,
        repeat-y,
        repeat-y,
        repeat-y,
        repeat-y,
        repeat-y,
        repeat-y,
        repeat-y,
        repeat-y,
        repeat-y,
        repeat-y,
        repeat-y,
        repeat-y,
        repeat-y,
        repeat-y,
        repeat-y,
        repeat-y;
    background-attachment: fixed;
    opacity: 0.3;
    z-index: -1;
}

.card-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 20px;
}

.card-wrapper {
    position: relative;
    max-width: 100%;
    max-height: 90vh;
}

.card-wrapper img {
    max-width: 100%;
    height: auto;
    max-height: 90vh;
    border-radius: 10px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    display: block;
}

.carousel {
    border-radius: 10px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    max-width: 600px;
    margin: 0 auto;
}

.carousel-inner img {
    max-height: 90vh;
    width: 100%;
    height: auto;
    display: block;
}

.phone-link {
    position: absolute;
    top: 42%;
    left: 21%;
    width: 59%;
    height: 10%;
    cursor: pointer;
}

.email-link {
    position: absolute;
    top: 59%;
    left: 21%;
    width: 59%;
    height: 10%;
    cursor: pointer;
}