/* Reset e Estilos Globais */
   * {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
   }



   body {
       font-family: 'Montserrat', sans-serif;
       color: #555;
       line-height: 1.6;
       overflow-x: hidden;
       position: relative;
       margin: 0;
       min-height: 100vh;
       background: linear-gradient(135deg, #d9a9aa, #f1d6d6);
       background-attachment: fixed;
   }



   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
       font-family: 'Playfair Display', serif;
       color: #333;
   }

   a {
       text-decoration: none;
       transition: all 0.3s ease;
   }

   .container {
       width: 100%;
       max-width: 1200px;
       margin: 0 auto;
       padding: 0 15px;
   }

   /* Top Bar */
   .top-bar {
       background-color: #f8f3ef;
       padding: 10px 0;
       font-size: 14px;
   }

   .top-bar .container {
       display: flex;
       justify-content: space-between;
       align-items: center;
   }

   .contact-info span {
       margin-right: 20px;
       color: #777;
   }

   .contact-info i {
       margin-right: 5px;
       color: #d4af9a;
   }

   .social-links a {
       color: #777;
       margin-left: 15px;
       font-size: 16px;
   }

   .social-links a:hover {
       color: #d4af9a;
   }

   /* Header */
   .header {
       position: fixed;
       top: 0px;
       left: 0;
       width: 100%;
       z-index: 1000;
       background: rgba(255, 255, 255, 0.95);
       box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
       transition: all 0.3s ease;
   }

   .header.scrolled {
       top: 0;
       background: rgba(255, 255, 255, 0.98);
       box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
   }

   .header .container {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 20px 15px;
   }

   .logo img {
       height: 50px;
       transition: all 0.3s ease;
   }

   .main-nav ul {
       display: flex;
       list-style: none;
   }

   .main-nav>ul>li {
       position: relative;
       margin: 0 15px;
   }

   .main-nav>ul>li>a {
       color: #333;
       font-weight: 500;
       font-size: 14px;
       text-transform: uppercase;
       letter-spacing: 1px;
       padding: 10px 0;
       position: relative;
   }

   .main-nav>ul>li>a:after {
       content: '';
       position: absolute;
       bottom: 0;
       left: 0;
       width: 0;
       height: 2px;
       background: #d4af9a;
       transition: width 0.3s ease;
   }

   .main-nav>ul>li>a:hover:after,
   .main-nav>ul>li.current-menu-item>a:after {
       width: 100%;
   }

   /* Submenu */
   .sub-menu {
       position: absolute;
       background: #fff;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
       opacity: 0;
       visibility: hidden;
       transition: all 0.3s ease;
       z-index: 999;
   }

   .menu-item-has-children:hover .sub-menu {
       opacity: 1;
       visibility: visible;
   }

   .sub-menu li {
       border-bottom: 1px solid #f5f5f5;
   }

   .sub-menu li a {
       display: block;
       padding: 12px 20px;
       color: #555;
       font-size: 14px;
       text-transform: none;
       letter-spacing: 0;
   }

   .sub-menu li a:hover {
       background: #f9f6f3;
       color: #d4af9a;
   }

   /* Mobile Menu */
   .mobile-menu-toggle {
       display: none;
       font-size: 24px;
       cursor: pointer;
   }
 

   /* Seções */
   .section-padding {
       padding: 40px 0;

   }

   .bg-light {
       background: #f9f6f3 !important;
   }

   .section-header {
       text-align: center;
       margin-bottom: 60px;
   }

   .section-header h2 {
       font-size: 36px;
   }

   .section-header p {
       color: #777;
       font-size: 18px;
   }

   /* Sobre */
   .about-content {
       display: flex;
       align-items: center;
       gap: 50px;
   }

   .about-text {
       flex: 1;
   }

   .about-image {
       flex: 1;
   }

   .about-image img {
       width: 100%;
       border-radius: 10px;
       box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
   }

   .about-features {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 30px;
       margin-top: 40px;
   }

   .feature {
       text-align: center;
       padding: 30px 20px;

   }

   .feature i {
       font-size: 40px;
       color: #d4af9a;
       margin-bottom: 20px;
   }

   .feature h4 {
       font-size: 20px;
       margin-bottom: 15px;
   }



   /* Procedimentos */
   .services-grid {
       display: grid;
       grid-template-columns: repeat(5, 1fr);
       gap: 10px;
   }

   .service-card {
       border-radius: 10px;
       overflow: hidden;
       margin-right: 10px;
       perspective: 1000px;
   }

   .service-inner {
       position: relative;
       width: 100%;
       height: 300px;
       transition: transform 0.6s;
       transform-style: preserve-3d;
       cursor: pointer;
       border-radius: 10px;
   }

   .service-card:hover .service-inner {
       transform: rotateY(180deg);
   }


   /* Caixa única para os textos */
   .service-titles {
       position: absolute;
       bottom: 20px;
       left: 50%;
       transform: translateX(-50%);
       padding: 8px 15px;
       border-radius: 6px;
       text-align: center;
       color: white;
       display: inline-block;
   }

   /* Título principal */
   .service-title {
       font-size: 1.3rem;
       font-weight: bold;
       text-transform: uppercase;
       margin-bottom: -10px;
       /* margem mínima */
   }

   /* Subtítulo */
   .service-subtitle {

       font-weight: bold;
       text-transform: uppercase;
       font-size: 1.3rem;
       color: white;
   }

   .service-front,
   .service-back {
       position: absolute;
       width: 100%;
       height: 100%;
       border-radius: 10px;
       backface-visibility: hidden;
       top: 0;
       left: 0;
       overflow: hidden;
       box-shadow: 0 4px 8px rgb(0 0 0 / 0.1);
   }

   .service-front {
       /* imagem está aqui */
   }

   .service-front img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: all 0.5s ease;
       border-radius: 10px;
   }

   .service-back {
       background-color: #f8f8f8;
       color: #333;
       display: flex;
       justify-content: center;
       align-items: center;
       padding: 20px;
       font-size: 0.8rem;
       transform: rotateY(180deg);
   }

   /* Resultados */
   .results-gallery {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 20px;
   }

   .result-item {
       position: relative;
       border-radius: 10px;
       overflow: hidden;
       height: 350px;
   }

   .result-item img {
       width: 100%;
       height: 100%;
       object-fit: cover;
   }

   .result-overlay {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.5);
       display: flex;
       align-items: center;
       justify-content: center;
       opacity: 0;
       transition: all 0.3s ease;
   }

   .result-item:hover .result-overlay {
       opacity: 1;
   }

   .result-overlay i {
       color: #fff;
       font-size: 40px;
   }

   /* Depoimentos */
   /* Estilos do carrossel */
   .testimonials-slider {

       margin: 0 auto;
       position: relative;
       overflow: hidden;
   }

   .carousel-slide.active {
       opacity: 1;
       position: relative;
   }

   .testimonial {
       background: #fff;
       padding: 40px;
       border-radius: 10px;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
       text-align: center;
   }

   .client-location {
       color: #d4af9a;
       font-size: 14px;
   }


   .testimonial-result-item {
       position: relative;
       border-radius: 10px;
       overflow: hidden;
       height: 600px;
   }




   /* Contato */
   .contact-content {
       display: flex;
       gap: 50px;
   }

   .contact-form {
       flex: 1;
   }

   .form-group {
       margin-bottom: 20px;
   }

   .form-group input,
   .form-group textarea {
       width: 100%;
       padding: 15px;
       border: 1px solid #eee;
       border-radius: 5px;
       font-family: 'Montserrat', sans-serif;
   }

   .form-group textarea {
       height: 150px;
   }

   .contact-info {
       flex: 1;
   }

   .info-item {
       display: flex;
       align-items: flex-start;
       margin-bottom: 30px;
   }

   .info-icon {
       font-size: 20px;
       color: #d4af9a;
       margin-right: 15px;
       margin-top: 5px;
   }

   .info-text h4 {
       font-size: 18px;
       margin-bottom: 10px;
   }

   /* Footer */
   .footer {
       background: #333;
       color: #fff;
       padding: 70px 0 0;
   }

   .footer-columns {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       gap: 30px;
       margin-bottom: 50px;
   }

   .footer-col h3 {
       color: #fff;
       font-size: 18px;
       margin-bottom: 25px;
       position: relative;
       padding-bottom: 10px;
   }

   .footer-col h3:after {
       content: '';
       position: absolute;
       bottom: 0;
       left: 0;
       width: 50px;
       height: 2px;
       background: #d4af9a;
   }

   .footer-col p {
       color: #bbb;
       margin-bottom: 20px;
       font-size: 14px;
   }

   .footer-col ul li {
       margin-bottom: 10px;
   }

   .footer-col ul li a {
       color: #bbb;
       font-size: 14px;
   }

   .footer-col ul li a:hover {
       color: #d4af9a;
   }

   .contact-info li {
       display: flex;
       align-items: center;
       margin-bottom: 15px;
       color: #bbb;
       font-size: 14px;
   }

   .contact-info i {
       margin-right: 10px;
       color: #d4af9a;
       font-size: 16px;
       width: 20px;
       text-align: center;
   }

   .footer-social {
       margin-top: 20px;
   }

   .footer-social a {
       display: inline-block;
       width: 36px;
       height: 36px;
       line-height: 36px;
       text-align: center;
       background: rgba(255, 255, 255, 0.1);
       color: #fff;
       border-radius: 50%;
       margin-right: 8px;
       transition: all 0.3s ease;
   }

   .footer-social a:hover {
       background: #d4af9a;
       color: #fff;
   }

   .footer-bottom {
       background: #222;
       padding: 20px 0;
       text-align: center;
       font-size: 14px;
       color: #999;
   }

   /* Responsivo */
   @media (max-width: 992px) {
       .header .container {
           padding: 15px;
       }

       .main-nav {
           position: fixed;
           top: 0;
           left: -100%;
           width: 280px;
           height: 100vh;
           background: #fff;
           padding: 70px 30px 30px;
           overflow-y: auto;
           transition: all 0.5s ease;
           z-index: 999;
       }

       .main-nav.active {
           left: 0;
           box-shadow: 5px 0 15px rgba(0, 0, 0, 0.1);
       }

       .main-nav ul {
           flex-direction: column;
       }

       .main-nav>ul>li {
           margin: 0 0 15px;
       }

       .main-nav>ul>li>a {
           padding: 8px 0;
       }

       .sub-menu {
           position: static;
           width: 100%;
           box-shadow: none;
           opacity: 1;
           visibility: visible;
           max-height: 0;
           overflow: hidden;
           transition: max-height 0.3s ease;
       }

       .menu-item-has-children .sub-menu {
           padding-left: 15px;
       }

       .menu-item-has-children.active .sub-menu {
           max-height: 500px;
           margin-top: 10px;
       }

       .mobile-menu-toggle {
           display: block;
           z-index: 1001;
       }

       .hero-content h1 {
           font-size: 42px;
       }

       .about-content {
           flex-direction: column;
       }

       .about-features {
           grid-template-columns: 1fr;
       }

       .services-grid {
           grid-template-columns: repeat(2, 1fr);
       }

       .results-gallery {
           grid-template-columns: repeat(2, 1fr);
       }

       .footer-columns {
           grid-template-columns: repeat(2, 1fr);
       }

       .contact-content {
           flex-direction: column;
       }
   }

   @media (max-width: 768px) {
       .top-bar .container {
           flex-direction: column;
       }

       .contact-info {
           margin-bottom: 10px;
       }

       .hero-carousel {
           height: 50vh;
           /* reduz a altura do carrossel no celular */
           min-height: 300px;
           /* altura mínima aceitável */
       }


       .hero-content p {
           font-size: 14px;
           /* texto menor */
       }

       .btn {
           padding: 8px 16px;
           /* botão menor */
           font-size: 14px;
       }


       .hero-content h1 {
           font-size: 36px;
       }

       .services-grid {
           grid-template-columns: 1fr;
       }

       .results-gallery {
           grid-template-columns: 1fr;
       }

       .footer-columns {
           grid-template-columns: 1fr;
       }
   }

   /* Efeito de hover em cards (inspirado) */
   .tratamento-card {
       transition: all 0.3s ease;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   }

   .tratamento-card:hover {
       transform: translateY(-5px);
       box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
   }

   /* Botão gradiente (exemplo genérico) */
   .botao-7th {
       background: linear-gradient(90deg, #FF6B6B, #FF8E8E);
       border: none;
       transition: opacity 0.3s;
   }

   .botao-7th:hover {
       opacity: 0.9;
   }

   .signature {
       font-style: italic;
       margin-top: 2rem;
   }


   /* porque escolher a clinica */

   .benefits-container {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
       gap: 30px;
   }

   .benefit-item {
       background: var(--light-background);
       border-radius: 10px;
       padding: 30px;
       transition: transform 0.3s ease, box-shadow 0.3s ease;
       display: flex;
       flex-direction: column;
       height: 100%;
   }

   .benefit-item:hover {
       transform: translateY(-5px);
       box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
   }

   .benefit-icon {
       font-size: 2.5rem;
       color: var(--primary-color);
       margin-bottom: 20px;
   }

   .benefit-title {
       font-size: 1.25rem;
       font-weight: 600;
       margin-bottom: 15px;
       color: var(--secondary-color);
   }

   .benefit-description {
       color: var(--light-text);
       margin-bottom: 0;
   }



   /* procedimentos */



   .procedure-image {
       border-radius: 10px;
       overflow: hidden;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
   }

   .benefits-list {
       list-style: none;
       padding: 0;
   }

   .benefits-list li {
       padding: 10px 0;
       padding-left: 30px;
       position: relative;
   }

   .benefits-list li:before {
       content: '✓';
       color: var(--accent-color);
       position: absolute;
       left: 0;
       font-weight: bold;
   }

   .card {
       border: none;
       border-radius: 10px;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
       transition: transform 0.3s ease;
   }

   .card:hover {
       transform: translateY(-5px);
   }

   .card-title {
       color: var(--primary-color);
   }


   /* produtos */



   .catalog-content {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
       gap: 20px;
       margin-top: 30px;
   }

   .product-card {
       background: #fff;
       border: 1px solid #ddd;
       border-radius: 10px;
       padding: 15px;
       text-align: center;
       box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
       transition: transform 0.2s ease;
   }

   .product-card:hover {
       transform: translateY(-5px);
   }

   .product-card img {
       width: 100%;
       height: 400px;
       /* altura fixa */
       object-fit: cover;
       /* corta mantendo proporção */
       border-radius: 8px;
       margin-bottom: 10px;
   }

   .product-card h3 {
       font-size: 18px;
       margin: 10px 0 5px;
   }

   .product-card p {
       font-size: 14px;
       color: #555;
       margin-bottom: 10px;
   }

   .product-card .price {
       font-weight: bold;
       color: #007bff;
       font-size: 16px;
   }

   /* :root {
          --primary-color: #d39c6e;
          --secondary-color: #f0dcc9;
          --accent-color: #b17a44;
          --text-color: #333;
          --light-bg: #fcf9f5; */
   .product-title {
       font-family: 'Playfair Display', serif;
       color: #d39c6e;
       font-weight: 600;
       margin-bottom: 10px;
       font-size: 1.2rem;
   }

   .product-price {
       font-weight: 700;
       color: var(--accent-color);
       font-size: 1.3rem;
       margin-bottom: 15px;
   }

   /*catalogo*/

   :root {
       --primary-color: #d39c6e;
       --secondary-color: #f0dcc9;
       --accent-color: #b17a44;
       --text-color: #333;
       --light-bg: #fcf9f5;
   }



   .section-padding {
       padding: 60px 0;
   }

   .product-card {
       border: none;
       border-radius: 10px;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
       transition: all 0.3s ease;
       background-color: white;
       height: 100%;
       overflow: hidden;
   }

   .product-card:hover {
       transform: translateY(-5px);
       box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
   }

   .product-image {
       height: 250px;
       overflow: hidden;
       display: flex;
       align-items: center;
       justify-content: center;
       background-color: var(--light-bg);
   }

   .product-image img {
       max-height: 100%;
       width: auto;
       object-fit: cover;
   }

   .product-info {
       padding: 20px;
   }

   .product-title {
       font-family: 'Playfair Display', serif;
       color: var(--primary-color);
       font-weight: 600;
       margin-bottom: 10px;
       font-size: 1.2rem;
   }

   .product-description {
       color: #666;
       font-size: 0.9rem;
       margin-bottom: 15px;
       height: 140px;
       overflow: hidden;
   }

   .product-price {
       font-weight: 700;
       color: var(--accent-color);
       font-size: 1.3rem;
       margin-bottom: 15px;
   }

   .btn-primary {
       background-color: var(--primary-color);
       border-color: var(--primary-color);
       padding: 10px 20px;
       border-radius: 30px;
       font-weight: 600;
       width: 100%;
   }

   .btn-primary:hover {
       background-color: var(--accent-color);
       border-color: var(--accent-color);
   }

   .category-filter {
       margin-bottom: 30px;
       display: flex;
       justify-content: center;
       flex-wrap: wrap;
       gap: 10px;
   }

   .category-btn {
       background-color: white;
       border: 1px solid var(--primary-color);
       color: var(--primary-color);
       padding: 8px 20px;
       border-radius: 30px;
       font-weight: 500;
       transition: all 0.3s ease;
   }

   .category-btn:hover,
   .category-btn.active {
       background-color: var(--primary-color);
       color: white;
   }

   .search-box {
       margin-bottom: 30px;
       position: relative;
       max-width: 500px;
       margin-left: auto;
       margin-right: auto;
   }

   .search-box input {
       width: 100%;
       padding: 12px 20px;
       border-radius: 30px;
       border: 1px solid #ddd;
       padding-left: 45px;
   }

   .search-box i {
       position: absolute;
       left: 15px;
       top: 50%;
       transform: translateY(-50%);
       color: #999;
   }

   .product-badge {
       position: absolute;
       top: 10px;
       right: 10px;
       background-color: var(--accent-color);
       color: white;
       padding: 5px 10px;
       border-radius: 15px;
       font-size: 0.8rem;
       font-weight: 600;
   }

   .product-rating {
       color: #ffc107;
       margin-bottom: 10px;
   }



   .grid-container {
       display: grid;
       grid-template-columns: 1fr 1fr;
       /* Divide em 2 colunas iguais */
       gap: 20px;
       /* Espaço entre as colunas */
       align-items: center;
       /* Alinha os itens verticalmente ao centro */
   }

   .grid-item img {
       max-width: 100%;
       height: auto;
       display: block;
   }

   .grid-item p {
       margin: 0;
       padding: 10px;
   }

   .imagem-arredondada-topo {
       border-radius: 320px 320px 0 0;
       /* top-left, top-right, bottom-right, bottom-left */
       width: 65%;
       max-width: 400px;
       /* ajuste conforme necessário */
       display: block;
   }

   .bio-container {
       max-width: 800px;
       margin: 0 auto;
       padding: 40px;
       font-family: 'Helvetica Neue', Arial, sans-serif;
       color: #333;
       line-height: 1.6;
   }

   .bio-header {
       margin-bottom: 30px;
       text-align: center;
   }

   .bio-header h2 {
       font-size: 1.2rem;
       letter-spacing: 3px;
       text-transform: uppercase;
       color: #666;
       margin-bottom: 10px;
   }

   .bio-header h1 {
       font-size: 2.5rem;
       color: #222;
       margin: 0;
       font-weight: 300;
   }

   .bio-content {
       font-size: 1.1rem;
   }

   .bio-content p {
       margin-bottom: 20px;
   }

   .intro {
       font-style: italic;
       color: #555;
   }

   .highlight {
       background-color: #f8f8f8;
       border-left: 4px solid #d4af37;
       padding: 15px;
       font-size: 1.2rem;
   }

   /* Ajustes para mobile */
   @media (max-width: 768px) {
       .grid-container {
           grid-template-columns: 1fr;
           /* Uma coluna em mobile */
       }

       .imagem-arredondada-topo {
           width: 80%;
           margin: 0 auto 30px auto;
           /* Centraliza a imagem */
           border-radius: 20px 20px 0 0;
           /* Reduz o arredondamento */
       }

       .bio-container {
           padding: 20px;
       }

       .bio-header h1 {
           font-size: 2rem;
       }

       .section-header {
           text-align: center !important;
       }
   }

   strong {
       color: #222;
       font-weight: 600;
   }

   .form-row {
       display: flex;
       gap: 10px;
       /* espaço entre os campos */
   }

   .form-row .form-group {
       flex: 1;
       /* cada campo ocupa metade */
   }

    /* carousel  header */
    .beauty-carousel {
        aspect-ratio: 16 / 9; /* define a proporção padrão das imagens */
        width: 100%;
        max-height: 600px;
    }


   .beauty-carousel .slide-content {
       position: absolute;
       top: 40%;
       /* joga para o meio da tela */
       left: 90px;
       /* mantém 50px da esquerda */
       transform: translateY(-50%);
       /* ajusta para ficar realmente no centro */

       color: white;
       text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
       max-width: 500px;
       z-index: 10;
   }


   .beauty-carousel .slide-title {
          font-family: 'Nunito', sans-serif;
       font-size: 2.5rem;
 font-weight: bold;
       margin-bottom: 15px;
   }

   .beauty-carousel .slide-description {
       font-family: 'Nunito', sans-serif;

       font-size: 1.1rem;
       margin-bottom: 20px;
   }

   .beauty-carousel .btn {
       background-color: #d29f9f;
       color: white;
       border: none;
       padding: 12px 25px;
       border-radius: 30px;
       font-family: 'Montserrat', sans-serif;
       font-weight: 500;
       cursor: pointer;
       transition: all 0.3s ease;
       text-decoration: none;
       display: inline-block;
   }

   .beauty-carousel .btn:hover {
       background-color: #bf8b8b;
       transform: translateY(-2px);
   }

   .beauty-carousel .swiper-button-next,
   .beauty-carousel .swiper-button-prev {
       color: black;  
       margin-top:-45px;   
   }

   .beauty-carousel .swiper-button-next:after,
   .beauty-carousel .swiper-button-prev:after {
       font-size: 1.9rem;
       font-weight: bold;
   }

  

   .beauty-carousel .swiper-pagination-bullet {
       width: 12px;
       height: 12px;
       background: white;
       opacity: 0.5;
   }

   .beauty-carousel .swiper-pagination-bullet-active {
       opacity: 1;
       background: #d29f9f;
   }

    .beauty-carousel .swiper-slide {
        background-size: cover;
        background-position: center;
    }
    /* Telas muito grandes (desktop widescreen) */
    @media (min-width: 1440px) {
        .beauty-carousel {
            margin-bottom: 290px; /* bem espaçado */
        }
    }
    /* Desktop */
    @media (min-width: 1025px) and (max-width: 1439px) {
        .beauty-carousel {
            margin-bottom: 120px; /* espaço maior no desktop */
        }
    }
    /* Tablet */
    @media (max-width: 1024px) {
        .beauty-carousel {
            aspect-ratio: 16 / 9;
            max-height: 400px;
                margin-bottom: 80px;
        }
    }
    .slide-img {
        width: 100%;
        height: auto;
        object-fit: cover; /* desktop cobre */
    }

    /* Mobile */
    @media (max-width: 768px) {
        .slide-img {
            
            object-fit: contain; /* no mobile mostra inteira */
        }
        .beauty-carousel {
            margin-bottom: -50px; /* espaço maior no desktop */
        }
    }