Details

Name

Rio Las Vegas Hotel & Casino

Phone Number

+1-702-777-7777

Slug

rio-las-vegas-hotel-casino

Traverse UUID

d1d6023d-51b0-49bc-b67a-a289da28c7e8

Provider

windsurfer

Provider Code

RIO89103

Domain

https://rita.riolasvegas.com

CMS URL

https://rio-web-chat.traversing.ai/

Facebook

Not Provided

Instagram

Not Provided

GTM Container ID

GTM-TLCGJ26F

PostHog Project API Key

Not Provided

PostHog Host

Not Provided

Apple Pay Domain Association

Configured

Booking Engine Deployment

Cloudflare Pages

Logo

data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc0IiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMTc0IDgwIiBjbGFzcz0iZHluYW1pYy1maWxsIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNODEuNjUzOSA3OC45OTk5VjcwLjA1NDRIODMuMzIzOVY3Ny41NjkxSDg1LjYzMDFWNzguOTk5OUg4MS42NTM5WiIgZmlsbD0iI0ZGRkZGRiIvPgo8cGF0aCBkPSJNOTIuNDg0OCA3OC45OTk5TDkyLjEwNDMgNzYuOTk2N0g5MC4xOTJMODkuODExNiA3OC45OTk5SDg4LjEyODJMOTAuMTMxNCA3MC4wNTQ0SDkyLjE2NDlMOTQuMTY4MiA3OC45OTk5SDkyLjQ4NDhaTTkxLjE0ODIgNzEuOTczNUw5MC40NjQ3IDc1LjU3OTNIOTEuODMxNkw5MS4xNDgyIDcxLjk3MzVaIiBmaWxsPSIjRkZGRkZGIi8+CjxwYXRoIGQ9Ik05Ny4xNTggNzYuOTY5OUM5Ny42ODk5IDc3LjQ0MTMgOTguMTU3OSA3Ny43NTc3IDk4Ljc2NzMgNzcuNzU3N0M5OS4zNzY3IDc3Ljc1NzcgOTkuODE0NCA3Ny4zNTcxIDk5LjgxNDQgNzYuNzE0Qzk5LjgxNDQgNzYuMDcxIDk5LjQ1MDggNzUuNTY5MyA5OC41NTUyIDc1LjA1NDJDOTcuNDY0NCA3NC40MjQ2IDk2Ljc1MDYgNzMuNTY2MSA5Ni43NTA2IDcyLjM0NzNDOTYuNzUwNiA3MC44NDU3IDk3Ljg0MTQgNjkuODU1OSA5OS4yODU4IDY5Ljg1NTlDMTAwLjA5IDY5Ljg1NTkgMTAwLjg3OCA3MC4xNDIxIDEwMS4zOCA3MC41Njk3TDEwMC45ODYgNzIuMDU3OEMxMDAuNTAxIDcxLjYxMzQgOTkuOTY5MyA3MS4zMDAyIDk5LjQ1NDEgNzEuMzAwMkM5OC44MzEzIDcxLjMwMDIgOTguNDU0MiA3MS42ODc0IDk4LjQ1NDIgNzIuMjg2N0M5OC40NTQyIDcyLjg4NiA5OC43ODc1IDczLjMwMzUgOTkuNzMwMiA3My44NzU4QzEwMC45NDIgNzQuNjA2NCAxMDEuNTIxIDc1LjQ3ODQgMTAxLjUyMSA3Ni42NTM0QzEwMS41MjEgNzguMTU1IDEwMC40NDQgNzkuMjAyMSA5OC44OTUzIDc5LjIwMjFDOTguMDYwMyA3OS4yMDIxIDk3LjI4NTkgNzguODg1NiA5Ni43NzA4IDc4LjQ1OEw5Ny4xNjQ3IDc2Ljk2OTlIOTcuMTU4WiIgZmlsbD0iI0ZGRkZGRiIvPgo8cGF0aCBkPSJNMTEwLjA5NyA3OC45OTk5TDEwOC4wOTMgNzAuMDU0NEgxMDkuNzc3TDExMS4wOTYgNzYuODY4OEwxMTIuNDE2IDcwLjA1NDRIMTE0LjFMMTEyLjEgNzguOTk5OUgxMTAuMDk3WiIgZmlsbD0iI0ZGRkZGRiIvPgo8cGF0aCBkPSJNMTE2Ljk5OCA3OC45OTk5VjcwLjA1NDRIMTIxLjE3VjcxLjQ4NTNIMTE4LjY2NVY3My44MDVIMTIwLjYwOFY3NS4yMDg5SDExOC42NjVWNzcuNTY5MUgxMjEuMTdWNzguOTk5OUgxMTYuOTk4WiIgZmlsbD0iI0ZGRkZGRiIvPgo8cGF0aCBkPSJNMTI3LjgxNiA3NS42MjMySDEyNi43MjVWNzQuMTkyM0gxMjkuMzQ4Vjc4LjQwMDhDMTI4LjgxNiA3OC45Mjk0IDEyNy45ODQgNzkuMjAyMSAxMjcuMTkzIDc5LjIwMjFDMTI1LjE5IDc5LjIwMjEgMTIzLjk3OCA3Ny44NTg3IDEyMy45NzggNzQuNTIyM0MxMjMuOTc4IDcxLjM4NzggMTI1LjE5IDY5Ljg1NTkgMTI3LjIxIDY5Ljg1NTlDMTI3Ljk5OCA2OS44NTU5IDEyOC43MTIgNzAuMDk4MyAxMjkuMjQzIDcwLjU1NjJMMTI4LjgwMiA3MS45ODcxQzEyOC4zOTIgNzEuNTczIDEyNy44NjMgNzEuMzAwMiAxMjcuMzE0IDcxLjMwMDJDMTI2LjE0NiA3MS4zMDAyIDEyNS43MDUgNzIuMzQ0IDEyNS43MDUgNzQuNDkyQzEyNS43MDUgNzYuNjQgMTI2LjIwNyA3Ny43ODQ3IDEyNy4zMjggNzcuNzg0N0MxMjcuNTEgNzcuNzg0NyAxMjcuNjYxIDc3Ljc0MDkgMTI3LjgxMyA3Ny42NzAyVjc1LjYyMzJIMTI3LjgxNloiIGZpbGw9IiNGRkZGRkYiLz4KPHBhdGggZD0iTTEzNi40OTIgNzguOTk5OUwxMzYuMTEyIDc2Ljk5NjdIMTM0LjE5OUwxMzMuODE5IDc4Ljk5OTlIMTMyLjEzNUwxMzQuMTM5IDcwLjA1NDRIMTM2LjE3MkwxMzguMTc2IDc4Ljk5OTlIMTM2LjQ5MlpNMTM1LjE1NiA3MS45NzM1TDEzNC40NzIgNzUuNTc5M0gxMzUuODM5TDEzNS4xNTYgNzEuOTczNVoiIGZpbGw9IiNGRkZGRkYiLz4KPHBhdGggZD0iTTE0MS4xNjIgNzYuOTY5OUMxNDEuNjk0IDc3LjQ0MTMgMTQyLjE2MiA3Ny43NTc3IDE0Mi43NzEgNzcuNzU3N0MxNDMuMzggNzcuNzU3NyAxNDMuODE4IDc3LjM1NzEgMTQzLjgxOCA3Ni43MTRDMTQzLjgxOCA3Ni4wNzEgMTQzLjQ1NSA3NS41NjkzIDE0Mi41NTkgNzUuMDU0MkMxNDEuNDY4IDc0LjQyNDYgMTQwLjc1NCA3My41NjYxIDE0MC43NTQgNzIuMzQ3M0MxNDAuNzU0IDcwLjg0NTcgMTQxLjg0NSA2OS44NTU5IDE0My4yOSA2OS44NTU5QzE0NC4wOTQgNjkuODU1OSAxNDQuODgyIDcwLjE0MjEgMTQ1LjM4NCA3MC41Njk3TDE0NC45OSA3Mi4wNTc4QzE0NC41MDUgNzEuNjEzNCAxNDMuOTczIDcxLjMwMDIgMTQzLjQ1OCA3MS4zMDAyQzE0Mi44MzUgNzEuMzAwMiAxNDIuNDU4IDcxLjY4NzQgMTQyLjQ1OCA3Mi4yODY3QzE0Mi40NTggNzIuODg2IDE0Mi43OTEgNzMuMzAzNSAxNDMuNzM0IDczLjg3NThDMTQ0Ljk0NiA3NC42MDY0IDE0NS41MjUgNzUuNDc4NCAxNDUuNTI1IDc2LjY1MzRDMTQ1LjUyNSA3OC4xNTUgMTQ0LjQ0OCA3OS4yMDIxIDE0Mi44OTkgNzkuMjAyMUMxNDIuMDY0IDc5LjIwMjEgMTQxLjI5IDc4Ljg4NTYgMTQwLjc3NSA3OC40NThMMTQxLjE2OSA3Ni45Njk5SDE0MS4xNjJaIiBmaWxsPSIjRkZGRkZGIi8+CjxwYXRoIGQ9Ik0xMjIuNTI3IDIuNTIwMzNDMTIyLjYyNCA2Ljc3MjU4IDEyMC4wMTUgMTAuNzM1MyAxMTYuMjQ0IDEyLjU3NjlDMTE0LjU5OCAxMy4wNTg0IDExMi43NiAxMy41NDMyIDExMS4xMiAxMi45NjQxQzExMC43MjkgMTAuNTQzNCAxMDguNjAyIDcuMjU3NCAxMTEuMTIgNS4xMjYyMkMxMTMuOTIxIDIuMDMyMTUgMTE3Ljc5MyAxLjA2MjUxIDEyMS41NjQgMC44NzA2MDVMMTIyLjUyNyAyLjUxNjk2VjIuNTIwMzNaIiBmaWxsPSIjRkZGRkZGIi8+CjxwYXRoIGQ9Ik0xMDMuODYxIDEzLjczODJDOTcuNjY2MyAxOS45Mjk3IDkyLjYzOTYgMjcuNDc0NyA4Ni42NDM0IDM0LjI0NTNDODUuMjg5OSAzNy40MzcgODguMjg2NCAzOS41NjE1IDg5LjgzNTEgNDEuODgxMkM5MS4zODA1IDQyLjM2OTQgOTMuMjE4NyA0Mi4wNzMxIDk0LjU3MjIgNDEuMzk5N0M5OS44ODgzIDM1LjUwNDUgMTA1LjEyIDI5LjUwMTUgMTA5LjE4MSAyMy4wMjcyVjE2LjA2MTNDMTA4Ljc5IDEzLjU0NjMgMTA1LjgyNyAxMi44Njk2IDEwMy44NTggMTMuNzQxNiIgZmlsbD0iI0ZGRkZGRiIvPgo8cGF0aCBkPSJNMTQyLjU0OSAxNC44OTY1QzE0Mi4wNjQgMTYuMjUzMyAxNDIuNjQ3IDE3Ljk5MDYgMTQwLjkwMyAxOC44NjI2QzEzNC4yMyAyMS43NjgxIDEyNy4wNzIgMjQuNjcwMyAxMjIuMDQyIDMwLjQ3MTJDMTI1LjcxOCAzMS40Mzc1IDEyOS41ODcgMjkuODg4OCAxMzMuMTYyIDI5LjExNzhDMTQwLjEyOCAyNi4yMTU2IDE0Ny4yODYgMjIuMzQwNCAxNTIuMzE2IDE2LjI1MzNDMTQ5LjEyMSAxNS40NzU2IDE0NS40NDggMTYuMDU4IDE0Mi41NDYgMTQuODk2NU0xNTkuNzYzIDcuMTYyOTdDMTYyLjM3NiAxMS44MDU4IDE2NS4zNzIgMTcuMTIxOSAxNjMuNDM3IDIyLjgyODZDMTU2LjM3MyAzMS4wNTAzIDE0Ni42MDkgMzUuMDE2NCAxMzYuOTMzIDM4LjIwODFDMTMwLjI2NCAzOS42NTkyIDEyMi4zMzEgNDMuMzM1NyAxMTUuNDYzIDM5LjU2MTZDMTEyLjk0NSAzNS45ODYgMTA5Ljk0OCAzMi4yMTE5IDExMC4zMzYgMjcuNjY2N0MxMTEuNzkgMjMuNDE0NCAxMTYuNTI3IDIwLjAyNzUgMTIwLjIwNCAxNy43MDQ0QzEyNS42MjQgMTMuNzM4MyAxMzEuNjIgMTEuNTEyOSAxMzcuMTMyIDcuOTM3MzNDMTM3LjYxIDcuMjYwNjEgMTM3LjkwMyA2LjI5MDk3IDEzOC43NzIgNi4yOTA5N0wxNDEuMzg0IDExLjQyMkMxNDYuODAxIDkuMjkwNzggMTUxLjYzOSA1LjIyMzcgMTU3LjkyNSA1LjgwOTUyTDE1OS43NjMgNy4xNjYzNFY3LjE2Mjk3WiIgZmlsbD0iI0ZGRkZGRiIvPgo8cGF0aCBkPSJNNjYuNjIxMiAyMy4wMjM5QzQ2LjMwOTQgMjUuMjQ5NCAyOC40MTQ5IDMzLjM3IDEwLjQyNjIgNDEuMjA0NkM3LjMzMjEgNDIuMDczMiAzLjk0NTExIDQ0LjM5NjMgMC42NTU3NjIgNDIuODUwOUMxLjUyNzc2IDQ2LjYxODMgMi40OTQwMyA1MC40OTAxIDUuMTA2NjUgNTMuNDlDNi40NjAxIDU0LjE2NjcgNy43MTU5MSA1My4zOTIzIDkuMDY5MzYgNTMuMjk4QzI3LjI1MzQgNDUuOTQxNiA0NC42NjMgMzYuODU0NyA2NC40OSAzMy4yNzI0QzY3LjAwNSAzMi44ODg2IDcwLjI5NDQgMzIuMzA2MSA3Mi42MTQxIDMzLjQ3MUM3Mi42MTQxIDMzLjk1MjUgNzIuODA5MyAzNC40NDA3IDcyLjQyMjIgMzQuNjMyNkM2NC45NzE1IDQzLjA0MjggNTQuOTE0OSA0Ny4zMDUyIDQ1LjgyNDYgNTIuODJDNDQuOTUyNiA1Ni4wMTE3IDQ2LjQwMzcgNTguNzE4NiA0Ny4yNzIzIDYxLjQyNTVDNDkuMTEzOSA2Ny4yMjk4IDU1Ljc4MzUgNjUuMDA0NCA2MC4zMzIgNjUuMTk2M0M4OS4yNTI3IDU4LjkwNzEgMTIxLjM2MiA1NC40NTk2IDE1Mi4wMjMgNjAuMDcyQzE1Ny45MjUgNjEuNzExNiAxNjQuNTk1IDYxLjkwNjkgMTY5LjA0NiA2Ni4zNTc4QzE3MC40MDIgNjEuODEyNiAxNzUuOTQxIDU0LjY1MTUgMTcwLjY4OSA1MS42NTg0QzE0OC4wNTcgNDQuMjExMSAxMjAuNjg1IDQ0LjMwNTQgOTYuMjExOSA0Ny4wMTU2Qzg0Ljc5ODUgNDguMTczOCA3My45Njc1IDUwLjU2NzYgNjIuODQzNyA1Mi42MjgxQzY5LjEyOTUgNDkuMDQ5MiA3Ni4zODQ5IDQ1LjY2NTUgODEuMDI3NyAzOS4wODY4QzgzLjQ0NSAzNS43OTc1IDgxLjQxNDkgMzEuNTM4NSA4MS4wMjc3IDI3Ljk2M0M3OC41MTI3IDIyLjY0MzUgNzIuMTI5MyAyMi45Mjk2IDY2LjYxNDUgMjMuMDMwNiIgZmlsbD0iI0ZGRkZGRiIvPgo8cGF0aCBkPSJNMzcuMDIzOSA0NC42ODkxQzMxLjAyNzYgNTQuMzU4NSAyMy4yODc0IDYyLjU4MzYgMTYuNTIwMSA3MS45NjY4QzE1LjQ1MjkgNzQuNjY3IDE3LjI5MTEgNzYuODAxNSAxOC44Mzk4IDc4LjczNEMyMy40NjU4IDgwLjczNzMgMjUuNjEwNSA3OC43MzQgMjguMTI1NCA3Ni42MDYyTDM4LjY2NjkgNjEuMjI2OEM0MC43MDA0IDU2Ljc3OTIgNDQuMTgxNiA1Mi42MjEzIDQzLjMwOTcgNDcuMjA0MUM0Mi40Mzc3IDQ0Ljc4MzQgMzkuNDQxMiA0MS43ODY5IDM3LjAyMzkgNDQuNjg1NyIgZmlsbD0iI0ZGRkZGRiIvPgo8cGF0aCBkPSJNMTY1LjQ3NyAzMy4yMzg4QzE2NS45MzEgMzMuMjM4OCAxNjYuMzM5IDMzLjIwNTEgMTY2LjMzOSAzMi42NjMxQzE2Ni4zMzkgMzIuMjI1NCAxNjUuOTQxIDMyLjE0MTIgMTY1LjU2OCAzMi4xNDEySDE2NC44MzdWMzMuMjM4OEgxNjUuNDc3Wk0xNjQuODM3IDM1LjIzMkgxNjQuMzAyVjMxLjY4NjdIMTY1LjY0OUMxNjYuNDg3IDMxLjY4NjcgMTY2LjkwMSAzMS45OTMxIDE2Ni45MDEgMzIuNjkzNEMxNjYuOTAxIDMzLjMyNjMgMTY2LjUwNCAzMy42MDU4IDE2NS45ODIgMzMuNjY5OEwxNjYuOTg5IDM1LjIzMkgxNjYuMzg2TDE2NS40NSAzMy42OTMzSDE2NC44MzRWMzUuMjMySDE2NC44MzdaTTE2NS40ODQgMzYuMDE5OEMxNjYuODc0IDM2LjAxOTggMTY3Ljk3MiAzNC45Mjg5IDE2Ny45NzIgMzMuNDUwOUMxNjcuOTcyIDMxLjk3MjkgMTY2Ljg3NCAzMC44OTg5IDE2NS40ODQgMzAuODk4OUMxNjQuMDkzIDMwLjg5ODkgMTYyLjk3OSAzMS45OTY1IDE2Mi45NzkgMzMuNDUwOUMxNjIuOTc5IDM0LjkwNTQgMTY0LjA4IDM2LjAxOTggMTY1LjQ4NCAzNi4wMTk4Wk0xNjIuMzYzIDMzLjQ1MDlDMTYyLjM2MyAzMS42ODY3IDE2My43OTMgMzAuMzg3MSAxNjUuNDg0IDMwLjM4NzFDMTY3LjE3NCAzMC4zODcxIDE2OC41OTEgMzEuNjg2NyAxNjguNTkxIDMzLjQ1MDlDMTY4LjU5MSAzNS4yMTUxIDE2Ny4xNiAzNi41MzE1IDE2NS40ODQgMzYuNTMxNUMxNjMuODA3IDM2LjUzMTUgMTYyLjM2MyAzNS4yMzIgMTYyLjM2MyAzMy40NTA5WiIgZmlsbD0iI0ZGRkZGRiIvPgo8L3N2Zz4K

Favicon

https://www.riolasvegas.com/favicon.ico

Description

Expansive suites and fine amenities paired with gaming excitement, delicious dining options, and dazzling entertainment are what you can find at Rio. Exotic and vibrant energy pulsates through the casino pulsates through the casino and into the pools of the VooDoo beach where you can take in the sun. Dining options are nothing short of impeccable with the flavorful dishes at Guy Fieri's El Burro Borracho, the best views of the city at High Steaks or a taste of Korea at Kang's Kitchen. Rio also boasts VooDoo Rooftop Nightclub & Lounge allowing you to dance the night away.

Check-in Instructions

Extra-person charges may apply and vary depending on property policy. Government-issued photo identification and a credit card deposit are required at check-in for incidental charges. A valid credit card is required for incidentals deposit, to be authorized at check-in. Deposit amount will vary based on length of stay and will be released if no charges are made to the room (timing of release varies). Suites may require additional deposits. Cash deposits will not be accepted. Special requests are subject to availability upon check-in and may incur additional charges. Special requests cannot be guaranteed.

Custom CSS

@import url("https://use.typekit.net/hys1dsx.css"); :root { --rio-dusk: #28407f; --rio-dusk-hover: #203366; --rio-guarana: #c5392f; --rio-guarana-hover: #9d2e26; --rio-sand: #fbf7f3; --rio-sand-100: #f3e4d8; --rio-body: "freight-sans-pro", sans-serif; --rio-body-cmp: "freight-sans-compressed-pro", sans-serif; --rio-display: "Manner Pro", Georgia, serif; } /* Rio's palette, expressed as the booking engine's own tokens. The product * defaults to Traversing's indigo-on-light brand; everything Rio here is an * override, applied once at the root rather than rule by rule. * * `html:root` rather than `:root`: this stylesheet is injected before the * app's, so a plain `:root` would tie on specificity and lose on order. */ html:root { --tv-ink: var(--rio-dusk); --tv-ink-soft: #3d4750; --tv-muted: #68727c; --tv-faint: #8a939c; --tv-line: rgba(40, 64, 127, 0.14); --tv-field-line: rgba(40, 64, 127, 0.25); --tv-card-line: rgba(40, 64, 127, 0.15); --tv-surface: var(--rio-sand); --tv-surface-alt: #faf7f4; --tv-surface-hover: var(--rio-sand-100); --tv-link: var(--rio-dusk); --tv-link-hover: var(--rio-dusk-hover); /* Rio's brand action is a flat guarana red, so both gradient stops match. */ --tv-accent: var(--rio-guarana); --tv-accent-hover: var(--rio-guarana-hover); --tv-accent-gradient: linear-gradient( var(--rio-guarana), var(--rio-guarana) ); --tv-accent-gradient-hover: linear-gradient( var(--rio-guarana-hover), var(--rio-guarana-hover) ); --tv-accent-tint: #fdf6f3; --tv-accent-wash: #fdefec; --tv-accent-line: #f0d8d2; --tv-offer-tint: var(--rio-sand); --tv-offer-line: #e8dbcd; /* Rio brands with a dark navy band and white header type. */ --tv-header-bg: #131c3f; --tv-header-scrim: linear-gradient( 100deg, rgba(40, 64, 127, 0.92) 0%, rgba(40, 64, 127, 0.68) 46%, rgba(40, 64, 127, 0.34) 100% ); --tv-header-fg: #fff; --tv-header-pill-bg: rgba(255, 255, 255, 0.14); --tv-header-pill-border: rgba(255, 255, 255, 0.45); } /* ---------------------------------------------------------------- baseline */ *, *::before, *::after { border-radius: 0 !important; } .rounded-full.bg-gray-900.text-white { border-radius: 9999px !important; } body { background: var(--rio-sand) !important; color: var(--rio-dusk); font-size: 18px; line-height: 1.45; font-family: var(--rio-body) !important; } h1, h2, h3 { color: var(--rio-dusk) !important; font-family: var(--rio-display) !important; font-weight: 500 !important; letter-spacing: -0.035em; line-height: 0.98; } p, li, span, label, div { font-family: var(--rio-body) !important; } button, input, select, textarea { font-family: var(--rio-body) !important; } /* -------------------------------------------------------- page composition */ /* Only the photograph itself needs a rule; the band's colours come from the * --tv-header-* tokens above. */ .traverse-page-hero img { object-position: center 48% !important; } /* The breadcrumb and stay-summary strips sit between the band and the page. */ .traverse-breadcrumb { background: var(--rio-sand) !important; border-bottom-color: rgba(40, 64, 127, 0.12) !important; } .traverse-stay-summary { background: #fff !important; } .traverse-page-title h1 { color: var(--rio-dusk) !important; } /* The page below the band is plain white; nothing to unwind here any more. */ .traverse-page-surface { background: #fff !important; } header { background: transparent !important; box-shadow: none !important; } header a.text-gray-900 { color: #fff !important; } .backdrop-blur-md.bg-white\/50.border-t.border-gray-200 { background: transparent !important; border-top: 0 !important; } .border-t.border-gray-100.p-2 a { color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important; } /* ------------------------------------------------------------ header search */ /* The form now lays itself out inside the page container, so this only needs * to sit above the page and fill its column. `z-index` stays below the account * menu's 600 so the dropdown is never painted over. */ #search { position: relative; z-index: 500; width: 100%; } [data-user-menu] { z-index: 600; } /* The search fields are separate bordered boxes now, not one segmented * control, so the left/right borders these rules used to strip are load * bearing — without them each field showed only a top and bottom rule. */ #properties, #adults, #kids, #header-datepicker { background: #fff !important; border: 1px solid rgba(40, 64, 127, 0.25) !important; box-shadow: none !important; color: var(--rio-dusk) !important; font-size: 0.9375rem !important; } header > nav select, #properties, #adults, #kids, #sort-by, .ais-MenuSelect-select { appearance: none !important; background-color: #fff !important; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2714%27%20height%3D%2714%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27m19.5%208.25-7.5%207.5-7.5-7.5%27%20stroke%3D%27%2328407F%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E") !important; background-position: right 0.75rem center !important; background-repeat: no-repeat !important; background-size: 0.875rem 0.875rem !important; border: 1px solid rgba(40, 64, 127, 0.25) !important; color: var(--rio-dusk) !important; padding-right: 2rem !important; } select#sort-by { border: 1px solid rgba(40, 64, 127, 0.2) !important; } .ais-SearchBox-form { display: flex !important; align-items: stretch !important; width: 100% !important; } .ais-SearchBox-input { flex: 1 1 auto !important; min-width: 0 !important; min-height: 2.75rem !important; background: #fff !important; border-left: 0 !important; border-right: 0 !important; box-shadow: none !important; color: var(--rio-dusk) !important; font-size: 1rem !important; padding: 0.625rem 0.75rem 0.625rem 2.5rem !important; } .ais-SearchBox-submit { flex: 0 0 3rem !important; min-height: 2.75rem !important; padding: 0 !important; } /* ------------------------------------------------------------- Rio buttons */ #search-button, button[type="submit"], .ais-SearchBox-submit { padding: 0.5rem 0.75rem !important; } /* The booking CTA is the page's primary action, so it gets a taller target than the search buttons. The `a` type selector is deliberate: it lifts these rules above the `a[href*="/bookable-units/"]` card rules below, which the CTA's own href would otherwise match. */ a.traverse-book-cta { padding: 0.75rem 1rem !important; } #search-button, button[type="submit"], .ais-SearchBox-submit, a.traverse-book-cta { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0.5rem !important; background: var(--rio-guarana) !important; border: 1px solid var(--rio-guarana) !important; box-shadow: none !important; color: #fff !important; font-family: var(--rio-body-cmp) !important; font-size: 1.125rem !important; font-weight: 600 !important; letter-spacing: 1.25px !important; line-height: 1 !important; text-decoration: none !important; text-transform: uppercase !important; transition: background-color 150ms ease, color 150ms ease !important; white-space: nowrap !important; } #search-button:hover, button[type="submit"]:hover, .ais-SearchBox-submit:hover, a.traverse-book-cta:hover { background: var(--rio-guarana-hover) !important; border-color: var(--rio-guarana-hover) !important; color: #fff !important; } #search-button svg, #search-button span, button[type="submit"] svg, .ais-SearchBox-submit svg { color: currentColor !important; stroke: currentColor !important; fill: currentColor !important; } /* ------------------------------------------------------- unit cards / grid */ /* Scoped to the two card grids. Unscoped, this also matched the booking CTA — its href is `…/bookable-units/<slug>/bookings/new` — and repainted it white, because an attribute selector outranks the `.traverse-book-cta` class. */ #unit-group a[href*="/bookable-units/"], section:has(#related-products-heading) a[href*="/bookable-units/"] { background: #fff !important; color: var(--rio-dusk) !important; font-family: var(--rio-body) !important; } a[href*="/bookable-units/"] h3 { color: var(--rio-dusk) !important; font-family: var(--rio-display) !important; font-size: clamp(1.7rem, 3vw, 1.7rem) !important; font-weight: 500 !important; line-height: 0.98 !important; } a[href*="/bookable-units/"] p, a[href*="/bookable-units/"] span, a[href*="/bookable-units/"] div { font-size: 1rem; } a[href*="/bookable-units/"] p.text-base.font-medium.text-gray-900 { font-size: 1.5rem; } body:has(#unit-group) a[href*="/bookable-units/"] { background: #fff !important; } body:has(#unit-group) main, body:has(.traverse-unit-page) .traverse-page-main { padding-top: 0 !important; } body:has(#unit-group) .backdrop-blur-md.bg-white\/50.border-t.border-gray-200 { padding-top: 2rem !important; padding-bottom: 2rem !important; } body:has(#unit-group) .mx-auto.max-w-2xl.px-4.py-8 { padding-top: 0 !important; } /* ------------------------------------------------- unit detail page (this) */ .traverse-unit-page { background: #fff !important; # padding-top: 2rem !important; } body:has(.traverse-unit-page) .traverse-page-main { background: #fff !important; } .traverse-unit-page nav[aria-label="Breadcrumb"] { margin-top: 0 !important; margin-bottom: 2rem !important; } /* --------------------------------------------- booking sidebar (redesign) */ /* The sidebar declares its palette as `--tv-*` custom properties, so Rio * retunes it by setting variables instead of overriding rules. This is the * preferred integration point: the variables are stable across redesigns, the * class names and DOM are not. See the app's global.css. */ .traverse-booking-sidebar { background: #fff !important; border: 1px solid rgba(40, 64, 127, 0.15) !important; box-shadow: none !important; } /* Headings in the sidebar are display type, like every other h2 on the site. */ .traverse-rate-list h2 { letter-spacing: -0.02em; line-height: 1.05; } /* Selects inside the search panel keep Rio's chevron but drop the header * search bar's padding, which is wrong for a two-column field grid. The ids * are repeated to outrank the `#adults, #kids` rules above. */ .traverse-booking-guests select#adults, .traverse-booking-guests select#kids { background-color: #fff !important; border: 1.5px solid rgba(40, 64, 127, 0.2) !important; box-shadow: none !important; color: var(--rio-dusk) !important; font-size: 1rem !important; padding: 0.625rem 2rem 0.625rem 0.75rem !important; } /* Rio does not issue promo codes. The field is collapsed to a text link by * default; this removes it outright. */ .traverse-promo-code { display: none !important; } /* Fixed mobile booking bar. */ .traverse-book-bar { background: #fff !important; border-top: 1px solid rgba(40, 64, 127, 0.15) !important; } /* ------------------------------------------------------- more options band */ body:has(.traverse-unit-page) section:has(#related-products-heading) { background: var(--rio-sand) !important; } body:has(.traverse-unit-page) section:has(#related-products-heading) .group.relative { background: #fff !important; } body:has(.traverse-unit-page) section:has(#related-products-heading) .group.relative > .mt-4.flex.justify-between { margin-top: 0 !important; padding: 1rem !important; } /* -------------------------------------------------------------- responsive */ @media (max-width: 640px) { #header-datepicker { align-items: center !important; height: auto !important; min-height: 2.75rem !important; padding: 0.625rem 0.75rem !important; } } /* --------------------------------------------------------------- the banner */ .traverse-banner__logo { height: 3.5rem !important; } .traverse-banner__heading > p { font-size: 1rem; }