/* Instagram: live typography and the real selected post in a dimensional phone. */
body.vvt-continuidad main>#instagram.instagram-invitation{background:#e6d9c7;padding:56px 0!important;overflow:hidden}
.ig-composition{max-width:1120px;width:calc(100% - 64px);margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.ig-copy{position:relative;min-width:0;z-index:1}
body.vvt-continuidad #main #instagram h2#instagram-title{font-family:VVTSpread,Georgia,serif!important;font-size:clamp(68px,8.4vw,116px)!important;line-height:.92!important;font-weight:450!important;letter-spacing:-.04em!important;color:#281e17;max-width:none;margin:0 0 30px!important;text-wrap:initial}
#instagram-title span,#instagram-title em{display:block}
#instagram-title em{font-weight:450;font-style:italic;color:#8a462c;padding-left:.36em}
.ig-handle{display:inline-flex;align-items:center;gap:12px;font:600 17px/1.5 VVTCuerpo,Archivo,sans-serif;color:#482f22;text-decoration:none;border-bottom:1px solid #a5846b;padding-bottom:14px;margin-bottom:20px;max-width:100%}
.ig-handle svg{width:23px;height:23px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}
.ig-copy>p{font:400 18px/1.7 VVTCuerpo,Archivo,sans-serif;color:#594536;max-width:35ch;margin:0 0 24px}
.ig-visit{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 20px;min-height:50px;background:#402c21;color:#fff6e8;border-radius:3px;font:600 14px/1.4 VVTCuerpo,sans-serif;text-decoration:none}
.ig-visit svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
.ig-visit:hover{background:#6b3b26}
#instagram a:focus-visible{outline:2px solid #783f26;outline-offset:6px}
.ig-phone-scene{position:relative;perspective:1300px;display:flex;justify-content:center;padding:16px 12px 26px;min-width:0}
.ig-phone{position:relative;width:350px;max-width:100%;padding:12px 10px 17px;border-radius:45px;background:#282726;box-shadow:5px 4px 0 #9b938a,8px 5px 0 #514b45,20px 30px 40px -18px #4d332e66;transform:rotateY(-9deg) rotateZ(3deg);border:1px solid #81796f}
.ig-phone:before{content:'';position:absolute;right:-8px;top:125px;width:5px;height:54px;border-radius:0 3px 3px 0;background:#625b54}
.ig-screen{position:relative;height:635px;overflow:hidden;border-radius:34px;background:#fff}
.ig-status{display:flex;align-items:center;justify-content:space-between;padding:12px 22px 8px;background:#fff;color:#151515;font:600 12px/1 VVTCuerpo,sans-serif}
.ig-status:after{content:'';display:block;width:20px;height:9px;border:1.5px solid #222;border-radius:3px}
.ig-island{width:83px;height:18px;background:#1d1c1b;border-radius:20px}
.ig-screen iframe{display:block;width:100%;height:600px;border:0;background:#fff}
.ig-phone:after{content:'';position:absolute;width:94px;height:4px;background:#878078;bottom:7px;left:calc(50% - 47px);border-radius:4px}
@media(max-width:900px){.ig-composition{gap:24px;grid-template-columns:1fr 1fr}.ig-phone{width:310px}.ig-screen{height:595px}.ig-screen iframe{height:565px}.ig-copy>p{font-size:16px}}
@media(max-width:700px){body.vvt-continuidad main>#instagram.instagram-invitation{padding:38px 0!important}.ig-composition{width:calc(100% - 40px);grid-template-columns:1fr;gap:24px}.ig-copy{max-width:440px;margin:auto;width:100%}body.vvt-continuidad #main #instagram h2#instagram-title{font-size:72px!important;line-height:.94!important;margin-bottom:25px!important}.ig-handle{font-size:16px;margin-bottom:18px}.ig-copy>p{font-size:16px;max-width:36ch;margin-bottom:20px}.ig-phone{width:310px;transform:rotateZ(2deg)}.ig-phone-scene{padding:10px 10px 24px}.ig-visit{width:100%}.ig-screen{height:595px}.ig-screen iframe{height:565px}}
@media(prefers-reduced-motion:reduce){.ig-phone{transform:none}}

/* Three real posts in the same phone: native vertical scrolling. */
.ig-phone-scene{flex-direction:column;align-items:center;gap:25px}
.ig-feed{height:600px;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y proximity;scrollbar-width:thin;scrollbar-color:#817363 #fff;overscroll-behavior-y:contain;background:#fff}
.ig-feed iframe{scroll-snap-align:start;flex:none;min-height:600px}
.ig-feed:focus-visible{outline:3px solid #8a462c;outline-offset:-3px}
.ig-scroll-tip{display:flex;align-items:flex-start;gap:12px;max-width:32ch;margin:0;font:500 14px/1.6 VVTCuerpo,sans-serif;color:#594536}
.ig-scroll-tip svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none;margin-top:2px}
@media(max-width:900px){.ig-feed{height:565px}.ig-feed iframe{min-height:565px}}
/* Realistic static phone status: cellular signal, connected Wi-Fi and 87% battery. */
.ig-status{position:relative;padding:13px 18px 9px;min-height:35px;gap:8px}
.ig-status:after{display:none}
.ig-island{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:76px;height:19px}
.ig-status-icons{display:flex;align-items:center;gap:5px;line-height:1;color:#181818}
.ig-status-icons svg{display:block;fill:currentColor;flex:none}
.ig-signal{width:15px;height:12px}.ig-wifi{width:17px;height:13px}
.ig-battery{position:relative;display:block;width:26px;height:13px;border:1px solid #777;border-radius:4px;isolation:isolate;background:#fff}
.ig-battery:after{content:'';position:absolute;right:-3px;top:3px;width:2px;height:5px;border-radius:0 2px 2px 0;background:#777}
.ig-battery-fill{position:absolute;left:1px;top:1px;bottom:1px;width:calc((100% - 2px) * .87);border-radius:2px;background:#242424;z-index:-1}
.ig-battery-level{display:block;text-align:center;color:#fff;font:700 9px/11px Arial,sans-serif;letter-spacing:-.3px;padding-right:2px}
/* Sculpted lettering is one composition with the dimensional phone. */
body.vvt-continuidad #main #instagram h2#instagram-title{line-height:1!important;margin-bottom:25px!important}
#instagram-title .ig-lettering{display:block;width:100%;max-width:590px;height:auto;object-fit:contain}
html[lang=es] #instagram-title .ig-title-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[lang=en] #instagram-title .ig-lettering{display:none}
.ig-copy .ig-handle{margin-left:5px}
@media(min-width:901px){.ig-composition{grid-template-columns:1.12fr .88fr;gap:28px}.ig-copy{padding-right:6px}.ig-copy>p{max-width:38ch}}
@media(max-width:700px){#instagram-title .ig-lettering{max-width:400px;width:100%;margin:auto}.ig-copy .ig-handle{margin-left:0}}
/* Cotacotani: original passenger photograph as an atmospheric, scoped background. */
body.vvt-continuidad main>#instagram.instagram-invitation{position:relative;isolation:isolate;background:#e6d9c7;}
body.vvt-continuidad main>#instagram.instagram-invitation:before{content:'';position:absolute;inset:0;z-index:-2;background:url('../lagunas-cotacotani-mirador-parque-lauca-01.webp') center 55%/cover no-repeat}
body.vvt-continuidad main>#instagram.instagram-invitation:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f3eadbd9 0%,#f3eadbbf 42%,#f3eadb59 72%,#f3eadb26 100%),linear-gradient(0deg,#e6d9c7b3 0%,transparent 25%,transparent 78%,#e6d9c733 100%);pointer-events:none}
#instagram .ig-composition{position:relative;z-index:1}
#instagram .ig-scroll-tip{color:#3d2a1d;background:#f3eadbe8;padding:9px 13px;border-radius:4px}
@media(max-width:700px){
body.vvt-continuidad main>#instagram.instagram-invitation:before{background-position:52% bottom;background-size:auto 780px;background-color:#e6d9c7}
body.vvt-continuidad main>#instagram.instagram-invitation:after{background:linear-gradient(180deg,#e6d9c7 0%,#e6d9c7 43%,#e6d9c780 62%,#e6d9c726 80%,#e6d9c780 100%)}
}

