:root{--black:#090909;--black-2:#101010;--paper:#f1efe8;--ink:#101010;--muted:#979691;--line:#2b2b2b;--accent:#ffc400;--max:1240px;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:76px}body{font-family:Manrope,Arial,sans-serif;background:var(--black);color:var(--paper);line-height:1.5;-webkit-font-smoothing:antialiased}body.lightbox-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.skip-link{position:fixed;top:-60px;left:16px;z-index:100;background:var(--accent);color:#000;padding:12px}.skip-link:focus{top:12px}.site-header{height:76px;position:fixed;inset:0 0 auto;z-index:30;background:rgba(9,9,9,.82);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px)}.header-inner,.brand,.main-nav,.hero-actions,.section-heading,.project-meta,.footer-inner,.footer-links{display:flex;align-items:center}.header-inner{height:100%;justify-content:space-between}.brand{gap:10px;font-size:.8rem;font-weight:800;letter-spacing:.14em}.brand-symbol{position:relative;display:grid;width:34px;height:34px;place-items:center;border:1px solid #454545;border-radius:50%;font-size:1.05rem;letter-spacing:0}.brand-symbol>span{position:absolute;top:1px;right:2px;color:var(--accent);font-size:.55rem}.main-nav{gap:31px;font-size:.78rem;font-weight:700}.main-nav>a:not(.nav-cta){color:#aaa}.main-nav>a:hover{color:#fff}.nav-cta{border:1px solid #4a4a4a;padding:10px 16px;border-radius:99px}.nav-cta:hover{border-color:var(--accent)}.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid #444;border-radius:99px;padding:8px 12px;font-size:.7rem;font-weight:700;letter-spacing:.1em}.hero{padding-top:76px;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center;flex:1;padding-block:92px 70px}.eyebrow,.section-label{color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.16em}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:30px}.eyebrow i{width:28px;height:2px;background:var(--accent)}h1{max-width:920px;font-size:clamp(3.5rem,7.4vw,7rem);line-height:.91;letter-spacing:-.075em}h1 em{color:var(--accent);font-style:normal}.hero-copy{max-width:630px;margin:32px 0;color:#aaa;font-size:clamp(1rem,1.45vw,1.25rem)}.hero-actions{gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;padding:16px 22px;font-weight:800;cursor:pointer}.primary{background:var(--accent);color:#090909}.primary:hover{background:#ffda49}.text-link{padding:12px 0;border-bottom:1px solid #555;font-weight:700}.signal{position:relative;aspect-ratio:1;display:grid;place-items:center}.signal-line{position:absolute;background:#333}.signal-line-x{width:100%;height:1px}.signal-line-y{height:100%;width:1px}.signal-ring{position:absolute;border:1px solid #333;border-radius:50%}.ring-one{inset:7%}.ring-two{inset:24%;border-color:#505050}.signal-core{z-index:1;display:flex;width:42%;aspect-ratio:1;align-items:center;justify-content:center;flex-direction:column;background:var(--accent);color:#000;border-radius:50%;font-size:.57rem;font-weight:800;letter-spacing:.12em}.signal-core strong{font-size:2.3rem;line-height:1}.ticker{padding:13px 0;border-block:1px solid var(--line);overflow:hidden;white-space:nowrap;color:#6d6d6d;font-size:.68rem;letter-spacing:.19em}.ticker div{width:max-content;animation:ticker 26s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.section{padding:125px 0;border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 3fr;gap:70px}.section h2{font-size:clamp(2.4rem,5.1vw,5rem);line-height:1;letter-spacing:-.06em}.section h2 span{color:#737373}.manifesto .split>div>p{max-width:760px;margin-top:34px;color:#9d9d9d;font-size:1.12rem}.section-heading{justify-content:space-between;gap:40px;margin-bottom:65px}.section-heading .section-label{margin-bottom:18px}.section-heading>p{max-width:400px;color:#706f6a}.work{background:var(--paper);color:var(--ink)}.work .section-label{color:#6c6b66}.project{margin-top:80px}.project-heading{display:grid;grid-template-columns:.55fr 1.45fr;gap:45px;align-items:end;margin-bottom:34px}.project-heading>div{display:flex;gap:18px;align-items:center;color:#65645f;font-size:.68rem;font-weight:800;letter-spacing:.13em}.project-index{display:grid;width:36px;height:36px;place-items:center;border:1px solid #aaa;border-radius:50%}.project-heading h3{font-size:clamp(2rem,4.2vw,4.3rem);line-height:1;letter-spacing:-.055em}.project-heading h3 em{color:#8b8982;font-style:normal}.food-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:repeat(2,minmax(250px,340px));gap:10px}.gallery-item{position:relative;display:block;width:100%;height:100%;padding:0;border:0;overflow:hidden;background:#111;cursor:zoom-in}.gallery-item--hero{grid-row:span 2}.gallery-item--wide{grid-column:1/-1;height:430px}.gallery-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .75s var(--ease),filter .4s ease}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.72));opacity:0;transition:opacity .3s}.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.035);filter:brightness(.8)}.gallery-item:hover:after,.gallery-item:focus-visible:after{opacity:1}.open-label{position:absolute;right:20px;bottom:18px;z-index:2;display:flex;align-items:center;gap:12px;color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.14em;opacity:0;transform:translateY(8px);transition:.3s}.open-label b{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%}.gallery-item:hover .open-label,.gallery-item:focus-visible .open-label{opacity:1;transform:none}.project-meta{justify-content:space-between;padding:17px 0;border-bottom:1px solid #aaa;color:#6b6964;font-size:.65rem;font-weight:800;letter-spacing:.12em}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:95px}.project-small{margin-top:0}.gallery-item--portrait{height:650px}.small-project-copy{padding-top:20px;border-top:1px solid #aaa}.small-project-copy span{color:#777570;font-size:.65rem;font-weight:800;letter-spacing:.12em}.small-project-copy h3{margin:10px 0 7px;font-size:1.65rem;letter-spacing:-.035em}.small-project-copy p{color:#74726d;font-size:.75rem}.next-project{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:100px;padding:38px 0;border-block:1px solid #aaa;font-size:.7rem;font-weight:800;letter-spacing:.13em}.next-project a{font-size:clamp(1.2rem,2.5vw,2.2rem);letter-spacing:-.04em}.next-project a span{color:#b28b00}.services{background:var(--black-2)}.services h2{margin-bottom:55px}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:72px 1fr;padding:30px 0;border-bottom:1px solid var(--line)}.service-list article>span{color:var(--accent);font-size:.68rem}.service-list h3{margin-bottom:8px;font-size:1.45rem}.service-list p{max-width:650px;color:#8e8e8e}.process .section-heading>p{color:#888}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;border-top:1px solid var(--line)}.process-grid li{min-height:240px;padding:30px 25px 12px;border-right:1px solid var(--line)}.process-grid li:first-child{padding-left:0}.process-grid span{color:var(--accent);font-size:.67rem}.process-grid h3{margin:65px 0 12px;font-size:1.35rem}.process-grid p{color:#888;font-size:.88rem}.contact{background:var(--paper);color:var(--ink)}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:100px}.contact h2{margin-top:22px}.availability{display:flex;align-items:center;gap:10px;margin-top:35px;font-size:.78rem}.availability i{width:8px;height:8px;background:#3fc66a;border-radius:50%;box-shadow:0 0 0 6px rgba(63,198,106,.14)}.contact-form{display:grid;gap:24px}.contact-form label{display:grid;gap:8px;font-size:.74rem;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:12px 0;border:0;border-bottom:1px solid #999;border-radius:0;outline:0;background:transparent;color:#111}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#111}.contact-form textarea{resize:vertical}.contact-form .button{width:100%;margin-top:4px}.form-note{text-align:center;color:#6c6b66;font-size:.68rem}.site-footer{padding:48px 0}.footer-inner{justify-content:space-between;gap:30px;color:#777;font-size:.7rem}.footer-inner>div:first-child>p{margin-top:9px}.footer-links{gap:22px;color:#ddd}.footer-links a:hover{color:var(--accent)}.lightbox{width:100%;max-width:none;height:100%;max-height:none;padding:0;border:0;background:rgba(5,5,5,.98);color:#fff}.lightbox[open]{display:grid;grid-template-columns:78px 1fr 78px;align-items:center}.lightbox::backdrop{background:#000}.lightbox-top{position:fixed;inset:20px 26px auto;z-index:2;display:flex;justify-content:space-between;color:#aaa;font-size:.68rem;font-weight:800;letter-spacing:.13em}.lightbox-close{border:0;background:transparent;color:#fff;cursor:pointer;font-size:inherit;font-weight:inherit;letter-spacing:inherit}.lightbox figure{display:grid;height:100vh;place-items:center;padding:60px 10px 38px}.lightbox-image{display:block;max-width:100%;max-height:calc(100vh - 125px);object-fit:contain}.lightbox figcaption{margin-top:12px;color:#999;font-size:.68rem;letter-spacing:.1em;text-align:center}.lightbox-arrow{height:100%;border:0;background:transparent;color:#fff;cursor:pointer;font-size:1.7rem;opacity:.55}.lightbox-arrow:hover{opacity:1}
@media(max-width:850px){.container{width:min(calc(100% - 32px),var(--max))}.site-header{height:68px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;align-items:stretch;flex-direction:column;padding:25px 20px;background:#090909;border-bottom:1px solid #333}.main-nav.open{display:flex}.hero{padding-top:68px}.hero-grid{grid-template-columns:1fr;padding-block:72px 55px}.signal{display:none}.section{padding:88px 0}.split,.contact-grid{grid-template-columns:1fr;gap:35px}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:48px}.project-heading{grid-template-columns:1fr;gap:22px}.food-grid{grid-template-columns:1fr 1fr;grid-template-rows:440px 240px}.gallery-item--hero{grid-column:1/-1;grid-row:auto}.gallery-item--wide{height:330px}.project-pair{margin-top:70px}.gallery-item--portrait{height:520px}.process-grid{grid-template-columns:1fr 1fr}.process-grid li{border-bottom:1px solid var(--line)}.next-project{align-items:flex-start;flex-direction:column}.footer-inner{align-items:flex-start;flex-direction:column}.open-label{opacity:1;transform:none}.lightbox[open]{grid-template-columns:48px 1fr 48px}}
@media(max-width:540px){h1{font-size:clamp(3.1rem,16.5vw,5rem)}.hero-actions{align-items:stretch;flex-direction:column;gap:10px}.text-link{text-align:center}.section{padding:72px 0}.food-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding-bottom:8px}.food-grid .gallery-item{flex:0 0 86vw;height:480px;scroll-snap-align:center}.project-pair{grid-template-columns:1fr}.gallery-item--portrait{height:520px}.project-meta{align-items:flex-start;flex-direction:column;gap:7px}.process-grid{grid-template-columns:1fr}.process-grid li{min-height:0;padding:26px 0;border-right:0}.process-grid h3{margin:34px 0 7px}.lightbox[open]{grid-template-columns:40px 1fr 40px}.lightbox-top{inset:16px}.lightbox figure{padding-inline:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}*{transition:none!important}}

/* Portfolio comercial */
.web-showcase{display:grid;grid-template-columns:.75fr 1.25fr;min-height:610px;background:#111;color:#fff}.web-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,72px)}.web-kicker{color:var(--accent);font-size:.65rem;font-weight:800;letter-spacing:.14em}.web-copy h4{margin:22px 0;font-size:clamp(1.7rem,3vw,3rem);line-height:1.05;letter-spacing:-.045em}.web-copy>p:not(.web-kicker){color:#9b9b9b}.web-copy ul{display:grid;gap:9px;margin:28px 0 36px;list-style:none;color:#c3c3c3;font-size:.78rem}.web-copy li:before{content:"↗";margin-right:9px;color:var(--accent)}.project-link{align-self:flex-start;padding-bottom:7px;border-bottom:1px solid #666;font-size:.7rem;font-weight:800;letter-spacing:.13em}.project-link span{color:var(--accent)}.browser-stage{position:relative;align-self:center;width:calc(100% - 45px);height:78%;overflow:hidden;background:#f1e5cb;box-shadow:30px 34px 0 #761214}.browser-chrome{display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;background:#e5e5e5;color:#777}.browser-chrome i{width:7px;height:7px;background:#9a9a9a;border-radius:50%}.browser-chrome span{margin-left:12px;font-size:.58rem}.browser-screen{position:relative;height:calc(100% - 38px);padding:55px;background:#f5dfb7;color:#84151a}.rodeo-brand{font-size:clamp(2.5rem,5vw,5.5rem);font-weight:800;line-height:.77;letter-spacing:-.075em}.rodeo-brand strong{color:#174b2b}.rodeo-card{position:absolute;right:8%;bottom:27%;display:flex;align-items:center;gap:20px;padding:18px;background:#174b2b;color:#fff;font-size:.58rem;font-weight:800;letter-spacing:.12em}.rodeo-card b{color:var(--accent);font-size:1.2rem}.rodeo-products{position:absolute;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;height:19%;padding:8px 55px;background:#8a1117}.rodeo-products i{background:#f0d5a3;border-radius:50% 50% 4px 4px}.browser-open{position:absolute;right:16px;bottom:14px;padding:10px 13px;background:#111;color:#fff;font-size:.58rem;font-weight:800;letter-spacing:.12em}.brand-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-template-rows:repeat(2,270px);gap:10px}.brand-grid .brand-main{grid-row:span 2}.brand-grid img{object-position:center}.brand-summary{display:flex;justify-content:space-between;gap:40px;padding:18px 0;border-bottom:1px solid #aaa;color:#6b6964;font-size:.72rem}.brand-summary p:first-child{max-width:560px}.brand-summary p:last-child{font-weight:800;letter-spacing:.1em}.explore-top{display:flex;align-items:end;justify-content:space-between;gap:30px}.explore-top .section-label{margin-bottom:14px}.explore-top h3{font-size:clamp(2.3rem,4.8vw,4.8rem);line-height:1;letter-spacing:-.06em}.explore-intro{max-width:670px;margin:24px 0 38px;color:#77746e}.carousel-controls{display:flex;gap:8px}.carousel-controls button{display:grid;width:48px;height:48px;place-items:center;border:1px solid #aaa;border-radius:50%;background:transparent;cursor:pointer;font-size:1.2rem}.carousel-controls button:hover{background:#111;color:#fff}.explore-track{display:flex;gap:14px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#111 #d2d0c9}.explore-card{flex:0 0 min(38vw,450px);scroll-snap-align:start}.explore-card>.gallery-item{height:570px}.explore-card--menu>.gallery-item{background:#eae4db}.explore-card--menu img{object-fit:contain}.explore-card--logo>.gallery-item{background:#1f1f1f}.explore-card--logo img{object-fit:contain;padding:36px}.explore-card>div{padding:16px 0 28px;border-top:1px solid #aaa}.explore-card span,.audio-info span{color:#77746e;font-size:.62rem;font-weight:800;letter-spacing:.12em}.explore-card h4{margin:8px 0 4px;font-size:1.3rem}.explore-card p{color:#77746e;font-size:.72rem}.sound-project{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:85px 0;border-block:1px solid #aaa}.sound-copy>div{display:flex;align-items:center;gap:17px;color:#65645f;font-size:.68rem;font-weight:800;letter-spacing:.13em}.sound-copy h3{margin:35px 0 22px;font-size:clamp(2rem,3.7vw,4rem);line-height:1;letter-spacing:-.055em}.sound-copy h3 em{color:#8b8982;font-style:normal}.sound-copy>p{max-width:520px;color:#77746e}.audio-card{align-self:center;padding:35px;background:#111;color:#fff}.waveform{height:100px;margin-bottom:27px;background:repeating-linear-gradient(90deg,var(--accent) 0 3px,transparent 3px 9px);clip-path:polygon(0 48%,3% 30%,6% 65%,9% 20%,12% 70%,15% 36%,18% 58%,21% 12%,24% 80%,27% 42%,30% 62%,33% 25%,36% 74%,39% 35%,42% 55%,45% 16%,48% 85%,51% 28%,54% 69%,57% 40%,60% 60%,63% 18%,66% 78%,69% 30%,72% 64%,75% 42%,78% 70%,81% 22%,84% 58%,87% 38%,90% 72%,93% 34%,96% 62%,100% 48%,100% 52%,0 52%)}.audio-info h4{margin:7px 0 24px;font-size:1.4rem}.audio-card audio{width:100%;accent-color:var(--accent)}.audio-card>p{margin-top:14px;color:#777;font-size:.65rem;letter-spacing:.1em}.handoff{width:min(calc(100% - 32px),650px);padding:42px;border:0;background:#111;color:#fff}.handoff::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(8px)}.handoff h2{margin:16px 0;font-size:clamp(2rem,5vw,3.6rem);line-height:1;letter-spacing:-.055em}.handoff>p:not(.section-label){color:#aaa}.handoff-close{position:absolute;top:16px;right:18px;border:0;background:transparent;color:#fff;cursor:pointer;font-size:1.3rem}.handoff-video-placeholder{display:grid;height:190px;margin:28px 0;place-items:center;border:1px solid #333;background:radial-gradient(circle at center,#292929,#151515);color:#777;font-size:.63rem;font-weight:800;letter-spacing:.13em;text-align:center}.handoff .button{width:100%}
@media(max-width:850px){.web-showcase{grid-template-columns:1fr}.browser-stage{width:calc(100% - 32px);height:500px;margin:0 auto 55px}.brand-grid{grid-template-columns:1fr 1fr;grid-template-rows:430px 240px 240px}.brand-grid .brand-main{grid-column:1/-1;grid-row:auto}.brand-summary,.sound-project{grid-template-columns:1fr}.brand-summary{align-items:flex-start;flex-direction:column}.sound-project{display:grid;gap:40px}.explore-card{flex-basis:min(72vw,430px)}}
@media(max-width:540px){.web-copy{padding:34px 25px}.browser-stage{height:390px;box-shadow:12px 16px 0 #761214}.browser-screen{padding:35px 25px}.rodeo-products{padding-inline:25px}.brand-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.brand-grid .gallery-item{flex:0 0 86vw;height:440px;scroll-snap-align:center}.explore-card{flex-basis:84vw}.explore-card>.gallery-item{height:500px}.sound-project{padding-block:65px}.audio-card{padding:25px 20px}.handoff{padding:34px 22px}.handoff-video-placeholder{height:150px}}
/* RODEO CRUZELI'S — CAPTURAS MÓVILES */

.rodeo-preview {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  align-self: stretch;
  min-height: 610px;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 50% 68%,
      rgba(255, 196, 0, 0.22),
      transparent 25%
    ),
    #8c1117;
  color: #fff;
  isolation: isolate;
}

/* Textura sutil para que el fondo no quede vacío */

.rodeo-preview::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.16;
  background-image:
    linear-gradient(
      rgba(255, 255, 255, 0.08) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.08) 1px,
      transparent 1px
    );
  background-size: 45px 45px;
}

.rodeo-preview__label,
.rodeo-preview__footer {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 26px;
  font-size: 0.6rem;
  font-weight: 800;
  letter-spacing: 0.13em;
}

.rodeo-preview__label {
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.68);
}

.rodeo-preview__footer {
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.rodeo-preview__footer span {
  color: rgba(255, 255, 255, 0.55);
}

.rodeo-preview__footer strong {
  color: #ffc400;
}

/* Área de composición */

.rodeo-preview__composition {
  position: relative;
  min-height: 510px;
}

/* Todos los dispositivos */

.rodeo-device {
  position: absolute;
  overflow: hidden;
  background: #111;
  border: 5px solid #111;
  box-shadow: 0 30px 55px rgba(0, 0, 0, 0.4);
  transition:
    transform 500ms cubic-bezier(.2, .7, .2, 1),
    filter 350ms ease;
}

.rodeo-device img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: top;
}

/* Celular principal */

.rodeo-device--main {
  z-index: 5;
  left: 50%;
  bottom: -35px;
  width: 210px;
  height: 455px;
  border-radius: 28px 28px 0 0;
  transform: translateX(-50%);
}

/* Captura horizontal izquierda */

.rodeo-device--left {
  z-index: 2;
  left: 4%;
  bottom: 50px;
  width: 48%;
  height: 245px;
  border-radius: 8px;
  transform: rotate(-4deg);
}

/* Captura pequeña central */

.rodeo-device--center {
  z-index: 3;
  right: 5%;
  bottom: 190px;
  width: 37%;
  height: 205px;
  border-radius: 8px;
  transform: rotate(3deg);
}

/* Checkout vertical */

.rodeo-device--right {
  z-index: 4;
  right: 7%;
  bottom: -42px;
  width: 165px;
  height: 355px;
  border-radius: 24px 24px 0 0;
  transform: rotate(2deg);
}

/* Hover */

.rodeo-preview:hover .rodeo-device--main {
  transform: translateX(-50%) translateY(-12px);
}

.rodeo-preview:hover .rodeo-device--left {
  transform: rotate(-5deg) translate(-5px, -5px);
}

.rodeo-preview:hover .rodeo-device--center {
  transform: rotate(4deg) translate(5px, -7px);
}

.rodeo-preview:hover .rodeo-device--right {
  transform: rotate(3deg) translateY(-8px);
}

/* TABLET */

@media (max-width: 850px) {
  .rodeo-preview {
    min-height: 590px;
  }

  .rodeo-preview__composition {
    min-height: 485px;
  }

  .rodeo-device--main {
    width: 190px;
    height: 410px;
  }

  .rodeo-device--left {
    left: -5%;
    width: 53%;
    height: 215px;
  }

  .rodeo-device--center {
    right: -3%;
    width: 43%;
    height: 185px;
  }

  .rodeo-device--right {
    right: 2%;
    width: 145px;
    height: 315px;
  }
}

/* CELULAR */

@media (max-width: 540px) {
  .rodeo-preview {
    min-height: 570px;
  }

  .rodeo-preview__label,
  .rodeo-preview__footer {
    padding: 18px;
  }

  .rodeo-preview__footer span {
    display: none;
  }

  .rodeo-preview__footer {
    justify-content: flex-end;
  }

  .rodeo-preview__composition {
    min-height: 470px;
  }

  .rodeo-device--main {
    left: 44%;
    width: 175px;
    height: 380px;
  }

  .rodeo-device--left {
    left: -18%;
    bottom: 85px;
    width: 63%;
    height: 180px;
  }

  .rodeo-device--center {
    top: 45px;
    right: -14%;
    width: 52%;
    height: 165px;
  }

  .rodeo-device--right {
    right: -5%;
    width: 125px;
    height: 275px;
  }
}