/* ==========================================================================
   DRA. ANDREZA RODRIGUES - RESPONSIVE & DESKTOP LUXURY DISPLAY
   ========================================================================== */

/* Small Devices / Phones */
@media (max-width: 380px) {
  .photo-composition {
    height: 330px;
  }
  .photo-card-bw {
    width: 145px;
    height: 200px;
  }
  .photo-center-main {
    width: 220px;
    height: 280px;
  }
  .welcome-title {
    font-size: 1.55rem;
  }
  .welcome-subtitle {
    font-size: 0.85rem;
  }
}

/* Medium & Tablet Screens */
@media (min-width: 768px) {
  body {
    padding: 2.5rem 1rem;
  }
  
  .app-container {
    background: rgba(232, 221, 215, 0.45);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 36px;
    box-shadow: 
      0 25px 60px rgba(106, 69, 69, 0.12),
      0 0 0 12px rgba(255, 255, 255, 0.4);
    padding: 2rem 1.75rem 3rem 1.75rem;
  }
}

/* High Resolution Screens */
@media (min-width: 1200px) {
  .ambient-glow {
    width: 450px;
    height: 450px;
    filter: blur(70px);
  }
}