.brava-arcade {display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center;margin:15px auto 45px;border-radius:22px;background:#ffcb24;padding:45px 5%;max-width:calc(100% - 12%);overflow:hidden;position:relative;}
.brava-arcade .eyebrow {font-size:.65rem;}.brava-arcade h2 {font-size:3.5rem;line-height:1;margin:12px 0;}.brava-arcade h2 em {color:#fffaf0;text-shadow:1px 2px 0 #12150e30;}.brava-arcade p {font-size:.88rem;max-width:470px;margin:10px 0 18px;}.brava-arcade small {display:block;font-size:.61rem;margin-top:12px;color:#4f4420;}.brava-arcade .arcade-entry-terms {font-size:.64rem;line-height:1.6;max-width:440px;margin-bottom:0;}.arcade-entry-art {position:relative;min-height:210px;display:grid;place-items:center;}
.arcade-entry-art::before {content:'';position:absolute;width:200px;height:200px;border-radius:50%;border:1px solid #11120f40;background:#fffaf015;transform:rotateX(35deg);}.arcade-entry-seal {width:230px;height:230px;background:url('assets/foquita-gaviotas-sprites-20261008.png') 0 0/200% 200% no-repeat;position:relative;transform:rotate(-8deg);filter:drop-shadow(0 15px 10px #3225002a);}.arcade-entry-gull {position:absolute;right:0;top:0;width:88px;height:88px;background:url('assets/foquita-gaviotas-sprites-20261008.png') 0 100%/200% 200% no-repeat;rotate:-15deg;}.arcade-entry-trail {position:absolute;bottom:0;right:0;font-size:70px;color:#11120f60;line-height:1;}
#arcade-dialog {padding:0;border:0;border-radius:0;background:#f7f3e8;overflow:hidden;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;color:#10120f;}
#arcade-dialog::backdrop {background:#040703bf;backdrop-filter:blur(8px);}.arcade-dialog-heading {display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;background:#10120f;color:#fffaf0;}.arcade-dialog-heading h2 {font-size:1.8rem;margin:0;}.arcade-dialog-heading small {display:block;color:#ffcb24;font-size:.52rem;letter-spacing:.07em;margin-bottom:4px;}.arcade-dialog-heading button {flex-shrink:0;width:35px;height:35px;border-radius:50%;background:#ffffff1a;color:#fffaf0;font-size:23px;}
#arcade-frame {display:block;width:100%;height:min(770px,calc(100dvh - 140px));border:0;background:#f7f3e8;}.arcade-full-link {display:block;padding:9px 15px 10px;text-align:center;font-size:.59rem;font-weight:800;color:#64553b;text-underline-offset:3px;}
@media(max-width:700px){.brava-arcade {grid-template-columns:1fr;gap:5px;max-width:calc(100% - 12%);padding:28px 7%;margin-bottom:30px;}.brava-arcade h2 {font-size:2.8rem;}.brava-arcade p {font-size:.8rem;}.arcade-entry-art {min-height:155px;grid-row:1;}.arcade-entry-seal {width:170px;height:170px;}.arcade-entry-art::before {width:150px;height:150px;}.arcade-entry-gull {width:64px;height:64px;}.arcade-entry-trail {font-size:48px;}.arcade-dialog-heading {padding:12px 15px;}.arcade-dialog-heading h2 {font-size:1.55rem;}#arcade-dialog {width:calc(100% - 12px);border-radius:17px;max-height:97dvh;}#arcade-frame {height:calc(100dvh - 124px);}.arcade-full-link {font-size:.52rem;}}
/* Juego a pantalla completa y acceso desde el pedido. */
html.arcade-is-open,html.arcade-is-open body {overflow:hidden;}
#arcade-dialog[open] {display:flex;flex-direction:column;width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;}
#arcade-dialog .arcade-dialog-heading {flex:none;min-height:54px;padding:4px max(16px,env(safe-area-inset-right)) 4px max(16px,env(safe-area-inset-left));}
#arcade-dialog .arcade-dialog-heading h2 {font-size:1.5rem;}
#arcade-dialog .arcade-dialog-heading small {font-size:9px;}
#arcade-dialog .arcade-dialog-heading button {width:44px;height:44px;}
#arcade-dialog #arcade-frame {flex:1;min-height:0;width:100%;height:100%;}
#arcade-dialog .arcade-full-link {display:none;}
.order-arcade-offer {margin:24px 0;padding:24px;background:#ffcb24;color:#10120f;border-radius:18px;}
.order-arcade-offer h3 {font-size:clamp(28px,4vw,42px);line-height:1.05;margin:10px 0;}
.order-arcade-offer p {font-size:14px;line-height:1.55;}
.order-arcade-offer .button {margin:6px 8px 0 0;}
@media(max-width:700px){.brava-arcade h2{font-size:clamp(30px,8vw,44px);}.order-arcade-offer{padding:20px;}.order-arcade-offer .button{width:100%;margin-right:0;}}