/* Shared shapes for navigation, actions and labels across every public page. */
:root{--ui-action-radius:12px;--ui-menu-radius:20px;--ui-label-radius:8px;--ui-group-radius:16px}
body button,body input[type="button"],body input[type="submit"],
body :is(a.primary,a.secondary,.studio-primary,.download-button,.minute-button,
.aiba-cover-real-example,.why-real-button,.why-detail,.detail-link,.text-link.btn,
.mobile-actions>a,.guide-aside>a.primary,.help-button,.contact-send){border-radius:var(--ui-action-radius)!important}

body .site-header .app-nav,body .mobile-header{border-radius:var(--ui-menu-radius)!important}
body .site-header .app-nav :is(a,button),body .site-header .app-nav :is(a,button)::before,
body.guide-page[data-view] .site-header .app-nav a[href="/pedido"],
body .mobile-menu :is(summary,a),body .aiba-cover-actions>a[href="#examples-title"]{border-radius:var(--ui-action-radius)!important}

body :is(.result-modes,.preview-switch,.switch){border-radius:var(--ui-group-radius)!important}
body :is(.result-modes,.preview-switch,.switch) :is(button,a){border-radius:var(--ui-action-radius)!important}

body :is(.journey-image-label,.reveal-labels>span,.gallery-pair>div>span,
.aiba-study-label,.aiba-cover-portrait figcaption,.minute-portrait-note,
.format-badge,.photo-status){border-radius:var(--ui-label-radius)!important}

body :is(.video-link>span,.motion-preview>span,.story-play>span,
.story-play-orb,.demo-play>span,.minute-button>span,.reveal-divider>span,
.journey-bottom>p>span:not([data-story-hint])){border-radius:var(--ui-action-radius)!important}

/* Invisible image hit areas follow the photo frame rather than an action shape. */
body .gallery-image-open{border-radius:inherit!important}
body button.picture{border-radius:15px!important}

/* Photo frames fit the rendered image, with equal padding on every edge. */
body[data-view] #image-viewer,body dialog.photo-viewer{
 --viewer-padding:16px;position:fixed;inset:0;box-sizing:border-box;margin:auto;
 width:fit-content;height:fit-content;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);
 padding:var(--viewer-padding);border:1px solid #ffffff80;border-radius:20px;
 background:rgb(255 255 255 / .7)!important;backdrop-filter:blur(12px);color:#302c43;overflow:hidden;
}
body[data-view] #image-viewer[open],body dialog.photo-viewer[open]{display:block}
body #image-viewer-image,body .photo-viewer .viewer-image{
 display:block;flex:none;min-height:0;width:auto;height:auto;
 max-width:calc(100vw - 66px);max-height:calc(100dvh - 66px);
 margin:0;object-fit:contain;border-radius:10px;background:transparent;
}
body #image-viewer .image-viewer-heading,body .photo-viewer .viewer-top{
 position:absolute;inset:0;display:block;margin:0;pointer-events:none;
}
body #image-viewer .image-viewer-heading>div,body .photo-viewer .viewer-top h2{
 position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;
}
body #image-viewer [data-close-image],body .photo-viewer .viewer-close{
 position:absolute;top:24px;right:24px;z-index:5;pointer-events:auto;
}
body[data-view] #image-viewer>p{
 position:absolute;bottom:24px;left:24px;right:72px;width:fit-content;max-width:calc(100% - 96px);
 padding:6px 9px;margin:0;border:1px solid #ffffff80;border-radius:8px;
 background:rgb(255 255 255 / .8);color:#51434e;font-size:11px;line-height:1.4;
}
/* Every icon-only close control has a visible outline and a centered X. */
body :is(button[aria-label^="Cerrar"],button[data-close-image],#close-video,.countdown-close,.viewer-close){
 display:grid!important;place-items:center!important;box-sizing:border-box;
 width:40px!important;height:40px!important;min-width:40px;min-height:40px!important;
 padding:0!important;border:1px solid #a5745d!important;border-radius:12px!important;
 background:rgb(255 248 242 / .9)!important;color:#70422f!important;
 font-family:Arial,Helvetica,sans-serif;font-size:24px!important;line-height:1!important;
}
body :is(button[aria-label^="Cerrar"],button[data-close-image],#close-video,.countdown-close,.viewer-close)>span{display:block;line-height:1}
@media(max-width:600px){
 body[data-view] #image-viewer,body dialog.photo-viewer{--viewer-padding:10px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:16px}
 body #image-viewer-image,body .photo-viewer .viewer-image{max-width:calc(100vw - 42px);max-height:calc(100dvh - 42px)}
 body #image-viewer [data-close-image],body .photo-viewer .viewer-close{top:18px;right:18px}
 body[data-view] #image-viewer>p{bottom:18px;left:18px;right:66px;max-width:calc(100% - 84px)}
}

/* Enlace al método de AIba con el mismo formato de botón que sus acciones. */
body .aiba-editorial-actions a.secondary{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:14px 20px;border:1px solid #a58172;background:#fffaf466;color:#5e403f;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none}
body .aiba-editorial-actions a.secondary:hover{background:#f3e7dc;border-color:#895743;color:#70422f}
body .aiba-editorial-actions a.secondary:focus-visible{outline:2px solid #895743;outline-offset:4px}
@media(max-width:700px){body .aiba-editorial-actions a.secondary{width:100%;min-height:52px;font-size:15px}}

/* Destaca la firma de Gofiolab. */
body a[href="https://gofiolab.com"]{font-weight:700}

body .consent-actions{flex-wrap:wrap}
body .consent-actions .step-note{max-width:none;white-space:nowrap;flex-shrink:0}

body #consent-form .check-row{margin-block:10px;padding-block:3px}