/* Scoped design for STRAIT Fotogalerías */
body.smg-page{background:#f7f9fa!important;color:#153349!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:16px;line-height:1.5;min-height:100vh;display:flex;flex-direction:column;margin:0}
body.smg-page *{box-sizing:border-box}
body.smg-page .smg-container{width:min(1280px,calc(100% - 40px));max-width:1280px;margin-inline:auto}
body.smg-page .smg-header{background:#071f31;color:#fff!important;border-bottom:4px solid #10adc0}
body.smg-page .smg-header-inner{width:min(1280px,calc(100% - 40px));margin:0 auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}
body.smg-page .smg-brand{color:#fff!important;text-decoration:none!important;font-size:24px;font-weight:300;letter-spacing:.035em;line-height:1;white-space:nowrap}
body.smg-page .smg-brand strong{font-weight:800;letter-spacing:.055em}
body.smg-page .smg-brand span{margin-left:3px;font-weight:300}
body.smg-page .smg-nav{display:flex;gap:22px}
body.smg-page .smg-nav a{color:#deedf1!important;font-size:14px;font-weight:700;text-decoration:none!important}
body.smg-page .smg-nav a:hover{color:#44dce5!important}
body.smg-page .smg-main{flex:1;padding-bottom:70px}
body.smg-page .smg-intro{padding:65px 0 38px}
body.smg-page .smg-eyebrow{font-size:12px!important;font-weight:800!important;letter-spacing:.15em!important;color:#087e97!important;margin:0 0 12px!important;text-transform:uppercase}
body.smg-page h1{color:#0a273a!important;font-size:clamp(30px,4vw,52px)!important;font-weight:800!important;line-height:1.12!important;letter-spacing:-.035em!important;margin:0 0 16px!important}
body.smg-page .smg-lede{font-size:19px;max-width:760px;color:#657784;margin:0}
body.smg-page .smg-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.smg-page .smg-card{border-radius:8px;overflow:hidden;background:white;border:1px solid #e0e8eb;box-shadow:0 5px 20px #173b5010;transition:transform .2s,box-shadow .2s}
body.smg-page .smg-card:hover{transform:translateY(-3px);box-shadow:0 14px 29px #173b5025}
body.smg-page .smg-card-link{display:block;height:100%;color:inherit!important;text-decoration:none!important}
body.smg-page .smg-card-photo{position:relative;display:block;aspect-ratio:4/3;background:#11364a;overflow:hidden}
body.smg-page .smg-card-img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;transition:transform .3s}
body.smg-page .smg-card:hover .smg-card-img{transform:scale(1.025)}
body.smg-page .smg-card-count{position:absolute;right:12px;bottom:12px;background:#071d2bdf;color:white;border-radius:4px;padding:6px 9px;font-size:12px;font-weight:700}
body.smg-page .smg-placeholder{height:100%;display:grid;place-content:center;text-align:center;font-weight:900;font-size:30px;color:#e8ffff;letter-spacing:.1em}
body.smg-page .smg-placeholder span{font-size:14px;letter-spacing:.25em;font-weight:400}
body.smg-page .smg-card-body{display:flex;flex-direction:column;gap:8px;padding:18px 19px 20px}
body.smg-page .smg-card-body strong{font-size:20px;line-height:1.25;color:#103047}
body.smg-page .smg-card-meta{font-size:13px;color:#647b86}
body.smg-page .smg-card-cta{font-size:13px;text-transform:uppercase;font-weight:850;letter-spacing:.055em;color:#0789a3;margin-top:5px}
body.smg-page .smg-pagination{margin:40px 0 0}
body.smg-page .smg-pagination ul{display:flex;justify-content:center;flex-wrap:wrap;list-style:none;gap:8px;padding:0}
body.smg-page .smg-pagination a,body.smg-page .smg-pagination span{display:inline-block;background:white;padding:9px 13px;border:1px solid #d6e1e7;border-radius:4px;color:#12394e;text-decoration:none}
body.smg-page .smg-pagination .current{background:#0b465c;color:white}
body.smg-page .smg-empty{padding:40px;background:white;border:1px solid #e4e9ed;border-radius:8px;color:#50616c}
body.smg-page .smg-single-head{padding:42px 0 28px}
body.smg-page .smg-back{display:inline-block;color:#097e95!important;font-size:14px;font-weight:700;text-decoration:none!important;margin-bottom:28px}
body.smg-page .smg-single-head h1{max-width:1000px}
body.smg-page .smg-details{display:flex;flex-wrap:wrap;gap:9px 20px;color:#667e89;font-size:14px;margin:16px 0 8px}
body.smg-page .smg-article-link{display:inline-block;margin:12px 0 3px;color:#0a778e!important;font-size:14px;font-weight:800;text-decoration:underline!important}
body.smg-page .smg-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
body.smg-page .smg-photo{position:relative;display:block;width:100%;min-width:0;aspect-ratio:4/3;padding:0!important;margin:0!important;background:#13384d!important;border:0!important;border-radius:4px!important;overflow:hidden;cursor:zoom-in}
body.smg-page .smg-photo-thumb{width:100%!important;height:100%!important;max-width:none!important;display:block!important;object-fit:cover;transition:transform .22s,opacity .22s}
body.smg-page .smg-photo:hover .smg-photo-thumb{transform:scale(1.03);opacity:.85}
body.smg-page .smg-photo-zoom{position:absolute;bottom:12px;right:14px;font-size:23px;color:white;opacity:0;transition:opacity .2s}
body.smg-page .smg-photo:hover .smg-photo-zoom,body.smg-page .smg-photo:focus-visible .smg-photo-zoom{opacity:1}
body.smg-page .smg-photo:focus-visible{outline:3px solid #04bcd3!important;outline-offset:2px}
body.smg-page .smg-copyright{color:#6f7d86;font-size:12px;margin-top:22px}
body.smg-page .smg-footer{background:#071f31;color:#adc3ce;font-size:12px;padding:22px 0}
body.smg-page .smg-footer .smg-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.smg-lightbox{position:fixed;inset:0;max-width:none!important;max-height:none!important;width:100vw;height:100vh;margin:0!important;padding:0!important;border:none!important;background:#030c14f5;color:white;overflow:hidden}
.smg-lightbox::backdrop{background:#030c14f5}
.smg-lightbox[open]{display:flex;align-items:center;justify-content:center}
.smg-lightbox-figure{width:min(85vw,1440px);height:min(92vh,940px);display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0!important}
.smg-lightbox-figure img{display:block;max-width:100%;max-height:calc(100% - 48px);width:auto;height:auto;object-fit:contain}
.smg-lightbox-figure figcaption{display:flex;align-items:center;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:14px;text-align:center;color:#d0dee5;font-size:12px}
.smg-lightbox-close,.smg-lightbox-prev,.smg-lightbox-next{position:absolute;background:transparent!important;border:0!important;color:#fff!important;cursor:pointer;padding:8px!important;font-size:46px;line-height:1}
.smg-lightbox-close{top:12px;right:25px;font-size:38px}.smg-lightbox-prev{left:14px;top:48%}.smg-lightbox-next{right:14px;top:48%}
.smg-shortcode{display:flex;align-items:center;gap:16px;background:#072b3d!important;color:#fff!important;text-decoration:none!important;border-left:5px solid #08b1c5;border-radius:8px;overflow:hidden;margin:25px 0;min-height:125px;box-shadow:0 4px 17px #091f3020}
.smg-shortcode-image{display:block;width:165px;min-width:165px;align-self:stretch;overflow:hidden}
.smg-shortcode-img{display:block!important;width:100%!important;height:100%!important;object-fit:cover;max-width:none!important}
.smg-shortcode-copy{display:flex;flex-direction:column;gap:8px;padding:13px 16px 13px 0}
.smg-shortcode-kicker{font-size:12px;letter-spacing:.07em;color:#50d9e9;font-weight:800}
.smg-shortcode-copy strong{font-size:19px;line-height:1.2;color:white}
.smg-shortcode-copy>span:last-child{font-size:13px;color:#cbe1e9}
@media(max-width:940px){body.smg-page .smg-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.smg-page .smg-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){body.smg-page .smg-header-inner{min-height:70px}body.smg-page .smg-brand{font-size:19px}body.smg-page .smg-nav{gap:10px}body.smg-page .smg-nav a{font-size:12px}body.smg-page .smg-container{width:calc(100% - 26px)}body.smg-page .smg-intro{padding:37px 0 22px}body.smg-page .smg-card-grid{grid-template-columns:1fr;gap:17px}body.smg-page .smg-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}body.smg-page .smg-single-head{padding:28px 0 20px}body.smg-page .smg-photo{aspect-ratio:1/1}body.smg-page .smg-details{font-size:12px;gap:6px 12px}.smg-lightbox-figure{width:calc(100vw - 72px)}.smg-lightbox-prev{left:0}.smg-lightbox-next{right:0}.smg-lightbox-figure figcaption{font-size:11px;gap:6px}.smg-shortcode{gap:10px;min-height:112px}.smg-shortcode-image{width:106px;min-width:106px}.smg-shortcode-copy{padding:10px 8px 10px 0}.smg-shortcode-copy strong{font-size:15px}.smg-shortcode-kicker,.smg-shortcode-copy>span:last-child{font-size:11px}}
/* StraitMagazine Photo v1.1: requests and protected previews */
body.smg-page .smg-buy-intro{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:24px 0 0;padding:17px 20px;background:#e7f5f7;border-left:4px solid #10adc0;border-radius:5px;color:#123b4d;font-size:14px}
body.smg-page .smg-buy-intro>strong{white-space:nowrap}
body.smg-page .smg-buy-intro span{line-height:1.5}
body.smg-page .smg-photo-item{background:white;border:1px solid #dce7eb;border-radius:6px;overflow:hidden;min-width:0}
body.smg-page .smg-photo-item .smg-photo{border-radius:0!important}
body.smg-page .smg-photo-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 11px;flex-wrap:wrap}
body.smg-page .smg-photo-code{font-size:11px;color:#657986;letter-spacing:.02em;overflow-wrap:anywhere}
body.smg-page .smg-action{background:transparent!important;border:0!important;padding:6px 2px!important;margin:0!important;box-shadow:none!important;color:#037a91!important;font-weight:800;font-size:12px;cursor:pointer;text-transform:none}
body.smg-page .smg-action:hover{text-decoration:underline}
body.smg-page .smg-feedback{padding:13px 18px;border-radius:6px;font-size:14px;margin:20px 0 0}
body.smg-page .smg-feedback.smg-success{color:#185333;background:#e8f6ed;border:1px solid #b9e3c7}
body.smg-page .smg-feedback.smg-error{color:#83321f;background:#fff0eb;border:1px solid #edc9bc}
.smg-lightbox-figure .smg-modal-cta{padding:11px 17px!important;margin-top:15px!important;border:1px solid #0fd4e5!important;background:#007a91!important;color:white!important;font-size:14px!important;font-weight:800!important;border-radius:5px!important;cursor:pointer}
.smg-request-dialog{max-width:min(94vw,520px)!important;max-height:90vh!important;width:520px;padding:25px 28px!important;border:0!important;border-radius:10px!important;background:#fff!important;color:#16354a!important;box-shadow:0 12px 55px #06192555;overflow:auto}
.smg-request-dialog::backdrop{background:#05121cc7}
.smg-request-dialog .smg-request-head{display:flex;align-items:start;justify-content:space-between;gap:20px}
.smg-request-dialog h2{font-size:26px!important;line-height:1.15!important;margin:0 0 15px!important;color:#102f40!important}
.smg-request-dialog p{margin:0 0 14px;font-size:14px;line-height:1.4}
.smg-request-dialog .smg-request-close{font-size:30px!important;border:0!important;background:transparent!important;color:#193548!important;cursor:pointer;line-height:1;padding:0!important}
.smg-request-dialog label:not(.smg-consent){display:block;margin:13px 0 5px;font-size:13px;font-weight:750}
.smg-request-dialog input[type=text],.smg-request-dialog input[type=email]{display:block;width:100%;background:#fff!important;border:1px solid #aebfc9!important;color:#142e40!important;min-height:42px;border-radius:5px;padding:10px!important;font-size:15px}
.smg-request-dialog .smg-consent{display:flex;align-items:start;gap:9px;margin-top:20px;font-size:13px;line-height:1.45;cursor:pointer}
.smg-request-dialog .smg-consent input{margin-top:3px;flex:0 0 auto}
.smg-request-dialog .smg-privacy{font-size:12px;margin-top:7px}
.smg-request-dialog .smg-submit{display:block;width:100%;margin:19px 0 12px!important;padding:12px 16px!important;border:0!important;background:#087c91!important;color:white!important;font-weight:800!important;border-radius:5px!important;cursor:pointer;font-size:15px!important}
.smg-request-dialog .smg-request-foot{font-size:12px;color:#71848f;margin:0}
.smg-request-dialog .smg-honeypot{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:620px){body.smg-page .smg-photo-actions{padding:8px;gap:4px}body.smg-page .smg-action{font-size:11px}.smg-request-dialog{padding:21px!important}.smg-lightbox-figure{height:90vh}.smg-lightbox-figure img{max-height:calc(100% - 128px)}}
