body {
	background-color: #fff;
	color: #000;
}

a:active {
	opacity: 0.0;
}

.page a.active {
    opacity: 0.4;
}

i,
em {
	font-style: italic;
}

b,
strong {
	font-weight: bolder;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
}

sub {
	top: 0.3em;
}

sup {
	top: -0.4em;
}

s {
	text-decoration: line-through;
}

img {
	border: 0;
	padding: 0;
}

ul,
ol {
	margin: 0;
	padding: 0 0 0 1em;
}

blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}

hr {
	background: rgba(0, 0, 0, 0.2);
	border: 0;
	height: 1px;
	display: block;
}

.content img {
	float: none;
	margin-bottom: .5em;
}

.gallery_image_caption {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
	color: rgba(0, 0, 0, 0.35);
    font-weight: 400;
	font-family: "Social Condensed Variable", Icons;
	font-style: normal;
	line-height: 1.3;
    font-size: 1.3rem;
    letter-spacing: 0.1em;
	font-variation-settings: 'wdth' 75, 'slnt' 0;
}

/**
 * Loading Animation
 */

.loading[data-loading] {
	position: fixed;
	bottom: 8px; 
    left: 8px;
}

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 2.9rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.9);
	font-family: Cormorant, Icons;
	font-style: normal;
	line-height: 1;
   
}

[data-predefined-style="true"] bodycopy a {
	color: rgba(0, 0, 0, 0.9);
	padding-bottom: 0.1em;
	border-bottom: 0.0em solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

[data-predefined-style="true"] bodycopy a:hover {

}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
	border-bottom: 0;
	padding-bottom: 0;
}

[data-predefined-style="true"] h1 {
	font-family: "Social Condensed Variable", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	font-size: 11.8vmin;
	line-height: 1.1;
	color: rgba(0, 0, 0, 0.85);
	    letter-spacing: 0.1em;
	font-variation-settings: 'wdth' 75, 'slnt' 0;
}

[data-predefined-style="true"] h1 a {
	color: rgba(0, 0, 0, 0.85);
}

[data-predefined-style="true"] h2 {
	font-family: "Social Condensed Variable", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	color: rgba(0, 0, 0, 0.85);
	font-size: 8rem;
	line-height: 0.5;
	    letter-spacing: 0.1em;
	font-variation-settings: 'wdth' 75, 'slnt' 0;
}

[data-predefined-style="true"] h2 a {
	color: rgba(131, 42, 42, 0.85);
}

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 8.5rem;
	line-height: 1.1;
	font-family: "Social Condensed Variable", Icons;
	font-style: normal;
	font-weight: 400;
	color: rgba(0, 0, 0);
    letter-spacing: 0.1em;
	font-variation-settings: 'wdth' 75, 'slnt' 0;
}

[data-predefined-style="true"] small a {
	color: rgb(0, 0, 0);
	border-bottom-width: 0em;
}

/**
 * Breakpoints
 */


[data-css-preset] .page {
    background-color: initial /*!page_bgcolor*/;
}

.mobile .page,
[data-css-preset].mobile .page {
	position: relative;
	min-height: 10px;
	max-width: 100%;
	width: 100%;
	background-color: transparent /*!page_bgcolor*/;
}

[data-css-preset] .container {
	margin-left: auto /*!content_center*/;
	margin-right: auto /*!content_center*/;
	text-align: center /*!text_center*/;
}

[data-css-preset] body {
	background-color: rgb(255, 255, 255)/*!body_bgcolor*/;
}

[data-css-preset] .container_width {
	width: 62%/*!content_center*/;
}

[data-css-preset] .content_padding {
	padding-top: 9.2rem /*!main_margin*/;
	padding-bottom: 9.2rem /*!main_margin*/;
	padding-left: 9.2rem /*!main_margin*/;
	padding-right: 9.2rem /*!main_margin*/;
}


[data-css-preset] text-limit {
	display: inline-block /*!text_width*/;
	max-width: 66rem/*!text_width*/;
}

/**
 * Thumbnails
 */

div[thumbnails] {
	justify-content: flex-start;
}

[data-css-preset] .thumbnails {
   	background-color: transparent/*!thumbnails_bgcolor*/;   
}

[data-css-preset] .thumbnails_width {
    width: 78%/*!thumbnails_width*/;
}

[data-css-preset] [thumbnails-pad] {
    padding: 2.45rem/*!thumbnails_padding*/;
}

[data-css-preset] [thumbnails-gutter] {
    margin: -4.9rem/*!thumbnails_padding*/;
}

[data-css-preset] [responsive-layout] [thumbnails-pad] {
    padding: 1.25rem/*!responsive_thumbnails_padding*/; 
}

[data-css-preset] [responsive-layout] [thumbnails-gutter] {
    margin: -2.5rem/*!responsive_thumbnails_padding*/; 
}

.thumbnails .thumb_image {
	outline: 0px solid rgba(0,0,0,.12);
    outline-offset: -1px;
}

.thumbnails .title {
    margin-top: 1.2rem;
    margin-bottom: .3rem;
    font-size: 1.3rem;
	font-weight: 700;
	color: rgba(0, 0, 0, 0.85);
	font-family: "Social Condensed Variable", Icons;
	font-style: normal;
	line-height: 1.3;
    letter-spacing: 0.1em;
	font-variation-settings: 'wdth' 75, 'slnt' 0;
}

.thumbnails .tags {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.3rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: "Social Condensed Variable", Icons;
	font-style: normal;
	line-height: 1.2;
    letter-spacing: 0.1em;
	font-variation-settings: 'wdth' 75, 'slnt' 0;
}

.thumbnails .tags a {
	border-bottom: 0;
    color: rgba(0, 0, 0, 0.35);
    text-decoration: none;
}

.thumbnails .has_title .tags {
	margin-top: 0rem;
}

/**
 * Site Menu
 */

[data-css-preset] #site_menu_button {
    color: rgba(0, 0, 0, 1);
    line-height: 1;
    font-size: 28px /*!site_menu_button*/;
    padding: 6px;
    line-height: 1;
    background: rgba(33, 32, 46, 0);
    position: fixed;
    top: 2rem /*!site_menu_button*/;
	right: 2rem /*!site_menu_button*/;
}

body.mobile #site_menu_button {
	margin: -6px;
    font-size: 34px;
}

#site_menu_button.custom_icon {
	width: 40px;
    height: auto;
}

#site_menu_button.active {
	display: none;
}

/**
 * Site Menu
 */

#site_menu {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	background: rgba(255, 255, 255, 0.13);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	padding: 20px 30px 90px 30px;
	max-width: 400px;
	min-width: 300px;
	text-align: left;
	display: flex;
	justify-content: flex-start;
}

body.mobile #site_menu {
	width: 100%;
}

#site_menu .page-link a {
	color: rgba(0, 0, 0, 1);
}

#site_menu .set-link > a {
	color: rgba(255, 255, 255, 0.75);
	font-weight: bold;
}

#site_menu a:active {
	opacity: .7;
}

#site_menu a.active {
	opacity: .4;
}

#site_menu .close {
	display: none;
	color: rgba(255, 255, 255, 0.4);
	line-height: .85em;
	font-size: 45px;
}

body.mobile #site_menu .close {
	display: block;
	font-size: 50px;
	line-height: 1em;
}

#site_menu .break {
	height: 28px;
}

#site_menu .indent {
	margin-left: 28px;
}

/*
 * Shop Button
 */

[data-css-preset] #shop_button {
	color: rgba(0, 0, 0, 0.85);
    background: transparent;
	font-size: 32px;
    font-style: normal;
	font-weight: 400;
    line-height: 1;
    position: fixed;
	padding: 6px;
	top: 2rem /*!shop_button*/;
	right: 2rem /*!shop_button*/;
}

#shop_button.text {
    font-weight: 700;
	color: rgba(0, 0, 0, 0.85);
	font-family: "Social Condensed Variable", Icons;
	font-style: normal;
	line-height: 1.3;
    font-size: 1.3rem;
    letter-spacing: 0.1em;
    padding: 0;
    
	font-variation-settings: 'wdth' 75, 'slnt' 0;
}
#shop_button.custom_icon {
	width: 40px;
    height: auto;
}

body.mobile #shop_button:not(.text) {
	margin: -6px;
    font-size: 36px;
}

/*
 * Shop Product Widget
 */

.shop_product {
    width: 100%;
	max-width: 22rem;
    position: relative;
    display: block;
}

.shop_product .price {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 2rem;
	line-height: 1;
	color: rgba(0, 0, 0, 0.85);
    display: block;
    margin-bottom: 1rem;
}

.shop_product .dropdown {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-size: 1.4rem;
    display: inline-block;
	width: 100%;
    border: 1px solid rgba(0,0,0,.2);
    background:  white url(https://static.cargo.site/assets/images/select-arrows.svg) no-repeat right;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .7rem 1rem;
}

.shop_product .button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 1.4rem;
    background: rgba(0, 0, 0, 0.7);
    color: rgba(255,255,255,1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: 1;
    padding: .8rem 1rem .9rem;
}

/*
 * Image Zoom
 */

.content img.image-zoom:active {
  opacity: .7;
}

/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 2.5rem /*!quick_view_padding*/;
    padding-bottom: 2.5rem /*!quick_view_padding*/;
    padding-left: 2.5rem /*!quick_view_padding*/;
    padding-right: 2.5rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
	background: rgba(255, 255, 255, 0) /*!quick_view_bgcolor*/;
}

.quick-view-caption {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 2rem 0;
    text-align: center;
    font-size: 1.8rem;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0,0,0,0.4);
    color: white;
}


/**
 * Quick View Navigation 
 */

.quick-view-navigation .left-arrow {
    left: 10px;
}

.quick-view-navigation .right-arrow {
    right: 10px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

.quick-view-navigation .close-button {  
    top: 10px;
    right: 10px;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .close-button .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/** 
 * Image Gallery Navigation Arrows 
 */
 
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/**
 * Wallpaper Backdrop Navigation Arrows 
 */

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
   /* Change height/width together to scale */
   width: 36px;
   height: 36px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
   stroke: #fff;
    stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}


/**
 * Feed
 */

.feed .content_container .page {
    border-top: 0px dashed rgba(0, 0, 0, 0.2);
}

.feed .content_container .page_container:first-child .page {
	border-top: 0;
}

/*
 * Image Drop Shadow
 */

.content img { 
    box-shadow: 5px 5px 35px rgba(0, 0, 0, 0.11); 
}

.no-shadow img {
    box-shadow: none !important;
}

/*
 * Audio Player
 */

.audio-player {
    max-width: 100%;
    height: 3.3rem;
    outline: 1px solid rgba(0, 0, 0, 0.25);
    color: rgba(0, 0, 0, 0.6);

    background: transparent;
    font-size: 1.2rem;
    line-height: 1.3;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    margin: 1px 1px 1em 1px;
}

body.mobile .audio-player {
    max-width: 100%;
}

.audio-player .separator {
    width: 1px;
    background-color: rgba(0, 0, 0, 0.25);
}

.audio-player .button {
    background: transparent;
    cursor: pointer;
    fill: rgba(0, 0, 0, 0.85);
}

.audio-player .icon {
    fill: rgba(0, 0, 0, 0.85);
    padding: 30%;
    width: 100%;
    margin: auto;
}

.audio-player .buffer {
    background: rgba(0,0,0,0.05);
}

.audio-player .progress {
    background: rgba(0,0,0,0.1);
}

.audio-player .progress-indicator {
    border: 1px solid rgba(0, 0, 0, 0.7);
    width: 1px;
    height: 100%;
    right: 0;
    position: absolute;
    cursor: ew-resize;
}

.audio-player .note-icon {
    height: 100%;
    width: 3.8rem;
    padding: 1rem;
    fill: rgba(0, 0, 0, 0.5);
}

.audio-player .current-time {
    padding-left: 1rem;
}

.audio-player .total-time {
    padding-right: 1rem;
}

/* ===== Base AVR ===== */
body { overflow-x: hidden; }
.nav-avr br, .avr-page br { display: none; }
#site_menu_button { display: none !important; }

/* ===== Menu superior ===== */
.nav-avr {
  position: fixed; top: 0; left: 0; right: 0; z-index: 9999;
  height: 64px; padding: 0 40px;
  display: flex; align-items: center; justify-content: space-between;
  background: #0d0d0d;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px !important; line-height: 1 !important; letter-spacing: .1em;
  text-transform: uppercase; text-align: left;
}
.nav-avr .nav-links { display: flex; gap: 40px; }
.nav-avr a {
  color: #f2f2f2 !important; text-decoration: none;
  border-bottom: 0 !important; padding-bottom: 0 !important;
  opacity: .65; transition: opacity .2s;
}
.nav-avr .nav-logo { font-weight: 700; opacity: 1; }
.nav-avr a:hover, .nav-avr a.active { opacity: 1; }

/* ===== Página AVR ===== */
.avr-page {
  position: relative;
  width: 100vw;
  margin: -9.2rem 0 -9.2rem calc(50% - 50vw);
  background: #0b0b0c; color: #e8e8e8; text-align: left;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px; line-height: 1.55;
}
/* Tapa la linea blanca arriba de la pagina AVR */
.avr-page::before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: -400px; height: 400px;
  background: #0b0b0c;
}
.avr-page a { text-decoration: none; border-bottom: 0 !important; padding-bottom: 0 !important; }
.avr-page img { width: 100% !important; height: auto; margin: 0 !important; box-shadow: none !important; display: block; }

/* Barra de compra (aparece al bajar) */
.avr-buybar {
  position: fixed; top: 64px; left: 0; right: 0; z-index: 9998;
  height: 60px; padding: 0 40px;
  display: flex; align-items: center; justify-content: space-between;
  background: rgba(20, 20, 22, .92); backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.avr-bb-name b { font-size: 18px; margin-right: 12px; }
.avr-bb-name span { font-size: 12px; opacity: .55; letter-spacing: .1em; text-transform: uppercase; }
.avr-bb-buy { display: flex; align-items: center; gap: 14px; }
.avr-price { font-size: 16px; font-weight: 600; margin-right: 6px; }
.avr-buybar .avr-btn { padding: 10px 20px; }
@supports (animation-timeline: scroll()) {
  .avr-buybar {
    animation: avr-bar-in linear both;
    animation-timeline: scroll(root);
    animation-range: 500px 600px;
  }
}
@keyframes avr-bar-in {
  from { opacity: 0; transform: translateY(-100%); visibility: hidden; }
  to   { opacity: 1; transform: translateY(0); visibility: visible; }
}

/* Botones */
.avr-btn {
  display: inline-block; padding: 14px 28px; border-radius: 999px;
  background: #fff; color: #000 !important;
  font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase;
  transition: opacity .2s;
}
.avr-btn:hover { opacity: .8; }
.avr-btn-ghost { background: transparent; color: #fff !important; border: 1px solid rgba(255, 255, 255, .5) !important; }
.avr-buttons { display: flex; gap: 14px; flex-wrap: wrap; }

/* Hero con video de fondo */
.avr-hero {
  position: relative; height: 85vh; min-height: 520px; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  padding: 64px 6vw 0; text-align: center;
}
.avr-hero-media { position: absolute; inset: 0; z-index: 0; pointer-events: none; background: #000; }
.avr-hero-media iframe {
  position: absolute; top: 50%; left: 50%;
  width: 100vw !important; height: 56.25vw !important;
  min-width: 177.78vh; min-height: 100vh;
  transform: translate(-50%, -50%); border: 0; opacity: .6;
}
.avr-hero::after {
  content: ""; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(to top, #0b0b0c 0%, rgba(11, 11, 12, 0) 60%);
}
.avr-hero-text { position: relative; z-index: 2; max-width: 800px; margin: 0 auto; }
.avr-hero .avr-buttons { justify-content: center; }
.avr-hero .avr-p { max-width: 600px; margin-left: auto; margin-right: auto; }
.avr-kicker { font-size: 13px; letter-spacing: .18em; text-transform: uppercase; opacity: .6; margin-bottom: 16px; }
.avr-h1 { font-size: clamp(64px, 12vw, 180px); font-weight: 800; line-height: .9; letter-spacing: -.03em; }
.avr-h1-sub { font-size: clamp(24px, 3vw, 44px); font-weight: 300; margin: 10px 0 24px; }
.avr-p { opacity: .8; margin-bottom: 32px; }

/* Secciones */
.avr-intro { max-width: 900px; margin: 0 auto; padding: 120px 6vw; text-align: center; }
.avr-h2 { font-size: clamp(32px, 4vw, 56px); font-weight: 700; line-height: 1.1; letter-spacing: -.02em; margin-bottom: 24px; }
.avr-h3 { font-size: 22px; font-weight: 700; margin-bottom: 8px; }
.avr-small { font-size: 16px; opacity: .7; }

.avr-ph {
  width: 100%; aspect-ratio: 16 / 9;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #1c1c20, #2a2a30);
  color: rgba(255, 255, 255, .3); font-size: 13px; letter-spacing: .15em; text-transform: uppercase;
}
.avr-feature { padding-bottom: 120px; }
.avr-feature-text { max-width: 760px; margin: 60px auto 0; padding: 0 6vw; text-align: center; }

.avr-cards { padding: 0 6vw 120px; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 32px; }
.avr-card .avr-ph { aspect-ratio: 4 / 3; margin-bottom: 20px; }

.avr-video-block { padding: 0 6vw 120px; text-align: center; }
.avr-video { position: relative; aspect-ratio: 16 / 9; max-width: 1200px; margin: 40px auto 0; background: #000; }
.avr-video iframe { position: absolute; inset: 0; width: 100% !important; height: 100% !important; border: 0; }

.avr-product {
  padding: 100px 6vw; background: #141416;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 60px; align-items: center;
}
.avr-product-price { font-size: 36px; font-weight: 700; margin: 0 0 24px; }
.avr-req { margin-top: 40px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, .1); font-size: 15px; opacity: .7; }
.avr-req div { margin-bottom: 6px; }

.avr-footer {
  padding: 50px 6vw; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px;
  font-size: 14px; color: #888; border-top: 1px solid rgba(255, 255, 255, .08);
}
.avr-footer a { color: #eee !important; }

/* ===== Celular ===== */
body.mobile .nav-avr { padding: 0 16px; font-size: 11px !important; }
body.mobile .nav-avr .nav-links { gap: 16px; }
body.mobile .avr-buybar { padding: 0 16px; height: 56px; }
body.mobile .avr-bb-name span, body.mobile .avr-price { display: none; }
body.mobile .avr-buybar .avr-btn { padding: 8px 12px; font-size: 11px; }
body.mobile .avr-hero { height: 85vh; padding: 0 24px 8vh; }
body.mobile .avr-intro, body.mobile .avr-cards, body.mobile .avr-video-block,
body.mobile .avr-product, body.mobile .avr-footer { padding-left: 24px; padding-right: 24px; }
.avr-hero {
  background: radial-gradient(ellipse at center, #1e1e24 0%, #0b0b0c 70%);
}
/* ===== Ajustes ===== */

/* 1. Portada: contenido un poco más arriba */
.avr-hero {
  height: 78vh;
  padding: 64px 6vw 8vh;
}
body.mobile .avr-hero { height: 70vh; padding: 56px 24px 6vh; }

/* 2. Barra al bajar: "Try free" a la derecha, "Buy now" a su izquierda */
.avr-bb-buy .avr-btn-ghost { order: 3; }
.avr-bb-buy .avr-btn:not(.avr-btn-ghost) { order: 2; }
.avr-bb-buy .avr-price { order: 1; }

/* 3. Botones píldora: que no se corten y el texto quede centrado */
.avr-page a.avr-btn {
  padding: 13px 28px 15px !important;
  line-height: 1 !important;
  display: inline-flex;
  align-items: center;
}
.avr-page .avr-buybar a.avr-btn { padding: 9px 20px 11px !important; }
body.mobile .avr-page .avr-buybar a.avr-btn { padding: 7px 12px 9px !important; }
/* Precio tachado */
.avr-old {
  opacity: .45;
  font-weight: 400;
  font-size: .8em;
  margin-right: 6px;
  text-decoration: line-through;
}
.avr-btn .avr-old { opacity: .55; margin: 0 4px 0 6px; }
/* Portada más arriba */
.avr-hero {
  height: auto !important;
  min-height: 0 !important;
  align-items: flex-start !important;
  padding: 40px 6vw 90px !important;
}
body.mobile .avr-hero { padding: 30px 24px 60px !important; }
/* Dos GIFs lado a lado */
.avr-intro { padding-bottom: 50px; }
.avr-split {
  display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start;
  max-width: 860px; margin: 0 auto; padding: 0 6vw 120px;
}
.avr-split-media img { width: 100% !important; height: auto !important; display: block; border-radius: 12px; }

body.mobile .avr-split { grid-template-columns: 1fr; gap: 48px; padding: 0 24px 80px; }
body.mobile .avr-split-media { max-width: 300px; margin: 0 auto; }
.avr-split-media img { width: 100% !important; height: auto; display: block; border-radius: 12px; }
.avr-split-text .avr-h3 { font-size: 26px; margin-bottom: 20px; }
.avr-step {
  display: flex; gap: 20px; padding: 18px 0;
  border-top: 1px solid rgba(255, 255, 255, .1);
  font-size: 17px; line-height: 1.5;
}
.avr-step span { font-size: 13px; letter-spacing: .1em; opacity: .4; padding-top: 3px; min-width: 22px; }
.avr-step b { color: #fff; }

body.mobile .avr-split { grid-template-columns: 1fr; gap: 40px; padding: 0 24px 80px; }
body.mobile .avr-split-media { max-width: 260px; margin: 0 auto; }
/* GIF sin deformar */
.avr-split-media img,
.avr-page img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain;
}
/* Texto arriba del GIF */
.avr-caption {
  font-size: 15px; line-height: 1.45;
  opacity: .75; margin-bottom: 16px;
}
/* Frases más grandes y GIFs alineados arriba */
.avr-split .avr-caption {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
  opacity: .9;
  min-height: 4em;
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
}
body.mobile .avr-split .avr-caption { font-size: 19px; min-height: 0; }
/* 4 Simultaneous Layers */
.avr-layers { max-width: 860px; margin: 0 auto; padding: 0 6vw 120px; text-align: center; }
.avr-layers .avr-h2 { margin-bottom: 10px; }
.avr-layers-sub { font-size: 19px; opacity: .65; margin-bottom: 36px; letter-spacing: .02em; }
.avr-layers img { width: 100% !important; height: auto !important; display: block; border-radius: 12px; }
body.mobile .avr-layers { padding: 0 24px 80px; }
/* Contenido más ancho */
.avr-intro { max-width: 1100px; }
.avr-split { max-width: 1200px; gap: 64px; }
.avr-layers { max-width: 1200px; }
.avr-split .avr-caption { font-size: 21px; }
/* Los dos GIFs del mismo tamaño */
.avr-split-media img {
  aspect-ratio: 420 / 562 !important;
  height: auto !important;
  object-fit: cover;
  object-position: center 30%;
}
/* Título de portada más grande */
.avr-h1 { font-size: clamp(90px, 16vw, 240px) !important; }
.avr-h1-sub { font-size: clamp(30px, 4.2vw, 64px) !important; margin: 14px 0 28px !important; }
body.mobile .avr-h1 { font-size: 96px !important; }
body.mobile .avr-h1-sub { font-size: 28px !important; }
/* Título más chico: Adjust how it responds to movement */
.avr-h2-sm { font-size: clamp(24px, 2.6vw, 36px) !important; }
body.mobile .avr-h2-sm { font-size: 22px !important; }
/* Edit your steps on the fly */
.avr-layers-sub { max-width: 720px; margin-left: auto; margin-right: auto; line-height: 1.5; }
.avr-gap { height: 32px; }
/* Imagen y GIF de "Edit your steps" más chicos */
.avr-edit img {
  max-width: 640px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.mobile .avr-edit img { max-width: 100% !important; }
/* Grab your MIDI notes: GIF + teclado */
.avr-notes-row {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  max-width: 920px; margin: 0 auto;
}
.avr-notes-gif { flex: 0 1 540px; }
.avr-notes-gif img { width: 100% !important; height: auto !important; display: block; border-radius: 12px; }
.avr-midi { flex: 0 1 340px; color: #e8e8e8; }
.avr-midi-svg { width: 100%; height: auto; display: block; overflow: visible; }

body.mobile .avr-notes-row { flex-direction: column; gap: 24px; }
body.mobile .avr-midi { width: 70%; transform: rotate(0deg); }
/* Texto chico arriba del GIF Zoom · Slice · Pixel */
.avr-mini {
  font-size: 13px; letter-spacing: .2em; text-transform: uppercase;
  opacity: .55; margin-bottom: 14px;
}
/* Teclado MIDI dibujado desde el CSS */
.avr-midi-art {
  width: 100%;
  aspect-ratio: 330 / 190;
  font-size: 0; line-height: 0;
  background: url("data:image/svg+xml,%3Csvg viewBox=%220 0 330 190%22 xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 stroke=%22%23e8e8e8%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg stroke-width=%221.6%22%3E%3Crect x=%2270%22 y=%2220%22 width=%22238%22 height=%2296%22 rx=%223%22/%3E%3Cline x1=%2287%22 y1=%2220%22 x2=%2287%22 y2=%22116%22/%3E%3Cline x1=%22104%22 y1=%2220%22 x2=%22104%22 y2=%22116%22/%3E%3Cline x1=%22121%22 y1=%2220%22 x2=%22121%22 y2=%22116%22/%3E%3Cline x1=%22138%22 y1=%2220%22 x2=%22138%22 y2=%22116%22/%3E%3Cline x1=%22155%22 y1=%2220%22 x2=%22155%22 y2=%22116%22/%3E%3Cline x1=%22172%22 y1=%2220%22 x2=%22172%22 y2=%22116%22/%3E%3Cline x1=%22189%22 y1=%2220%22 x2=%22189%22 y2=%22116%22/%3E%3Cline x1=%22206%22 y1=%2220%22 x2=%22206%22 y2=%22116%22/%3E%3Cline x1=%22223%22 y1=%2220%22 x2=%22223%22 y2=%22116%22/%3E%3Cline x1=%22240%22 y1=%2220%22 x2=%22240%22 y2=%22116%22/%3E%3Cline x1=%22257%22 y1=%2220%22 x2=%22257%22 y2=%22116%22/%3E%3Cline x1=%22274%22 y1=%2220%22 x2=%22274%22 y2=%22116%22/%3E%3Cline x1=%22291%22 y1=%2220%22 x2=%22291%22 y2=%22116%22/%3E%3C/g%3E%3Cg fill=%22%23e8e8e8%22 stroke=%22none%22%3E%3Crect x=%2281.5%22 y=%2220%22 width=%2211%22 height=%2258%22/%3E%3Crect x=%2298.5%22 y=%2220%22 width=%2211%22 height=%2258%22/%3E%3Crect x=%22132.5%22 y=%2220%22 width=%2211%22 height=%2258%22/%3E%3Crect x=%22149.5%22 y=%2220%22 width=%2211%22 height=%2258%22/%3E%3Crect x=%22166.5%22 y=%2220%22 width=%2211%22 height=%2258%22/%3E%3Crect x=%22200.5%22 y=%2220%22 width=%2211%22 height=%2258%22/%3E%3Crect x=%22217.5%22 y=%2220%22 width=%2211%22 height=%2258%22/%3E%3Crect x=%22251.5%22 y=%2220%22 width=%2211%22 height=%2258%22/%3E%3Crect x=%22268.5%22 y=%2220%22 width=%2211%22 height=%2258%22/%3E%3Crect x=%22285.5%22 y=%2220%22 width=%2211%22 height=%2258%22/%3E%3C/g%3E%3Cpath d=%22M84 116 V146 H6%22 stroke=%22%23e0506e%22 stroke-dasharray=%226 6%22/%3E%3Cpath d=%22M16 136 L2 146 L16 156%22 stroke=%22%23e0506e%22 stroke-width=%222.4%22/%3E%3Ctext x=%2224%22 y=%22178%22 fill=%22%23e8e8e8%22 stroke=%22none%22 font-size=%2213%22 letter-spacing=%222.5%22 font-family=%22Helvetica, Arial, sans-serif%22 opacity=%22.6%22%3EMIDI OUT%3C/text%3E%3C/svg%3E") no-repeat center / contain;
}
/* GIF Solo-Zoom más chico */
.avr-zoom img { max-width: 460px !important; margin-left: auto !important; margin-right: auto !important; }
body.mobile .avr-zoom img { max-width: 100% !important; }
/* Celular: teclado debajo del GIF con flecha hacia arriba */
body.mobile .avr-notes-row { flex-direction: column; gap: 10px; }
body.mobile .avr-midi { width: 80%; max-width: 320px; margin: 0 auto; }
body.mobile .avr-midi-art {
  aspect-ratio: 300 / 175;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%220 0 300 175%22 xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 stroke=%22%23e8e8e8%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg stroke-width=%221.6%22%3E%3Crect x=%2231%22 y=%2270%22 width=%22238%22 height=%2296%22 rx=%223%22/%3E%3Cline x1=%2248%22 y1=%2270%22 x2=%2248%22 y2=%22166%22/%3E%3Cline x1=%2265%22 y1=%2270%22 x2=%2265%22 y2=%22166%22/%3E%3Cline x1=%2282%22 y1=%2270%22 x2=%2282%22 y2=%22166%22/%3E%3Cline x1=%2299%22 y1=%2270%22 x2=%2299%22 y2=%22166%22/%3E%3Cline x1=%22116%22 y1=%2270%22 x2=%22116%22 y2=%22166%22/%3E%3Cline x1=%22133%22 y1=%2270%22 x2=%22133%22 y2=%22166%22/%3E%3Cline x1=%22150%22 y1=%2270%22 x2=%22150%22 y2=%22166%22/%3E%3Cline x1=%22167%22 y1=%2270%22 x2=%22167%22 y2=%22166%22/%3E%3Cline x1=%22184%22 y1=%2270%22 x2=%22184%22 y2=%22166%22/%3E%3Cline x1=%22201%22 y1=%2270%22 x2=%22201%22 y2=%22166%22/%3E%3Cline x1=%22218%22 y1=%2270%22 x2=%22218%22 y2=%22166%22/%3E%3Cline x1=%22235%22 y1=%2270%22 x2=%22235%22 y2=%22166%22/%3E%3Cline x1=%22252%22 y1=%2270%22 x2=%22252%22 y2=%22166%22/%3E%3C/g%3E%3Cg fill=%22%23e8e8e8%22 stroke=%22none%22%3E%3Crect x=%2242.5%22 y=%2270%22 width=%2211%22 height=%2258%22/%3E%3Crect x=%2259.5%22 y=%2270%22 width=%2211%22 height=%2258%22/%3E%3Crect x=%2293.5%22 y=%2270%22 width=%2211%22 height=%2258%22/%3E%3Crect x=%22110.5%22 y=%2270%22 width=%2211%22 height=%2258%22/%3E%3Crect x=%22127.5%22 y=%2270%22 width=%2211%22 height=%2258%22/%3E%3Crect x=%22161.5%22 y=%2270%22 width=%2211%22 height=%2258%22/%3E%3Crect x=%22178.5%22 y=%2270%22 width=%2211%22 height=%2258%22/%3E%3Crect x=%22212.5%22 y=%2270%22 width=%2211%22 height=%2258%22/%3E%3Crect x=%22229.5%22 y=%2270%22 width=%2211%22 height=%2258%22/%3E%3Crect x=%22246.5%22 y=%2270%22 width=%2211%22 height=%2258%22/%3E%3C/g%3E%3Cpath d=%22M150 70 V6%22 stroke=%22%23e0506e%22 stroke-dasharray=%226 6%22/%3E%3Cpath d=%22M140 16 L150 2 L160 16%22 stroke=%22%23e0506e%22 stroke-width=%222.4%22/%3E%3Ctext x=%22164%22 y=%2244%22 fill=%22%23e8e8e8%22 stroke=%22none%22 font-size=%2213%22 letter-spacing=%222.5%22 font-family=%22Helvetica, Arial, sans-serif%22 opacity=%22.6%22%3EMIDI OUT%3C/text%3E%3C/svg%3E") !important;
}
body.mobile .avr-midi-note { margin: 12px 0 0 0; text-align: center; }
/* Celular: teclado pegado al GIF */
body.mobile .avr-notes-gif,
body.mobile .avr-midi { flex: none !important; }
body.mobile .avr-notes-gif { width: 100%; }
body.mobile .avr-notes-row { gap: 4px !important; }
/* GIF ancho: cada step con sus notas MIDI */
.avr-steps-text { margin-top: 40px; margin-bottom: 20px !important; }
.avr-wide img { width: 100% !important; height: auto !important; max-width: 1000px !important; margin: 0 auto !important; display: block; border-radius: 10px; }
/* Frase debajo del GIF de 4 Simultaneous Layers */
.avr-after {
  font-size: 23px; line-height: 1.4; font-weight: 600;
  opacity: .9; max-width: 720px; margin: 28px auto 0;
}
body.mobile .avr-after { font-size: 19px; }
/* Título de la sección de los dos GIFs */
.avr-split-title { max-width: 900px; margin: 0 auto; padding: 0 6vw 44px; text-align: center; }
body.mobile .avr-split-title { padding: 0 24px 32px; }
/* Visual Lock: foto arriba, GIF a la izquierda y texto a la derecha */
.avr-vl-photo { max-width: 860px; margin: 0 auto 48px; }
.avr-vl-photo img { width: 100% !important; height: auto !important; display: block; border-radius: 12px; }
.avr-vl {
  display: grid; grid-template-columns: 300px 1fr; gap: 48px; align-items: center;
  max-width: 860px; margin: 0 auto; text-align: left;
}
.avr-vl-left img { width: 100% !important; height: auto !important; display: block; border-radius: 12px; }
.avr-vl-text { font-size: 20px; line-height: 1.5; opacity: .85; }

body.mobile .avr-vl { grid-template-columns: 1fr; gap: 28px; text-align: center; }
body.mobile .avr-vl-left { max-width: 260px; margin: 0 auto; }
/* AVR Receiver (mitad de tamaño) */
.avr-receiver img { width: 100% !important; max-width: 160px !important; height: auto !important; margin: 0 auto !important; display: block; border-radius: 10px; }
body.mobile .avr-receiver img { max-width: 140px !important; }
/* AVR Receiver + AVR Audio Sensor lado a lado */
.avr-duo {
  display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start;
  max-width: 900px; margin: 0 auto; padding: 0 6vw 120px; text-align: center;
}
.avr-duo .avr-h2 { margin-bottom: 12px; }
.avr-duo-text {
  font-size: 18px; line-height: 1.5; opacity: .7;
  max-width: 360px; min-height: 4.5em; margin: 0 auto 24px;
}
.avr-duo-img img { width: 100% !important; max-width: 180px !important; height: auto !important; margin: 0 auto !important; display: block; border-radius: 10px; }

body.mobile .avr-duo { grid-template-columns: 1fr; gap: 56px; padding: 0 24px 80px; }
body.mobile .avr-duo-text { min-height: 0; }
/* Receiver y Audio Sensor exactamente del mismo tamaño */
.avr-duo-img img {
  width: 180px !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 380 / 510 !important;
  object-fit: cover;
  object-position: center;
}
/* Cam Mode: texto a la izquierda, GIF a la derecha */
.avr-cam-row {
  display: grid; grid-template-columns: 1fr 280px; gap: 56px; align-items: center;
  max-width: 860px; margin: 0 auto; text-align: left;
}
.avr-cam-info .avr-h2 { margin-bottom: 10px; }
.avr-cam-sub { font-size: 15px; letter-spacing: .12em; text-transform: uppercase; opacity: .55; margin-bottom: 22px; }
.avr-cam-text { font-size: 20px; line-height: 1.5; opacity: .85; }
.avr-cam img { width: 100% !important; height: auto !important; display: block; border-radius: 12px; }

body.mobile .avr-cam-row { grid-template-columns: 1fr; gap: 32px; text-align: center; }
body.mobile .avr-cam { max-width: 240px; margin: 0 auto; }
/* Cam Mode: título centrado arriba */
.avr-cam-title { text-align: center; margin-bottom: 40px !important; }
/* This is AVR */
.avr-this { max-width: 1200px; margin: 0 auto; padding: 40px 6vw 140px; text-align: center; }
.avr-this-title { font-size: clamp(56px, 9vw, 130px); font-weight: 800; line-height: .95; letter-spacing: -.03em; }
.avr-this-sub { font-size: clamp(24px, 3vw, 44px); font-weight: 300; margin: 12px 0 56px; opacity: .9; }
.avr-this-img img { width: 100% !important; max-width: 1100px !important; height: auto !important; margin: 0 auto !important; display: block; border-radius: 16px; }
body.mobile .avr-this { padding: 20px 16px 90px; }
/* Portada todavía más arriba */
.avr-hero {
  padding-top: 0 !important;
  margin-top: -40px !important;
}
body.mobile .avr-hero { margin-top: -20px !important; }
/* Portada: frase separada */
.avr-hero .avr-p-tight { margin-bottom: 14px !important; }
.avr-hero .avr-tagline { font-weight: 600; opacity: .95; }
/* Portada: todo más arriba y más aire debajo de "Adaptive Video Reactive" */
.avr-hero { margin-top: -140px !important; }
.avr-hero .avr-h1-sub { margin: 14px 0 48px !important; }
body.mobile .avr-hero { margin-top: -70px !important; }
body.mobile .avr-hero .avr-h1-sub { margin-bottom: 32px !important; }
/* Portada: frase "Capture video movement…" más ancha */
.avr-hero-text { max-width: 1000px !important; }
.avr-hero .avr-p-tight { max-width: 900px !important; }
/* GIF grande después de la portada */
.avr-screen { max-width: 900px; margin: 0 auto; padding: 20px 6vw 40px; }
.avr-screen img { width: 100% !important; height: auto !important; display: block; border-radius: 14px; }
body.mobile .avr-screen { padding: 10px 16px 30px; }
/* Foto en el bloque final de compra */
.avr-product-img img { width: 100% !important; height: auto !important; display: block; border-radius: 14px; }
/* Visual Lock: dos GIFs del mismo tamaño + texto */
.avr-vl3 { grid-template-columns: 240px 240px 1fr !important; gap: 32px !important; max-width: 1000px !important; }
.avr-vl3 .avr-vl-left img { aspect-ratio: 400 / 700 !important; object-fit: cover; }
body.mobile .avr-vl3 { grid-template-columns: 1fr 1fr !important; gap: 16px !important; }
body.mobile .avr-vl3 .avr-vl-left { max-width: none !important; }
body.mobile .avr-vl3 .avr-vl-text { grid-column: 1 / -1; margin-top: 12px; }
/* Visual Lock: frase arriba y tres GIFs iguales */
.avr-vl-top-text { font-size: 20px; line-height: 1.5; opacity: .85; max-width: 720px; margin: 0 auto 36px; }
.avr-vl-trio { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 860px; margin: 0 auto; }
.avr-vl-trio img { width: 100% !important; height: auto !important; aspect-ratio: 400 / 700 !important; object-fit: cover; display: block; border-radius: 12px; }
body.mobile .avr-vl-trio { gap: 8px; }
body.mobile .avr-vl-top-text { font-size: 17px; }
/* Camera Mode: dos GIFs con la misma altura */
.avr-cam-pair { display: flex; justify-content: center; align-items: center; gap: 24px; flex-wrap: wrap; }
.avr-cam-item img { height: 440px !important; width: auto !important; max-width: 100% !important; display: block; border-radius: 12px; }
body.mobile .avr-cam-item img { height: 260px !important; }
/* Borde completo en los botones "Try free for 14 days" */
body .avr-page a.avr-btn.avr-btn-ghost,
body .avr-page a.avr-btn.avr-btn-ghost:hover {
  border: 1px solid rgba(255, 255, 255, .5) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .5) !important;
  box-sizing: border-box !important;
}
/* Requisitos chicos en la portada */
.avr-hero-req { font-size: 13px; letter-spacing: .04em; opacity: .5; margin-top: 22px; }
body.mobile .avr-hero-req { font-size: 12px; line-height: 1.6; }
/* Pie: íconos de Instagram y mail */
.avr-footer, .avr-social a { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif, Icons !important; }
.avr-social { display: flex; gap: 22px; align-items: center; }
.avr-social a { font-size: 26px; line-height: 1; color: #eee !important; opacity: .8; transition: opacity .2s; }
.avr-social a:hover { opacity: 1; }
/* Receiver y Audio Sensor completos, sin recorte, con la misma altura */
.avr-duo-img img {
  height: 250px !important;
  width: auto !important;
  max-width: 100% !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}
body.mobile .avr-duo-img img { height: 220px !important; }
/* Texto del sistema de captura antes de 4 Simultaneous Layers */
.avr-system { max-width: 820px; margin: 0 auto; padding: 60px 6vw 80px; text-align: center; }
.avr-system-text { font-size: clamp(20px, 2vw, 26px); line-height: 1.45; font-weight: 600; opacity: .92; }
.avr-system-keys { margin-top: 18px; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; opacity: .55; }
body.mobile .avr-system { padding: 40px 24px 60px; }
/* Frase del sistema de captura más grande */
.avr-system { max-width: 1000px !important; }
.avr-system-text { font-size: clamp(26px, 3vw, 40px) !important; line-height: 1.3 !important; }
body.mobile .avr-system-text { font-size: 22px !important; }
/* Camera Mode: tres GIFs en una fila */
.avr-cam-pair { gap: 18px !important; flex-wrap: nowrap !important; }
.avr-cam-item img { height: 380px !important; }
body.mobile .avr-cam-pair { gap: 8px !important; }
body.mobile .avr-cam-item img { height: 170px !important; }