/* ViviendaPR Mobile Visual Core 11.3.0 — authoritative mobile layer */
@media (max-width: 720px) {
  :root{--vpr-m-navy:#062b4b;--vpr-m-ocean:#0b8dbb;--vpr-m-sky:#69c9ec;--vpr-m-red:#e64a4a;--vpr-m-gold:#e2b662;--vpr-m-ink:#071d31;--vpr-m-text:#4c687b;--vpr-m-line:#d6e4ea;--vpr-m-soft:#f3f9fc}
  html{scroll-padding-top:82px}
  body.vpr-site{font-size:17px!important;line-height:1.58!important;background:#fff!important;color:var(--vpr-m-ink)!important;padding-bottom:calc(74px + env(safe-area-inset-bottom))!important}
  #vpr-app{overflow:hidden;background:#fff}
  #vpr-app .vpr-wrap{width:calc(100% - 30px)!important}

  /* Top identity */
  #vpr-app .vpr-island-bar{display:none!important}
  #vpr-app .vpr-header.vpr-header-boricua{position:relative!important;top:auto!important;min-height:82px!important;background:#fff!important;border:0!important;border-bottom:1px solid #dce8ee!important;box-shadow:0 8px 24px rgba(5,45,78,.08)!important}
  #vpr-app .vpr-header-boricua-in{min-height:82px!important;display:flex!important;justify-content:space-between!important;gap:10px!important;padding:0!important}
  #vpr-app .vpr-brand-signature{display:flex!important;gap:10px!important;align-items:center!important;max-width:calc(100% - 122px)!important;min-width:0!important}
  #vpr-app .vpr-pr-mark{width:52px!important;height:48px!important;flex:0 0 52px!important;filter:none!important}
  #vpr-app .vpr-mark-roof{stroke:var(--vpr-m-navy)!important}
  #vpr-app .vpr-mark-house{fill:var(--vpr-m-navy)!important}
  #vpr-app .vpr-mark-door,#vpr-app .vpr-mark-window{fill:#fff!important}
  #vpr-app .vpr-mark-wave-blue{stroke:#159fd0!important}
  #vpr-app .vpr-mark-wave-red{stroke:#e74646!important}
  #vpr-app .vpr-signature-copy{min-width:0!important}
  #vpr-app .vpr-signature-wordmark{display:flex!important;align-items:baseline!important;white-space:nowrap!important;letter-spacing:-1.2px!important;text-shadow:none!important}
  #vpr-app .vpr-word-vivienda,#vpr-app .vpr-word-pr{font-size:24px!important;line-height:1!important}
  #vpr-app .vpr-word-vivienda{color:#092642!important}
  #vpr-app .vpr-word-pr{color:#0b98c8!important}
  #vpr-app .vpr-word-domain{font-size:18px!important;color:#092642!important}
  #vpr-app .vpr-signature-tagline{margin-top:5px!important;font-size:9px!important;line-height:1.25!important;letter-spacing:.9px!important;color:#678296!important;max-width:220px!important;white-space:normal!important}
  #vpr-app .vpr-nav-boricua,#vpr-app .vpr-island-cta{display:none!important}
  #vpr-app .vpr-access-dark{display:block!important}
  #vpr-app .vpr-access-dark summary{min-height:46px!important;padding:0 13px!important;border-radius:13px!important;border:1px solid #cfdde5!important;background:#fff!important;color:#0c2b46!important;font-size:12px!important;letter-spacing:0!important;box-shadow:none!important}

  /* PR ribbon visible on every mobile view */
  #vpr-app .vpr-mobile-pr-strip{display:flex!important;min-height:38px!important;align-items:center!important;justify-content:center!important;gap:6px!important;background:linear-gradient(90deg,#06335a,#0878a6 56%,#10a3cc)!important;color:#fff!important;border:0!important;font-size:11px!important;letter-spacing:.7px!important;font-weight:900!important}
  #vpr-app .vpr-mobile-pr-strip strong{color:#ffe1a3!important;font-size:11px!important}
  #vpr-app .vpr-mobile-pr-flag{font-size:17px!important}

  /* Hero: compact, visual, clearly Puerto Rico */
  #vpr-app .vpr-boricua-hero{min-height:540px!important;padding:0!important;background-position:64% center!important;background-size:cover!important;border:0!important}
  #vpr-app .vpr-boricua-shade{position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(115deg,rgba(3,38,68,.93) 0%,rgba(4,55,89,.76) 46%,rgba(0,40,70,.28) 74%,rgba(0,26,50,.10) 100%)!important}
  #vpr-app .vpr-boricua-hero:before{content:none!important}
  #vpr-app .vpr-boricua-hero:after{height:80px!important;bottom:-52px!important;background:#fff!important}
  #vpr-app .vpr-boricua-hero-grid{min-height:540px!important;padding:58px 0 108px!important;display:block!important;position:relative!important;z-index:2!important}
  #vpr-app .vpr-boricua-message{padding:0!important;max-width:92%!important}
  #vpr-app .vpr-boricua-kicker{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:8px 11px!important;border:1px solid rgba(255,255,255,.30)!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:12px!important;line-height:1.2!important;backdrop-filter:blur(7px)}
  #vpr-app .vpr-boricua-message h1{margin:20px 0 16px!important;color:#fff!important;font-size:46px!important;line-height:.98!important;letter-spacing:-2px!important;text-shadow:0 3px 20px rgba(0,0,0,.18)!important}
  #vpr-app .vpr-boricua-message h1 em{color:#77d9ff!important}
  #vpr-app .vpr-boricua-message p{margin:0 0 22px!important;color:#f2f8fb!important;font-size:17px!important;line-height:1.55!important;max-width:95%!important}
  #vpr-app .vpr-actions{display:grid!important;gap:10px!important}
  #vpr-app .vpr-actions .vpr-btn{width:100%!important;min-height:55px!important;border-radius:14px!important;font-size:16px!important}
  #vpr-app .vpr-btn-island{background:linear-gradient(135deg,#0785b5,#11a9d3)!important;color:#fff!important;box-shadow:0 14px 28px rgba(0,0,0,.16)!important;position:relative!important}
  #vpr-app .vpr-btn-island:before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:5px!important;background:#e64a4a!important}
  #vpr-app .vpr-btn-ghost-island{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.42)!important;color:#fff!important}
  #vpr-app .vpr-island-words{display:none!important}

  /* Trust ribbon / choice section */
  #vpr-app .vpr-signature-ribbon{padding:18px 0!important;background:#fff!important}
  #vpr-app .vpr-signature-ribbon-in{display:grid!important;gap:10px!important}
  #vpr-app .vpr-signature-ribbon-in strong{font-size:15px!important;color:#082f50!important}
  #vpr-app .vpr-signature-ribbon small,#vpr-app .vpr-signature-credentials span{font-size:13px!important;color:#5c7486!important}
  #vpr-app .vpr-one-choice{padding:48px 0 54px!important;background:linear-gradient(180deg,#f2faff 0%,#fff 100%)!important}
  #vpr-app .vpr-choice-head h2{font-size:34px!important;line-height:1.08!important;color:#082f50!important}
  #vpr-app .vpr-choice-head p{font-size:16px!important;line-height:1.55!important;color:#526b7e!important}
  #vpr-app .vpr-choice-grid{grid-template-columns:1fr!important;gap:13px!important}
  #vpr-app .vpr-choice-card{min-height:0!important;padding:21px!important;border-radius:20px!important;background:#fff!important;border:1px solid #d6e5ec!important;box-shadow:0 14px 30px rgba(5,45,78,.07)!important}
  #vpr-app .vpr-choice-card:nth-child(1){border-left:5px solid #169dcb!important;border-top:1px solid #d6e5ec!important}
  #vpr-app .vpr-choice-card:nth-child(2){border-left:5px solid #e18445!important;border-top:1px solid #d6e5ec!important}
  #vpr-app .vpr-choice-card:nth-child(3){border-left:5px solid #1aa395!important;border-top:1px solid #d6e5ec!important}
  #vpr-app .vpr-choice-card:nth-child(4){border-left:5px solid #7969bc!important;border-top:1px solid #d6e5ec!important}
  #vpr-app .vpr-choice-icon{width:50px!important;height:50px!important;border-radius:15px!important;font-size:22px!important;background:linear-gradient(145deg,#06365c,#1199c7)!important}
  #vpr-app .vpr-choice-copy strong{font-size:27px!important;color:#082d4b!important}
  #vpr-app .vpr-choice-copy p{font-size:16px!important;line-height:1.5!important;color:#526b7e!important}
  #vpr-app .vpr-choice-copy small{font-size:14px!important;color:#087aaa!important}
  #vpr-app .vpr-choice-trust{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px 12px!important;font-size:14px!important;padding:14px!important;border-radius:16px!important;background:#fff!important}

  /* Form section: visible PR identity INSIDE the actual form */
  #vpr-app .vpr-engine{padding:38px 0 104px!important;background:linear-gradient(180deg,#eef8fc 0%,#f9fcfd 100%)!important}
  #vpr-app .vpr-engine-grid{display:block!important}
  #vpr-app .vpr-engine-side{margin-bottom:28px!important}
  #vpr-app .vpr-engine-side .vpr-kicker{font-size:13px!important;color:#0c759d!important}
  #vpr-app .vpr-engine-side h2{font-size:37px!important;line-height:1.03!important;letter-spacing:-1.5px!important;color:#071d31!important}
  #vpr-app .vpr-engine-side>p{font-size:17px!important;line-height:1.58!important;color:#536d80!important}
  #vpr-app .vpr-side-points{display:grid!important;gap:0!important;margin-top:28px!important;border-top:1px solid #cfdee6!important}
  #vpr-app .vpr-side-points>div{padding:15px 0!important;border-bottom:1px solid #cfdee6!important;grid-template-columns:54px 1fr!important}
  #vpr-app .vpr-side-points>div>span{width:48px!important;height:48px!important;font-size:13px!important}
  #vpr-app .vpr-side-points strong{font-size:16px!important}
  #vpr-app .vpr-side-points small{font-size:14px!important;line-height:1.45!important;color:#718697!important}
  #vpr-app .vpr-form-card{padding:20px!important;border-radius:22px!important;background:#fff!important;border:1px solid #cfe0e8!important;box-shadow:0 24px 55px rgba(4,43,69,.11)!important;overflow:hidden!important}
  #vpr-app .vpr-form-pr-ribbon{display:grid!important;grid-template-columns:auto 1fr!important;column-gap:9px!important;row-gap:2px!important;margin:-20px -20px 20px!important;padding:14px 16px!important;background:linear-gradient(90deg,#06335a,#0879a6 58%,#0fa1c9)!important;color:#fff!important;border-radius:21px 21px 0 0!important}
  #vpr-app .vpr-form-pr-ribbon>span{grid-row:1/3!important;font-size:25px!important;align-self:center!important}
  #vpr-app .vpr-form-pr-ribbon strong{font-size:17px!important;color:#fff!important}
  #vpr-app .vpr-form-pr-ribbon small{font-size:13px!important;color:#dff5ff!important;margin:0!important;line-height:1.3!important}
  #vpr-app .vpr-form-head{gap:10px!important}
  #vpr-app .vpr-form-head h3{font-size:30px!important;line-height:1.08!important;color:#071d31!important}
  #vpr-app .vpr-form-chip{font-size:12px!important;color:#0b7097!important;background:#eaf7fb!important}
  #vpr-app .vpr-form-secure{font-size:12px!important;white-space:nowrap!important}
  #vpr-app .vpr-progress-meta{font-size:13px!important;color:#597286!important}
  #vpr-app .vpr-progress-fill{background:linear-gradient(90deg,#0877a6,#11a6cf)!important}
  #vpr-app .vpr-step-title{font-size:21px!important;line-height:1.25!important;color:#071d31!important}
  #vpr-app .vpr-field label,#vpr-app .vpr-label-row label{font-size:16px!important;color:#14364f!important}
  #vpr-app .vpr-help,#vpr-app .vpr-step-hint,#vpr-app .vpr-label-row>span{font-size:14px!important;line-height:1.45!important;color:#708696!important}
  #vpr-app .vpr-field input,#vpr-app .vpr-field select,#vpr-app .vpr-field textarea{font-size:16px!important;min-height:52px!important;border-radius:13px!important;border-color:#c9dbe4!important}
  #vpr-app .vpr-pr-mini-guide{display:flex!important;justify-content:space-between!important;gap:6px!important;margin:14px 0 17px!important;padding:10px!important;border-radius:14px!important;background:#f1f9fc!important;border:1px solid #d5e8ef!important}
  #vpr-app .vpr-pr-mini-guide span,#vpr-app .vpr-pr-mini-guide b{font-size:13px!important;color:#28536c!important}
  #vpr-app .vpr-option-cards{gap:10px!important}
  #vpr-app .vpr-option-cards label>span{min-height:108px!important;padding:15px 13px!important;border-radius:17px!important;border:1px solid #d5e2e8!important;background:#fff!important}
  #vpr-app .vpr-option-cards label:nth-child(1)>span{border-top:4px solid #159fc9!important}
  #vpr-app .vpr-option-cards label:nth-child(2)>span{border-top:4px solid #0c78ae!important}
  #vpr-app .vpr-option-cards label:nth-child(3)>span{border-top:4px solid #e08545!important}
  #vpr-app .vpr-option-cards label:nth-child(4)>span{border-top:4px solid #2a9b7c!important}
  #vpr-app .vpr-option-cards label>span strong{font-size:16px!important;color:#102b42!important}
  #vpr-app .vpr-option-cards label>span small{font-size:13px!important;color:#7a8d9b!important}
  #vpr-app .vpr-option-cards label input:checked+span{background:#effaff!important;border-color:#0b8fbd!important;box-shadow:0 0 0 3px rgba(11,143,189,.10)!important}
  #vpr-app .vpr-step-actions{gap:9px!important;padding-bottom:12px!important}
  #vpr-app .vpr-step-actions button{min-height:54px!important;border-radius:13px!important;font-size:16px!important}

  /* Smart Flow context visually owned by theme */
  #vpr-app .vpr-sff-context.is-visible{display:grid!important;gap:10px!important;margin:0 0 18px!important;padding:14px!important;border:0!important;border-left:5px solid #e64a4a!important;border-radius:14px!important;background:linear-gradient(135deg,#ecf8fd,#fff)!important;box-shadow:0 12px 26px rgba(5,50,78,.09)!important}
  #vpr-app .vpr-sff-context strong{font-size:16px!important;color:#082f50!important}
  #vpr-app .vpr-sff-context span{font-size:14px!important;color:#536d80!important}
  #vpr-app .vpr-sff-change{width:100%!important;min-height:44px!important;border-radius:11px!important;font-size:14px!important}

  /* Bottom action bar */
  #vpr-app .vpr-mobile-bar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:9999!important;display:grid!important;grid-template-columns:1.25fr .9fr!important;gap:8px!important;padding:9px 12px calc(9px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.97)!important;border-top:1px solid #d6e3e9!important;box-shadow:0 -8px 26px rgba(5,39,62,.10)!important;backdrop-filter:blur(12px)!important}
  #vpr-app .vpr-mobile-bar a{min-height:52px!important;border-radius:13px!important;font-size:15px!important}
  #vpr-app .vpr-mobile-primary{background:linear-gradient(135deg,#062d4c,#074c70)!important;color:#fff!important}
  #vpr-app .vpr-mobile-secondary{background:#fff!important;border:1px solid #becfd8!important;color:#092842!important}

  /* Professional / footer */
  #vpr-app .vpr-agent-section{padding:50px 0!important}
  #vpr-app .vpr-agent-panel{border-radius:22px!important;overflow:hidden!important;border:1px solid #d5e3ea!important;box-shadow:0 18px 38px rgba(5,45,78,.08)!important}
  #vpr-app .vpr-footer{padding:42px 0 105px!important;background:radial-gradient(circle at 90% 8%,rgba(21,159,201,.19),transparent 28%),linear-gradient(145deg,#03253f,#06476d 62%,#075b80)!important;border-top:4px solid #159fc9!important;color:#fff!important}
  #vpr-app .vpr-footer:before{content:"Puerto Rico · Playa · Ciudad · Montaña"!important;display:block!important;color:#9fe3f8!important;font-size:13px!important;font-weight:900!important;letter-spacing:1px!important;margin-bottom:15px!important}
  #vpr-app .vpr-footer p,#vpr-app .vpr-footer a,#vpr-app .vpr-footer small{font-size:15px!important;line-height:1.5!important;color:#d9e9f2!important}
  #vpr-app .vpr-footer strong,#vpr-app .vpr-footer h3{font-size:17px!important;color:#fff!important}

  /* QR intentionally hidden on same mobile device */
  #vpr-app .vpr-qr-card{display:none!important}
}

@media (max-width:390px){
  #vpr-app .vpr-word-vivienda,#vpr-app .vpr-word-pr{font-size:21px!important}
  #vpr-app .vpr-word-domain{font-size:16px!important}
  #vpr-app .vpr-signature-tagline{font-size:8.5px!important;max-width:180px!important}
  #vpr-app .vpr-boricua-message h1{font-size:41px!important}
  #vpr-app .vpr-form-head h3{font-size:27px!important}
}
