/* ============================================================
   TEMPLATE: AQUA (ANIMATED & REORGANIZED)
   ============================================================ */

@keyframes waveMovement {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-5px); }
    100% { transform: translateY(0px); }
}

.card.aqua {
    background-color: #f0faff;
    border: 1px solid #bdeaff;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    overflow: hidden;
}

.banner-upgrade a,
.banner-upgrade a:visited {
    color: inherit !important;
    text-decoration: none;
}

/* ------------------------------------------------------------
   HEADER (Efeito Onda Dinâmica)
   ------------------------------------------------------------ */

.card.aqua .card-header-block {
    background: linear-gradient(-45deg, #0077b6, #00b4d8, #90e0ef, #00b4d8);
    background-size: 400% 400%;
    animation: waveMovement 10s ease infinite;
    color: #ffffff;
    position: relative;
    border-bottom: none;
    z-index: 1;
}

/* Curva na base do Header */
.card.aqua .card-header-block::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    background: #f0faff;
    clip-path: ellipse(50% 100% at 50% 100%);
    z-index: 2;
}

/* LOGO ARREDONDADA (Silhueta Soft) */
.card.aqua .card-header-block img {
    border-radius: 50%; /* Torna redonda */
    border: 4px solid rgba(255, 255, 255, 0.3);
    background: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    animation: float 4s ease-in-out infinite; /* Efeito flutuando na água */
    object-fit: cover;
}

.card.aqua .card-header-block h5 {
    font-weight: 800;
    text-shadow: 0 2px 10px rgba(0,0,0,0.1);
    margin-top: 10px;
}

.card.aqua .card-header-block small {
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
}

/* ------------------------------------------------------------
   DESCRIPTION
   ------------------------------------------------------------ */

.card.aqua .card-description-block {
    background-color: rgba(255, 255, 255, 0.8);
    color: #0077b6;
    border: 1px solid #caf0f8;
    margin: 0 15px 15px 15px;
}

/* ------------------------------------------------------------
   SERVICES
   ------------------------------------------------------------ */

.card.aqua .card-services-block {
    background-color: #ffffff;
    border: 1px solid #ade8f4;
    margin: 0 15px;
}

.card.aqua .card-services-block ul li {
    color: #03045e;
    padding: 8px 0;
    border-bottom: 1px dashed #e0f7fa;
}

.card.aqua .card-services-block li::before {
    content: "✔";
    margin-right: 10px;
}

/* ------------------------------------------------------------
   WHATSAPP (Botão Animado)
   ------------------------------------------------------------ */

.card.aqua .btn-whatsapp {
    background: linear-gradient(-45deg, #0077b6, #00b4d8, #90e0ef, #00b4d8);
    background-size: 400% 400%;
    animation: waveMovement 10s ease infinite;
    border: none;
    border-radius: 50px !important;
    font-weight: bold;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(0, 119, 182, 0.3);
    margin: 0 15px;
}

.card.aqua .btn-whatsapp:hover {
    animation: waveMovement 3s ease infinite;
    transform: translateY(-2px);
}

/* ------------------------------------------------------------
   GALLERY
   ------------------------------------------------------------ */

.card.aqua .gallery-block .card {
    border: none;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 119, 182, 0.05);
}

.card.aqua .gallery-block .badge {
    background-color: #00b4d8;
    color: #fff;
}

.card.aqua .gallery-block span.text-truncate {
    color: #03045e;
    font-weight: 600;
}

/* ------------------------------------------------------------
   LINKS SOCIAIS
   ------------------------------------------------------------ */

.card.aqua .card-social-icon {
    background-color: #90e0ef;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.card.aqua .card-social-icon i {
    color: #03045e !important;
}

.card.aqua .card-social-icon:hover {
    background-color: #0077b6;
    transform: rotate(15deg);
}

.card.aqua .card-social-icon:hover i {
    color: #ffffff !important;
}

/* ------------------------------------------------------------
   MODAL ESPECÍFICO AQUA
   ------------------------------------------------------------ */

.modal.aqua .modal-content { 
    background-color: #f0faff; 
    border: 2px solid #90e0ef; 
    border-radius: 25px; 
}

.modal.aqua .btn-success { 
    background: linear-gradient(-45deg, #0077b6, #00b4d8, #90e0ef, #00b4d8); 
    background-size: 400% 400%; 
    animation: waveMovement 10s ease infinite; 
    border: none; 
    border-radius: 30px !important; 
}