/* assets/style.css */
.font-serif { font-family: 'Cormorant Garamond', serif; }

.parallax-wrapper {
    position: absolute;
    width: 600px;
    height: 600px;
    z-index: 1;
    pointer-events: none;
    -webkit-mask-image: radial-gradient(circle, black 25%, transparent 70%);
    mask-image: radial-gradient(circle, black 25%, transparent 70%);
}

.parallax-image {
    position: absolute;
    inset: 0;
    background-image: url('Logo-png-1.png'); /* Como o CSS vai estar na pasta assets, a imagem está do lado dele */
    background-size: 130px 130px;
    background-repeat: repeat;
    background-attachment: fixed;
    opacity: 0.35;
}

.parallax-color-overlay {
    position: absolute;
    inset: 0;
    background-color: #071c46;
    mix-blend-mode: multiply;
    opacity: 0.8;
}

.parallax-classic {
    position: absolute;
    inset: 0;
    background-image: url('fundo-classic.png');
    background-size: 550px;
    background-position: right top;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 0;
    pointer-events: none;
}

.parallax-pattern {
    position: absolute;
    inset: 0;
    background-image: url('Logo-png-1.png');
    background-size: 200px;
    background-repeat: repeat;
    background-attachment: fixed;
    opacity: 0.06;
    z-index: 0;
    pointer-events: none;
}

.content-relative {
    position: relative;
    z-index: 10;
}

.logo-backdrop {
    position: absolute;
    background-color: #d4d4d4;
    -webkit-mask-image: url('Logo-png-1.png');
    mask-image: url('Logo-png-1.png');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    z-index: 0;
    pointer-events: none;
}

.watermark-subtle {
    background-image: url('Logo-png-1.png');
    background-size: cover;
    background-position: center;
    opacity: 0.03;
}

.header-glass {
    background-color: rgba(8, 28, 58, 0.95);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.icon-elegant {
    -webkit-text-stroke: 1px #081c3a;
}

.partner-card {
    box-shadow: 0 10px 40px rgba(8, 28, 58, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.partner-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 50px rgba(8, 28, 58, 0.1);
}