body {
   box-sizing: border-box;
 }

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

 :root {
   --color-cream: #FEFEFE;
   --color-lavender: #3D3439;
   --color-soft-purple: #4A3F45;
   --color-text: #4A3F45;
   --color-white: #F1ECEF;
   /* color-dark definido para compatibilidad */
   --color-dark: var(--color-text);

   --font-serif: 'Cormorant Garamond', serif;
   --font-sans: 'Inter', sans-serif;

   --base-font-size: 16px;
 }

 html,
 body {
   height: 100%;
   width: 100%;
 }

 body {
   font-family: var(--font-sans);
   color: var(--color-text);
   background-color: var(--color-cream);
   line-height: 1.6;
   overflow-x: hidden;
 }

 .page-wrapper {
   width: 100%;
   height: 100%;
   overflow-y: auto;
   overflow-x: hidden;
 }

 /* Header */
 .header {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   background: rgba(254, 254, 254, 0.98);
   backdrop-filter: blur(10px);
   padding: 0 calc(2rem * 5) 0 calc(2rem * 5);
   z-index: 1000;
   border-bottom: 1px solid rgba(212, 197, 216, 0.15);
 }

 .header-content {
   max-width: 1400px;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .logo {
   padding: 0;
   margin: 0;
   width: 8rem;
   position: relative;
 }

 .nav-links {
   display: flex;
   gap: 2.5rem;
   list-style: none;
 }

 .nav-links a {
   font-size: calc(var(--base-font-size) * 0.9px);
   color: var(--color-text);
   text-decoration: none;
   font-weight: 400;
   letter-spacing: 0.03em;
   transition: color 0.3s ease;
   opacity: 0.7;
 }

 .nav-links a:hover {
   color: var(--color-soft-purple);
   opacity: 1;
 }

 /* Hero Section */
 .hero {
   min-height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 8rem 5% 4rem;
   margin-top: 1rem;
   background: linear-gradient(135deg, #FFFFFF 0%, #FAF8FB 100%);
   position: relative;
 }

 .hero-content {
   max-width: 1400px;
   width: 100%;
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 5rem;
   align-items: center;
 }

 .hero-text {
   animation: fadeInUp 1s ease-out;
 }

 .hero-title {
   font-family: var(--font-serif);
   font-size: calc(var(--base-font-size) * 3.2px);
   font-weight: 300;
   line-height: 1.3;
   color: var(--color-text);
   margin-bottom: 1.5rem;
   letter-spacing: -0.01em;
 }

 .hero-subtitle {
   font-size: calc(var(--base-font-size) * 1.1px);
   color: var(--color-text);
   margin-bottom: 2.5rem;
   font-weight: 300;
   letter-spacing: 0.02em;
   opacity: 0.8;
   line-height: 1.7;
 }

 .btn-primary {
   display: inline-block;
   padding: 1rem 2.5rem;
   background-color: var(--color-lavender);
   color: var(--color-text);
   text-decoration: none;
   font-size: calc(var(--base-font-size) * 0.9px);
   font-weight: 500;
   letter-spacing: 0.08em;
   text-transform: uppercase;
   border: none;
   cursor: pointer;
   transition: all 0.3s ease;
   border-radius: 2px;
 }

 .btn-primary:hover {
   background-color: var(--color-soft-purple);
   color: var(--color-white);
   transform: translateY(-2px);
   box-shadow: 0 8px 20px rgba(212, 197, 216, 0.4);
 }

 .hero-image {
   width: 100%;
   height: 600px;
   border-radius: 20px;
   background: radial-gradient(circle at center, rgba(212, 197, 216, 0.12) 0%, rgba(255, 255, 255, 0) 70%);
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   overflow: hidden;
 }

 .hero-image::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 400px;
   height: 400px;
   background: radial-gradient(circle, rgba(212, 197, 216, 0.15) 0%, transparent 70%);
 }

 .hero-image img {
   max-width: 100%;
   max-height: 100%;
   width: auto;
   height: auto;
   object-fit: contain;
   z-index: 2;
   border-radius: 20px;
 }

 .placeholder-text {
   font-family: var(--font-serif);
   font-size: calc(var(--base-font-size) * 1.3px);
   color: var(--color-lavender);
   z-index: 1;
   font-weight: 300;
   letter-spacing: 0.05em;
 }

 /* Section Styles */
 .section {
   padding: 20px 40px;
   max-width: 1400px;
   margin: 0 auto;
 }

 .section-title {
   font-family: var(--font-serif);
   font-size: calc(var(--base-font-size) * 2.3px);
   font-weight: 300;
   text-align: center;
   margin-bottom: 1rem;
   color: var(--color-text);
   letter-spacing: 0.01em;
 }

 .section-subtitle {
   text-align: center;
   color: var(--color-text);
   font-size: calc(var(--base-font-size) * 1.05px);
   margin-bottom: 4rem;
   font-weight: 300;
   max-width: 700px;
   margin-left: auto;
   margin-right: auto;
   opacity: 0.75;
   line-height: 1.7;
 }

 /* About Section */
 .about-content {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 5rem;
   align-items: center;
 }

 .about-text {
   font-size: calc(var(--base-font-size) * 1.05px);
   line-height: 1.8;
   color: var(--color-text);
   opacity: 0.85;
 }

 .about-text p {
   margin-bottom: 1.5rem;
 }

 .about-image {
   width: 100%;
   height: 500px;
   background: radial-gradient(circle at center, rgba(212, 197, 216, 0.15) 0%, rgba(255, 255, 255, 0.5) 100%);
   border-radius: 4px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .about-image img {
   max-width: 100%;
   max-height: 100%;
   width: auto;
   height: auto;
   object-fit: contain;
   z-index: 2;
   border-radius: 20px;
 }

 /* Values Grid */
 .values-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   gap: 3rem;
   margin-top: 4rem;
 }

 .value-card {
   text-align: center;
   padding: 2rem;
 }

 .value-icon {
   font-size: calc(var(--base-font-size) * 2.5px);
   margin-bottom: 1.5rem;
   display: block;
 }

 .value-title {
   font-family: var(--font-serif);
   font-size: calc(var(--base-font-size) * 1.3px);
   margin-bottom: 1rem;
   color: var(--color-text);
   font-weight: 400;
 }

 .value-text {
   font-size: calc(var(--base-font-size) * 0.95px);
   color: var(--color-text);
   line-height: 1.7;
   opacity: 0.8;
 }

 /* Products Grid */
 .products-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
   gap: 3rem;
   margin-top: 4rem;
 }

 .product-card {
   background: var(--color-white);
   border-radius: 4px;
   overflow: hidden;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .product-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 12px 30px rgba(212, 197, 216, 0.25);
 }

 .product-image {
   width: 100%;
   height: 320px;
   background: radial-gradient(circle at center, rgba(212, 197, 216, 0.12) 0%, rgba(255, 255, 255, 0.5) 100%);
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .product-image img {
   max-width: 100%;
   max-height: 100%;
   width: auto;
   height: auto;
   object-fit: contain;
   z-index: 2;
   border-radius: 20px;
 }

 .product-info {
   padding: 2rem;
 }

 .product-name {
   font-family: var(--font-serif);
   font-size: calc(var(--base-font-size) * 1.4px);
   margin-bottom: 0.75rem;
   color: var(--color-text);
   font-weight: 400;
 }

 .product-description {
   font-size: calc(var(--base-font-size) * 0.95px);
   color: var(--color-text);
   margin-bottom: 1.5rem;
   line-height: 1.6;
   opacity: 0.8;
 }

 .btn-secondary {
   display: inline-block;
   padding: 0.75rem 2rem;
   background-color: transparent;
   color: var(--color-soft-purple);
   text-decoration: none;
   font-size: calc(var(--base-font-size) * 0.85px);
   font-weight: 500;
   letter-spacing: 0.08em;
   text-transform: uppercase;
   border: 1px solid var(--color-lavender);
   cursor: pointer;
   transition: all 0.3s ease;
   border-radius: 2px;
 }

 .btn-secondary:hover {
   background-color: var(--color-lavender);
   color: var(--color-text);
   border-color: var(--color-lavender);
 }

 /* Ritual Section */
 .ritual-section {
   background: linear-gradient(135deg, rgba(212, 197, 216, 0.08) 0%, rgba(255, 255, 255, 0.5) 100%);
   padding: 6rem 5%;
 }

 .ritual-content {
   max-width: 900px;
   margin: 0 auto;
   text-align: center;
 }

 .ritual-text {
   font-size: calc(var(--base-font-size) * 1.05px);
   line-height: 1.9;
   color: var(--color-text);
   margin-bottom: 2rem;
   opacity: 0.85;
 }

 /* Testimonials */
 .testimonials-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   gap: 3rem;
   margin-top: 4rem;
 }

 .testimonial-card {
   background: var(--color-white);
   padding: 2.5rem;
   border-radius: 4px;
   border-left: 3px solid var(--color-lavender);
 }

 .testimonial-text {
   font-size: calc(var(--base-font-size) * 1px);
   color: var(--color-text);
   line-height: 1.7;
   margin-bottom: 1.5rem;
   font-style: italic;
   opacity: 0.85;
 }

 .testimonial-author {
   font-size: calc(var(--base-font-size) * 0.9px);
   color: var(--color-text);
   font-weight: 500;
 }

 /* CTA Section */
 .cta-section {
   background: linear-gradient(135deg, var(--color-lavender) 0%, var(--color-soft-purple) 100%);
   padding: 6rem 5%;
   text-align: center;
   color: var(--color-white);
 }

 .cta-title {
   font-family: var(--font-serif);
   font-size: calc(var(--base-font-size) * 2.3px);
   margin-bottom: 2rem;
   font-weight: 300;
 }

 .btn-white {
   display: inline-block;
   padding: 1rem 2.5rem;
   background-color: var(--color-white);
   color: var(--color-text);
   text-decoration: none;
   font-size: calc(var(--base-font-size) * 0.9px);
   font-weight: 500;
   letter-spacing: 0.08em;
   text-transform: uppercase;
   border: none;
   cursor: pointer;
   transition: all 0.3s ease;
   border-radius: 2px;
 }

 .btn-white:hover {
   background-color: rgba(255, 255, 255, 0.9);
   transform: translateY(-2px);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
 }

 /* Footer */
 .footer {
   background-color: #FAF8FB;
   color: var(--color-text);
   padding: 4rem 5% 2rem;
   border-top: 1px solid rgba(212, 197, 216, 0.2);
 }

 .footer-content {
   max-width: 1400px;
   margin: 0 auto;
   display: grid;
   grid-template-columns: 2fr 1fr 1fr;
   gap: 4rem;
   margin-bottom: 3rem;
 }

 .footer-brand {
   font-family: var(--font-serif);
   font-size: calc(var(--base-font-size) * 1.5px);
   color: var(--color-text);
   margin-bottom: 1rem;
   letter-spacing: 0.2em;
   text-transform: uppercase;
   font-weight: 300;
 }

 .footer-tagline {
   font-size: calc(var(--base-font-size) * 0.95px);
   color: var(--color-text);
   font-weight: 300;
   opacity: 0.7;
 }

 .footer-title {
   font-size: calc(var(--base-font-size) * 1.05px);
   color: var(--color-text);
   margin-bottom: 1rem;
   font-weight: 500;
 }

 .footer-links {
   list-style: none;
 }

 .footer-links li {
   margin-bottom: 0.75rem;
 }

 .footer-links a {
   color: var(--color-text);
   text-decoration: none;
   font-size: calc(var(--base-font-size) * 0.9px);
   transition: color 0.3s ease;
   opacity: 0.7;
 }

 .footer-links a:hover {
   color: var(--color-soft-purple);
   opacity: 1;
 }

 .footer-bottom {
   text-align: center;
   padding-top: 2rem;
   border-top: 1px solid rgba(212, 197, 216, 0.2);
   font-size: calc(var(--base-font-size) * 0.85px);
   color: var(--color-text);
   opacity: 0.6;
 }

 .made-with-love {
   font-size: calc(var(--base-font-size) * 0.8px);
   color: var(--color-text);
   opacity: 0.5;
   margin-top: 0.5rem;
   font-style: italic;
 }

 /* Animations */
 @keyframes fadeInUp {
   from {
     opacity: 0;
     transform: translateY(30px);
   }

   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 /* Featured Product Section */
 .featured-product {
   background: var(--color-white);
   padding: 6rem 5%;
 }

 .featured-content {
   max-width: 1200px;
   margin: 0 auto;
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 5rem;
   align-items: center;
 }

 .featured-image {
   width: 100%;
   height: 550px;
   background: radial-gradient(circle at center, rgba(212, 197, 216, 0.15) 0%, rgba(255, 255, 255, 0) 70%);
   border-radius: 4px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .featured-image img {
   max-width: 100%;
   max-height: 100%;
   width: auto;
   height: auto;
   object-fit: contain;
   z-index: 2;
   border-radius: 20px;
 }

 .featured-info h2 {
   font-family: var(--font-serif);
   font-size: calc(var(--base-font-size) * 2.5px);
   color: var(--color-text);
   margin-bottom: 1rem;
   font-weight: 300;
   letter-spacing: 0.01em;
 }

 .featured-info .product-category {
   font-size: calc(var(--base-font-size) * 0.9px);
   color: var(--color-soft-purple);
   text-transform: uppercase;
   letter-spacing: 0.1em;
   margin-bottom: 1.5rem;
   font-weight: 500;
 }

 .featured-description {
   font-size: calc(var(--base-font-size) * 1.05px);
   line-height: 1.8;
   color: var(--color-text);
   opacity: 0.85;
   margin-bottom: 2rem;
 }

 .featured-benefits {
   list-style: none;
   margin-bottom: 2.5rem;
 }

 .featured-benefits li {
   font-size: calc(var(--base-font-size) * 0.95px);
   color: var(--color-text);
   opacity: 0.8;
   margin-bottom: 0.75rem;
   padding-left: 1.5rem;
   position: relative;
 }

 .featured-benefits li::before {
   content: '✓';
   position: absolute;
   left: 0;
   color: var(--color-soft-purple);
   font-weight: 600;
 }

 /* SVG ICONS */

 .value-icon {
   font-size: calc(var(--base-font-size) * 2.5px);
   margin-bottom: 1.5rem;
   display: block;
   width: 48px;
   height: 48px;
   margin: 0 auto 1.5rem;
   color: #6f5a78;
   line-height: 0;
 }

 .value-icon svg {
   width: 100%;
   height: 100%;
   display: block;
 }

 /* Responsive */
 @media (max-width: 768px) {
   .header {
     padding: 1rem 5%;
   }

   .nav-links {
     display: none;
   }

   .hero-content,
   .about-content,
   .featured-content {
     grid-template-columns: 1fr;
     gap: 3rem;
   }

   .featured-image {
     height: 400px;
   }

   .hero {
     padding: 6rem 5% 3rem;
     margin-top: 5rem;
     min-height: auto;
   }

   .hero-title {
     font-size: calc(var(--base-font-size) * 2.2px);
   }

   .hero-image,
   .about-image {
     height: 400px;
   }

   .section {
     padding: 20px 5%;
     /* reducir padding en móviles para evitar overflow */
   }

   .section-title {
     font-size: calc(var(--base-font-size) * 2px);
   }

   .values-grid,
   .products-grid,
   .testimonials-grid {
     grid-template-columns: 1fr;
     gap: 2rem;
   }

   .footer-content {
     grid-template-columns: 1fr;
     gap: 2rem;
   }
 }

 *,
 ::before,
 ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-pan-x: ;
   --tw-pan-y: ;
   --tw-pinch-zoom: ;
   --tw-scroll-snap-strictness: proximity;
   --tw-gradient-from-position: ;
   --tw-gradient-via-position: ;
   --tw-gradient-to-position: ;
   --tw-ordinal: ;
   --tw-slashed-zero: ;
   --tw-numeric-figure: ;
   --tw-numeric-spacing: ;
   --tw-numeric-fraction: ;
   --tw-ring-inset: ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
   --tw-ring-color: rgb(59 130 246 / 0.5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-blur: ;
   --tw-brightness: ;
   --tw-contrast: ;
   --tw-grayscale: ;
   --tw-hue-rotate: ;
   --tw-invert: ;
   --tw-saturate: ;
   --tw-sepia: ;
   --tw-drop-shadow: ;
   --tw-backdrop-blur: ;
   --tw-backdrop-brightness: ;
   --tw-backdrop-contrast: ;
   --tw-backdrop-grayscale: ;
   --tw-backdrop-hue-rotate: ;
   --tw-backdrop-invert: ;
   --tw-backdrop-opacity: ;
   --tw-backdrop-saturate: ;
   --tw-backdrop-sepia: ;
   --tw-contain-size: ;
   --tw-contain-layout: ;
   --tw-contain-paint: ;
   --tw-contain-style:
 }

 ::backdrop {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-pan-x: ;
   --tw-pan-y: ;
   --tw-pinch-zoom: ;
   --tw-scroll-snap-strictness: proximity;
   --tw-gradient-from-position: ;
   --tw-gradient-via-position: ;
   --tw-gradient-to-position: ;
   --tw-ordinal: ;
   --tw-slashed-zero: ;
   --tw-numeric-figure: ;
   --tw-numeric-spacing: ;
   --tw-numeric-fraction: ;
   --tw-ring-inset: ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
   --tw-ring-color: rgb(59 130 246 / 0.5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-blur: ;
   --tw-brightness: ;
   --tw-contrast: ;
   --tw-grayscale: ;
   --tw-hue-rotate: ;
   --tw-invert: ;
   --tw-saturate: ;
   --tw-sepia: ;
   --tw-drop-shadow: ;
   --tw-backdrop-blur: ;
   --tw-backdrop-brightness: ;
   --tw-backdrop-contrast: ;
   --tw-backdrop-grayscale: ;
   --tw-backdrop-hue-rotate: ;
   --tw-backdrop-invert: ;
   --tw-backdrop-opacity: ;
   --tw-backdrop-saturate: ;
   --tw-backdrop-sepia: ;
   --tw-contain-size: ;
   --tw-contain-layout: ;
   --tw-contain-paint: ;
   --tw-contain-style:
 }

 *,
 ::after,
 ::before {
   box-sizing: border-box;
   border-width: 0;
   border-style: solid;
   border-color: #e5e7eb
 }

 ::after,
 ::before {
   --tw-content: ''
 }

 :host,
 html {
   line-height: 1.5;
   -webkit-text-size-adjust: 100%;
   -moz-tab-size: 4;
   tab-size: 4;
   font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-feature-settings: normal;
   font-variation-settings: normal;
   -webkit-tap-highlight-color: transparent
 }

 body {
   margin: 0;
   line-height: inherit
 }

 hr {
   height: 0;
   color: inherit;
   border-top-width: 1px
 }

 abbr:where([title]) {
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-size: inherit;
   font-weight: inherit
 }

 a {
   color: inherit;
   text-decoration: inherit
 }

 b,
 strong {
   font-weight: bolder
 }

 code,
 kbd,
 pre,
 samp {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   font-feature-settings: normal;
   font-variation-settings: normal;
   font-size: 1em
 }

 small {
   font-size: 80%
 }

 sub,
 sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline
 }

 sub {
   bottom: -.25em
 }

 sup {
   top: -.5em
 }

 table {
   text-indent: 0;
   border-color: inherit;
   border-collapse: collapse
 }

 button,
 input,
 optgroup,
 select,
 textarea {
   font-family: inherit;
   font-feature-settings: inherit;
   font-variation-settings: inherit;
   font-size: 100%;
   font-weight: inherit;
   line-height: inherit;
   letter-spacing: inherit;
   color: inherit;
   margin: 0;
   padding: 0
 }

 button,
 select {
   text-transform: none
 }

 button,
 input:where([type=button]),
 input:where([type=reset]),
 input:where([type=submit]):-moz-focusring {
   outline: auto
 }

 :-moz-ui-invalid {
   box-shadow: none
 }

 progress {
   vertical-align: baseline
 }

 ::-webkit-inner-spin-button,
 ::-webkit-outer-spin-button {
   height: auto
 }

 [type=search]::-webkit-search-decoration {
   -webkit-appearance: none
 }

 ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit
 }

 summary {
   display: list-item
 }

 blockquote,
 dd,
 dl,
 figure,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 hr,
 p,
 pre {
   margin: 0
 }

 fieldset {
   margin: 0;
   padding: 0
 }

 legend {
   padding: 0
 }

 menu,
 ol,
 ul {
   list-style: none;
   margin: 0;
   padding: 0
 }

 dialog {
   padding: 0
 }

 textarea {
   resize: vertical
 }

 input::placeholder,
 textarea::placeholder {
   opacity: 1;
   color: #9ca3af
 }

 [role=button],
 button {
   cursor: pointer
 }

 :disabled {
   cursor: default
 }

 audio,
 canvas,
 embed,
 iframe,
 img,
 object,
 svg,
 img,
 video {
   max-width: 100%;
   height: auto
 }

 [hidden]:where(:not([hidden=until-found])) {
   display: none
 }

 /* TESTIMONIOS */

.testimonials-section {
  background: #faf9fb;
  padding: 80px 0;
  text-align: center;
  overflow: hidden;
}

.marquee {
  position: relative;
  overflow: hidden;
  margin-top: 50px;
  cursor: grab;
}

.marquee-track {
  display: flex;
  gap: 24px;
  will-change: transform;
}

.marquee-track img {
  width: 320px;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07);
  user-select: none;
  pointer-events: none;
  transition: transform 0.3s ease;
}

.marquee-track img:hover {
  transform: translateY(-6px);
}

/* Fade lateral premium */
.marquee::before,
.marquee::after {
  content: "";
  position: absolute;
  top: 0;
  width: 120px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.marquee::before {
  left: 0;
  background: linear-gradient(to right, #faf9fb, transparent);
}

.marquee::after {
  right: 0;
  background: linear-gradient(to left, #faf9fb, transparent);
}

/* Mobile */
@media (max-width: 768px) {
  .marquee-track img {
    width: 260px;
  }
}