@layer responsive {
  .promotion-nav { color:#77438b; font-weight:600; position:relative; }
  .promotion-nav::after { content:''; display:inline-block; width:6px; height:6px; margin:0 0 2px 7px; border-radius:50%; background:#a16caf; animation:promotion-heartbeat 3.5s ease-in-out infinite; }
  @keyframes promotion-heartbeat { 0%,45%,100%{box-shadow:0 0 0 0 #a16caf00;transform:scale(1)} 15%{box-shadow:0 0 0 5px #a16caf22;transform:scale(1.12)} 28%{box-shadow:0 0 0 2px #a16caf11;transform:scale(1)} }
  .desktop-nav { gap:clamp(12px,1.5vw,23px); }
  .header.header.is-collapsed { width:min(960px,94vw); }
  .header.is-collapsed .desktop-nav { gap:clamp(12px,1.5vw,22px); }
  .promotions,.videos-section { min-height:100dvh; padding-top:120px; padding-bottom:40px; scroll-margin-top:calc(0px - var(--offset)); background:#f5eef6; }
  .promotions .section-heading h2,.videos-section h2 { font-size:clamp(32px,4.5dvh,54px); }
  .promotions .section-heading,.videos-section .section-heading { margin-bottom:25px; }
  .poster-grid { display:grid; gap:28px; }
  .poster-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:5vw; align-items:center; max-width:1000px; width:100%; margin:auto; }
  .poster-open { padding:0; background:#eadfeb; border-radius:20px; overflow:hidden; cursor:zoom-in; }
  .poster-open img { width:100%; height:clamp(320px,64dvh,760px); object-fit:contain; }
  .poster-card h3 { font-size:32px; }
  .poster-card p { margin:20px 0; max-width:420px; }
  .poster-card .text-link { display:block; margin-top:18px; }
  .content-empty { padding:35px; border:1px solid var(--line); border-radius:20px; background:#fff8; }
  .promotion-open { overflow:hidden; }
  dialog.promotion-dialog { inset:0; margin:auto; width:min(590px,94vw); height:auto; max-height:94dvh; padding:16px; border-radius:22px; overflow:auto; }
  .promotion-dialog-header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
  .promotion-dialog-header h2 { font-size:22px; line-height:1.2; letter-spacing:0; }
  .promotion-dialog-header button { flex-shrink:0; }
  .promotion-dialog-image img { width:100%; height:min(70dvh,800px); object-fit:contain; }
  .promotion-dialog>.button { display:flex; margin-top:12px; padding:12px; }
  .videos-section { background:#fcfaf7; }
  .video-controls { display:flex; justify-content:flex-end; align-items:center; gap:18px; margin-bottom:16px; }
  .video-controls button { padding:9px 16px; border-radius:25px; background:#eee6f0; }
  .video-controls span { font-size:12px; }
  .video-gallery { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:thin; }
  .video-slide { flex:0 0 100%; min-width:0; display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:5vw; align-items:center; scroll-snap-align:start; scroll-snap-stop:always; padding-bottom:12px; }
  .video-stage { height:clamp(300px,calc(100dvh - 340px),760px); display:flex; justify-content:center; align-items:center; background:#eee7ef; border-radius:22px; overflow:hidden; }
  .video-stage.vertical>*,.video-stage.horizontal>* { width:100%; height:100%; }
  .video-stage.vertical>* { max-width:calc((100dvh - 340px)*.5625); min-width:230px; }
  .video-stage.horizontal { aspect-ratio:16/9; height:auto; max-height:calc(100dvh - 340px); }
  .video-stage video { object-fit:contain; background:#211a26; }
  .video-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; padding:24px; text-align:center; }
  .video-placeholder:has(iframe) { padding:0; }
  .video-placeholder iframe { width:100%; height:100%; border:0; background:white; }
  .video-placeholder small,.video-caption small { font-size:12px; color:var(--muted); display:block; }
  .video-caption h3 { font-size:32px; }
  .video-caption p { margin:20px 0; white-space:normal; }
  .video-caption small { margin-top:12px; }
  @media(max-width:1000px) { .desktop-nav { font-size:11px; gap:12px; }.brand {font-size:18px;} }
  @media(max-width:760px) { .poster-card,.video-slide { grid-template-columns:1fr; gap:25px; }.promotions,.videos-section {padding-top:100px;}.poster-open img {height:65dvh;}.poster-card h3,.video-caption h3 {font-size:26px;}.video-stage {height:60dvh;}.video-stage.vertical>*{max-width:34dvh;}.video-stage.horizontal{max-height:none;}.header.header.is-collapsed{width:94%;}.promotion-dialog-header h2{font-size:18px;} }
}
@layer responsive {
  @media(max-width:760px) {
    .video-slide { grid-template-rows:auto 1fr; align-items:start; align-content:start; }
    .video-stage.vertical { height:clamp(280px,calc(100dvh - 350px),560px); }
    .video-caption .eyebrow { margin-bottom:8px; }
    .video-caption p { margin:12px 0; font-size:14px; }
  }
}

/* Videos retrato: texto editorial a la izquierda y reproductor a la derecha. */
@layer responsive {
  .videos-section { position:relative; padding-top:112px; padding-bottom:28px; }
  .videos-section .section-heading { margin-bottom:20px; }
  .videos-section .section-heading .eyebrow { margin-bottom:8px; }
  .videos-section h2 { font-size:34px; }
  .videos-section h2 br { display:none; }
  .videos-section .section-heading>p { font-size:13px; }
  .video-slide { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:7vw; padding-bottom:0; }
  .video-caption { grid-column:1; grid-row:1; max-width:460px; padding-bottom:65px; }
  .video-caption h3 { font-size:clamp(30px,3.2vw,46px); line-height:1.13; }
  .video-caption p { font-size:16px; line-height:1.85; margin:24px 0; }
  .video-stage { grid-column:2; grid-row:1; }
  .video-stage.vertical { width:min(100%,400px); height:clamp(360px,calc(100dvh - 235px),780px); justify-self:center; background:#ede5ef; border:1px solid #ded1e3; box-shadow:0 16px 40px #4b31500c; }
  .video-stage.vertical>* { min-width:0; max-width:none; width:100%; height:100%; }
  .video-stage.vertical video { object-fit:contain; }
  .video-controls { position:absolute; bottom:42px; left:max(6vw,calc((100vw - 1360px)/2)); z-index:1; margin:0; justify-content:flex-start; }
  .video-controls button { min-height:44px; }
  .video-gallery { scrollbar-width:none; }
  .video-gallery::-webkit-scrollbar { display:none; }
  @media(max-width:760px) {
    .videos-section { padding-top:98px; padding-bottom:30px; }
    .videos-section .section-heading { margin-bottom:18px; }
    .videos-section .section-heading>p { display:none; }
    .videos-section h2 { font-size:30px; }
    .video-controls { position:static; margin:0 0 20px; justify-content:space-between; }
    .video-slide { grid-template-columns:minmax(0,1fr); grid-template-rows:auto 1fr; gap:22px; }
    .video-stage.vertical { grid-column:1; grid-row:1; width:min(100%,400px); height:clamp(380px,calc(100dvh - 270px),720px); }
    .video-caption { grid-column:1; grid-row:2; padding:0; }
    .video-caption h3 { font-size:28px; }
    .video-caption p { font-size:14px; line-height:1.7; margin:15px 0; }
    .video-caption .eyebrow { margin-bottom:10px; }
  }
}
@layer responsive {
  .video-stage.vertical { width:min(100%,calc(clamp(360px,100dvh - 235px,780px)*.65)); }
  .video-placeholder.instagram-player { position:relative; overflow:hidden; background:#fff; }
  .video-placeholder.instagram-player iframe { position:absolute; width:326px; height:760px; max-width:none; left:50%; top:50%; transform-origin:center; }
  @media(max-width:760px) { .video-stage.vertical {width:min(100%,calc(clamp(380px,100dvh - 270px,720px)*.65));} }
}

/* Promociones se consultan siempre dentro del diálogo. */
@layer responsive {
  .promotion-trigger { font:inherit; background:transparent; border:0; padding:8px 0; white-space:nowrap; line-height:inherit; }
  .promotion-trigger:hover { color:#93629e; }
  dialog.promotion-dialog { width:min(630px,94vw); max-height:94dvh; padding:18px 22px; }
  .promotion-dialog-header { margin-bottom:10px; }
  .promotion-dialog-header .eyebrow { margin:0 0 5px; font-size:9px; }
  .promotion-dialog-image img { width:100%; height:min(60dvh,710px); object-fit:contain; }
  #promotion-description { font-size:13px; line-height:1.5; margin:12px 0; white-space:pre-line; }
  #promotion-date { font-size:12px; margin:0 0 10px; }
  .promotion-dialog-actions { display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-top:12px; }
  .promotion-dialog-actions .button { padding:12px 20px; }
  .promotion-stepper { display:flex; gap:8px; align-items:center; }
  .promotion-stepper button { background:#eee6f0; border-radius:20px; padding:9px 12px; font-size:12px; }
  .promotion-stepper span { font-size:12px; min-width:38px; text-align:center; }
  @media(max-width:760px) {
    .mobile-links { display:grid; grid-template-columns:repeat(3,max-content); gap:12px 16px; align-items:center; }
    .mobile-links .promotion-trigger { font-size:13px; }
    dialog.promotion-dialog { padding:14px; }
    .promotion-dialog-image img { height:min(56dvh,680px); }
    .promotion-dialog-actions { justify-content:center; }
    .promotion-dialog-actions .button { width:100%; }
  }
}

/* Portadas locales: visibles antes de cargar el reproductor externo. */
@layer responsive {
  .video-placeholder { position:relative; isolation:isolate; overflow:hidden; color:white; }
  .video-placeholder .video-cover { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
  .video-placeholder:has(.video-cover)::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,#24132b20,#24132b99 65%,#24132bce); }
  .video-placeholder>span { font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
  .video-placeholder small { color:#fff; text-shadow:0 1px 5px #0008; }
  .video-placeholder .button { box-shadow:0 8px 30px #24132b55; }
  .butterfly-background { position:fixed; inset:0; z-index:2; pointer-events:none; overflow:hidden; }
  .butterfly-flight { position:absolute; width:46px; height:42px; color:#81538f; opacity:.38; }
  .butterfly-flight svg { width:100%; height:100%; overflow:visible; animation:butterfly-bob 2.7s ease-in-out infinite; animation-delay:var(--flutter-delay,0s); }
  .butterfly-wings { fill:currentColor; }
  .butterfly-wings path { transform-box:view-box; transform-origin:32px 28px; animation:butterfly-flap var(--flutter-speed,.38s) ease-in-out infinite; animation-delay:var(--flutter-delay,0s); }
  .butterfly-wings path+path { animation-direction:reverse; }
  .butterfly-flight-0 { left:3%; top:22%; }
  .butterfly-flight-1 { right:4%; top:62%; animation-delay:-8s; animation-duration:29s; color:#b17c9c; }
  .butterfly-flight-2 { left:8%; top:82%; animation-delay:-15s; width:30px; }
  .butterfly-flight-3 { right:9%; top:16%; animation-delay:-4s; width:36px; color:#b18c5f; }
  .butterfly-flight-4 { left:28%; top:6%; animation-delay:-19s; animation-duration:31s; width:26px; }
  .butterfly-flight-5 { right:22%; top:91%; animation-delay:-12s; width:28px; }
  @keyframes butterfly-bob { 0%,100% { transform:translateY(0) rotate(-3deg); } 42% { transform:translateY(-5px) rotate(4deg); } 73% { transform:translateY(2px) rotate(-2deg); } }
  @keyframes butterfly-flap { 0%,100% { transform:scaleX(.95); } 42% { transform:scaleX(.18); } 65% { transform:scaleX(.65); } }
  @media(max-width:760px) { .butterfly-flight { width:30px; opacity:.3; } .butterfly-flight-4,.butterfly-flight-5 { display:none; } }
  @media(prefers-reduced-motion:reduce) { .butterfly-flight,.butterfly-flight svg,.butterfly-wings path { animation:none; } }
}
@layer responsive {
  @media(max-width:760px) {
    .mega-menu .mega-intro,.mega-menu>a { display:none; }
    .mega-menu .mobile-links { display:flex; flex-direction:column; align-items:stretch; gap:0; margin:0; padding:0; }
    .mobile-links>a,.mobile-links .promotion-trigger { padding:12px 10px; text-align:left; border-bottom:1px solid var(--line); }
  }
}

/* Secciones de pantalla completa, con crecimiento natural en pantallas pequeñas. */
@layer responsive {
  #filosofia,#galeria,#contacto { min-height:100vh; min-height:100dvh; scroll-margin-top:calc(0px - var(--offset)); padding-top:120px; padding-bottom:40px; }
  #filosofia { gap:7vw; }
  #filosofia .space-photo { height:clamp(300px,calc(100dvh - 170px),700px); }
  #filosofia h2 { font-size:clamp(38px,6.5dvh,66px); }
  #filosofia .eyebrow { margin-bottom:16px; }
  #filosofia .philosophy-copy>p { margin:20px 0; }
  #filosofia blockquote { font-size:clamp(17px,2.6dvh,22px); line-height:1.55; }
  #filosofia .signature { margin:18px 0; }
  #galeria { display:flex; flex-direction:column; justify-content:center; gap:24px; }
  #galeria .section-heading { margin:0; }
  #galeria h2 { font-size:clamp(36px,5.6dvh,60px); }
  #galeria .gallery { flex-shrink:0; }
  #galeria .gallery img { height:clamp(200px,calc(100dvh - 430px),490px); }
  #galeria .gallery-footer { margin:0; }
  #contacto { display:grid; align-items:center; text-align:left; }
  .contact-layout { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:7vw; position:relative; z-index:1; }
  .contact-copy h2 { font-size:clamp(40px,6.8dvh,76px); }
  .contact-copy>p { max-width:390px; font-size:15px; line-height:1.8; margin:24px 0; }
  .contact-copy .contact-details { justify-content:flex-start; gap:8px 20px; margin-top:30px; padding-top:20px; }
  .contact-form { padding:clamp(24px,3vw,40px); border:1px solid #fff8; border-radius:26px; background:#fcfaf7; color:var(--ink); box-shadow:0 20px 65px #24132b24; }
  .contact-form .eyebrow { color:#85678e; font-size:10px; margin-bottom:10px; }
  .contact-form h3 { font-size:32px; margin-bottom:22px; }
  .contact-form label { display:block; font-size:12px; font-weight:600; margin-bottom:7px; }
  .contact-fields { display:grid; gap:15px; margin-bottom:15px; }
  .contact-form input,.contact-form select,.contact-form textarea { display:block; width:100%; min-width:0; border:1px solid #d5c7db; border-radius:10px; padding:12px 14px; background:#fff; color:var(--ink); font:inherit; font-size:14px; }
  .contact-form textarea { min-height:100px; }
  .contact-form p { color:var(--muted); font-size:12px; line-height:1.6; margin:14px 0; }
  .contact-form .button { width:100%; }
  .contact-form .contact-feedback { margin-bottom:0; }
  .contact-feedback:empty { display:none; }
  footer.site-footer { display:block; padding-top:55px; padding-bottom:25px; background:#f1eaf2; border-top:1px solid #d9cbdc; }
  .site-footer .footer-main { display:grid; grid-template-columns:1.4fr .8fr 1fr; gap:6vw; align-items:start; }
  .site-footer .footer-brand { display:flex; gap:13px; align-items:center; font-size:26px; line-height:1.25; }
  .footer-brand img { border-radius:50%; }
  .site-footer .footer-about p { text-align:left; font-size:14px; margin:20px 0 12px; line-height:1.8; }
  .footer-location { font:italic 18px Georgia,serif; color:#82618d; }
  .site-footer h3 { font:600 11px Arial,sans-serif; text-transform:uppercase; letter-spacing:.13em; margin:8px 0 18px; }
  .footer-nav,.footer-social { display:flex; flex-direction:column; align-items:flex-start; gap:9px; font-size:13px; }
  .site-footer a:hover { color:#93629e; }
  .site-footer .footer-social p { text-align:left; font-size:12px; margin-top:10px; }
  .site-footer .footer-bottom { display:flex; flex-direction:row; justify-content:space-between; align-items:center; border-top:1px solid #d9cbdc; margin-top:38px; padding-top:20px; gap:18px; }
  .footer-bottom p,.footer-bottom a { font-size:11px; }
  .footer-bottom a { display:flex; align-items:center; gap:15px; }
  @media(min-width:761px) and (max-height:740px) {
    #contacto { padding-top:105px; padding-bottom:25px; }
    .contact-form { padding:22px 28px; }
    .contact-form h3 { margin-bottom:14px; }
    .contact-fields { gap:10px; margin-bottom:10px; }
    .contact-form input,.contact-form select,.contact-form textarea { padding:9px 12px; }
    .contact-form textarea { min-height:80px; height:80px; }
    .contact-form p { margin:10px 0; }
    #filosofia .philosophy-copy>p { margin:14px 0; }
  }
  @media(max-width:760px) {
    #filosofia,#galeria,#contacto { padding-top:100px; padding-bottom:35px; }
    #filosofia { gap:28px; }
    #filosofia .space-photo { height:clamp(240px,38dvh,400px); }
    #filosofia h2 br { display:none; }
    #filosofia h2 { font-size:38px; max-width:390px; }
    #filosofia h2 em::before { content:' '; }
    #galeria { gap:22px; }
    #galeria .gallery img { height:clamp(250px,43dvh,450px); }
    #galeria .gallery-controls { margin-top:16px; }
    .contact-layout { grid-template-columns:minmax(0,1fr); gap:30px; }
    .contact-copy h2 { font-size:46px; }
    .contact-copy h2 br { display:none; }
    .contact-copy h2 em::before { content:' '; }
    .contact-copy .contact-details { margin-top:24px; }
    .contact-form { padding:24px 20px; }
    .contact-form input,.contact-form select,.contact-form textarea { font-size:16px; }
    .site-footer .footer-main { grid-template-columns:1fr 1fr; gap:30px 20px; }
    .footer-about { grid-column:1/-1; }
    footer.site-footer { padding-top:35px; padding-bottom:95px; }
    .site-footer .footer-brand { font-size:24px; }
    .site-footer .footer-brand small { font-size:8px; }
    .site-footer .footer-bottom { flex-direction:column; align-items:flex-start; margin-top:28px; }
    .site-footer .footer-bottom p { text-align:left; }
    .footer-social a { overflow-wrap:anywhere; }
  }
}


/* Playlist central independiente del carrusel y de sus reproductores. */
@layer responsive {
  .video-workspace { display:grid; grid-template-columns:minmax(0,1fr); align-items:center; }
  .video-workspace .video-gallery { grid-area:1/1; min-width:0; }
  .video-workspace .video-slide { grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,1fr); gap:3vw; }
  .video-workspace .video-stage { grid-column:3; width:100%; }
  .video-workspace .video-caption { padding-bottom:65px; }
  .video-workspace .video-caption h3 { font-size:clamp(25px,2.7vw,40px); }
  .video-workspace .video-caption p { font-size:14px; line-height:1.75; margin:20px 0; }
  .video-playlist { grid-area:1/1; justify-self:center; width:calc((100% - 6vw)*.85/2.85); min-width:0; z-index:1; border:1px solid #e2d6e5; background:#f6f0f7; border-radius:20px; overflow:hidden; }
  .playlist-heading { padding:20px 18px 16px; border-bottom:1px solid #e2d6e5; }
  .playlist-heading .eyebrow { font-size:9px; margin-bottom:7px; }
  .playlist-heading h3 { font-size:24px; margin-bottom:5px; }
  .playlist-heading>span:last-child { font-size:11px; color:var(--muted); }
  .video-playlist ol { list-style:none; margin:0; padding:8px; max-height:clamp(180px,calc(100dvh - 400px),540px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#bca6c3 transparent; }
  .video-playlist li+li { margin-top:4px; }
  .video-playlist button { display:flex; align-items:center; gap:10px; text-align:left; padding:12px 10px; width:100%; background:transparent; border-radius:12px; transition:background .2s; }
  .video-playlist button:hover { background:#eae0ee; }
  .video-playlist button[aria-current] { background:var(--purple); color:white; }
  .playlist-number { font-size:11px; opacity:.65; flex-shrink:0; font-variant-numeric:tabular-nums; }
  .playlist-label { min-width:0; flex:1; }
  .playlist-label strong { display:block; font-size:12px; line-height:1.45; font-weight:600; }
  .playlist-label small { display:block; margin-top:4px; font-size:10px; opacity:.7; }
  .playlist-play { font-size:10px; opacity:.5; }
  [aria-current] .playlist-play { opacity:1; }
  @media(max-width:900px) and (min-width:761px) {
    .video-workspace .video-slide { gap:20px; }
    .video-playlist { width:calc((100% - 40px)*.85/2.85); }
    .video-playlist button { padding:10px 6px; gap:6px; }
    .playlist-heading { padding:15px 12px; }
    .playlist-heading h3 { font-size:21px; }
    .playlist-play { display:none; }
  }
  @media(max-width:760px) {
    .video-workspace { display:flex; flex-direction:column; align-items:stretch; gap:24px; }
    .video-playlist { width:100%; }
    .playlist-heading { display:flex; flex-wrap:wrap; align-items:baseline; gap:5px 12px; padding:14px 16px; }
    .playlist-heading .eyebrow { display:none; }
    .playlist-heading h3 { font-size:22px; margin:0; }
    .video-playlist ol { max-height:180px; }
    .video-playlist button { padding:10px; }
    .video-workspace .video-slide { grid-template-columns:minmax(0,1fr); gap:22px; }
    .video-workspace .video-stage { grid-column:1; width:min(100%,400px); }
    .video-workspace .video-caption { padding-bottom:0; }
    .video-workspace .video-caption h3 { font-size:28px; }
  }
}

@layer responsive {
  .desktop-nav a[aria-current="location"] { position:relative; color:#77438b; }
  .desktop-nav a[aria-current="location"]::after { content:''; position:absolute; left:0; right:0; bottom:-8px; height:2px; background:#a16caf; border-radius:2px; }
  .mobile-links a[aria-current="location"] { color:#77438b; background:#eee6f0; border-radius:8px; box-shadow:inset 3px 0 #a16caf; }
}

/* Ajustes comprobados en vistas de 320, 390 y 430 px. */
@layer responsive {
  @media(max-width:760px) {
    .hero h1 { font-size:clamp(42px,12vw,58px); }
    .header .brand { min-width:0; flex-shrink:1; }
    .header .brand span { overflow:hidden; text-overflow:ellipsis; }
    .header .cart-trigger,.header .mobile-toggle { flex-shrink:0; }
    .video-playlist ol { max-height:140px; }
    .mobile-links>a,.mobile-links .promotion-trigger { min-height:44px; }
    .gallery-controls button,.video-controls button { min-height:44px; }
    .contact-form,.footer-main>* { min-width:0; }
  }
  @media(max-width:380px) {
    .header.header,.header.header.is-collapsed { gap:4px; padding:8px; }
    .header .brand,.header.is-collapsed .brand { gap:6px; font-size:16px; }
    .header .brand img,.header.is-collapsed .brand img { width:32px; height:32px; }
    .header .brand small { font-size:6px; letter-spacing:.13em; }
    .header .cart-trigger { padding:9px 8px; gap:4px; }
    .header .mobile-toggle { min-width:38px; }
    .footer-main { grid-template-columns:1fr!important; }
    .footer-about { grid-column:auto; }
  }
}
@layer responsive {
  @media(max-width:760px) {
    .treatments .service-card { grid-template-rows:auto auto; }
    .treatments .service-image { height:clamp(180px,30dvh,280px); }
    .treatments .service-image img { object-position:center 45%; }
  }
}
@layer responsive {
  @media(max-width:760px) {
    #galeria h2 { font-size:clamp(32px,9vw,40px); }
    .video-workspace .video-stage { width:min(100%,34dvh); }
  }
}
@layer responsive {
  @media(max-width:760px) {
    body[data-active-section="videos"] .floating-cart,body[data-active-section="contacto"] .floating-cart { display:none; }
  }
}