/* Punto Smart OS v2 — compact UI, provider menus and benefits */
:root{--v2-border:rgba(151,184,226,.2);--v2-panel:rgba(9,18,34,.9);--v2-accent:#2ac9ff}
.app-shell{padding-top:16px}
.topbar{gap:14px;margin-bottom:12px}
.brand{gap:12px}
.brand-mark{width:64px!important;height:64px!important;flex-basis:64px!important;box-shadow:0 0 24px rgba(28,155,255,.22)!important}
.brand-mark:after{inset:12px!important}
.brand-text span{font-size:25px!important}
.brand-text strong{font-size:34px!important;letter-spacing:1.5px!important}
.status-zone{gap:6px!important;justify-content:flex-end;min-width:0}
.status-pill{min-height:48px!important;padding:0 10px!important;gap:8px!important;border-left:0!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:13px!important;background:rgba(8,16,31,.62)!important}
.status-pill b{font-size:15px!important;line-height:1.05}
.status-pill small{font-size:11px!important;line-height:1.05;margin-top:4px!important}
.status-icon{font-size:22px!important}
.dolar-logo{width:38px!important;height:38px!important;border:1px solid rgba(67,255,113,.55)!important;border-radius:11px!important;background:linear-gradient(145deg,#0c2d1b,#07130e)!important;color:#55ff8a!important;font-size:21px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 14px rgba(47,255,97,.16)!important}
.dollar-live #dollarBlue{color:#69ff99!important;font-size:16px!important}
.dollar-live #dollarOfficial{color:#9cacbf!important}
.country-global-pill{display:flex!important}
.country-select{max-width:128px}

/* Hero de beneficios: una promesa, dos ventajas claras y privacidad al cierre. */
.benefits-v2{width:min(1120px,100%);margin:0 auto 14px;padding:18px 22px 15px;border:1px solid rgba(76,183,255,.24);border-radius:18px;background:linear-gradient(120deg,rgba(19,50,91,.48),rgba(8,18,34,.84) 45%,rgba(9,32,52,.66));box-shadow:0 14px 34px rgba(0,0,0,.18)}
.benefit-lead{display:block;color:#f6f9ff;text-align:center;font-size:clamp(20px,1.8vw,26px);line-height:1.16;margin:0 0 12px;font-weight:900;letter-spacing:-.35px}
.benefit-lead strong,.benefit-lead-text{white-space:normal}
.benefit-lead>span:first-child{display:inline-block;margin-right:8px;font-size:1.18em;vertical-align:-.12em}
.benefit-copy{display:grid;gap:7px;max-width:690px;margin:0 auto}
.benefit-item{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;color:#edf5ff;text-align:center;font-size:clamp(15px,1.45vw,18px);line-height:1.3}
.benefit-item span{font-size:1.3em;line-height:1;flex:0 0 auto}
.benefit-item b{font-weight:820}
.benefit-privacy{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:11px;padding:10px 8px 0;border-top:1px solid rgba(255,255,255,.11);color:#eff7ff;font-size:14px;line-height:1.25;text-align:center}
.benefit-privacy>span{font-size:20px;line-height:1}
.benefit-check{color:#76f9b0;font-size:1.14em}

/* Browser integrado: la marca forma parte de la barra. */
.smart-search-v2{width:min(1120px,100%)!important;max-width:1120px!important;margin:0 auto 16px!important;padding:14px!important;border-radius:18px!important}
.smart-search-v2 .smart-search-box{height:62px!important;border-radius:14px!important;padding:0 10px 0 12px!important;gap:11px!important}
.smart-search-brand{display:flex;align-items:center;gap:8px;flex:0 0 auto;color:#dff5ff;font-size:13px;font-weight:900;letter-spacing:.45px;text-transform:uppercase;white-space:nowrap}
.smart-search-brand-symbol{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:linear-gradient(145deg,#1557d7,#18c9ef);color:#fff;font-size:15px;box-shadow:0 0 14px rgba(35,175,255,.28)}
.smart-search-brand-text{line-height:1}
.smart-search-divider{width:1px;height:34px;flex:0 0 1px;background:rgba(164,201,237,.22)}
.smart-search-provider-icon{width:29px;height:29px;object-fit:contain;border-radius:7px;flex:0 0 29px;background:#fff;padding:3px;box-sizing:border-box}
.smart-search-v2 .smart-search-box input{min-width:0;font-size:18px!important}
.smart-search-visual{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;padding:0;border:1px solid rgba(89,212,255,.42);border-radius:11px;background:rgba(41,154,234,.14);color:#dff6ff;cursor:pointer;transition:.16s ease}
.smart-search-visual:hover,.smart-search-visual:focus-visible{border-color:#6de5ff;background:rgba(32,176,242,.27);color:#fff;outline:none;box-shadow:0 0 0 3px rgba(74,212,255,.12)}
.smart-search-visual svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.smart-search-visual .visual-spark{stroke:#7eefff;stroke-width:2.1}
.smart-search-v2 .smart-search-go{display:inline-flex!important;align-items:center;justify-content:center;height:44px!important;padding:0 22px!important;font-size:15px!important;flex:0 0 auto}
.search-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:11px;overflow:visible}
.search-category-wrap{position:relative;min-width:0}
.search-category{width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 9px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.055);color:#dbe8f7;font-size:14px;font-weight:850;cursor:pointer;transition:.16s ease}
.search-category:hover,.search-category:focus-visible{border-color:rgba(54,202,255,.55);color:#fff;outline:none}
.search-category.active{background:linear-gradient(100deg,rgba(17,69,178,.96),rgba(10,143,230,.94));border-color:rgba(83,202,255,.82);color:#fff;box-shadow:0 7px 20px rgba(10,108,225,.21)}
.search-category-icon{width:25px;height:25px;object-fit:contain;border-radius:6px;background:#fff;padding:3px;box-sizing:border-box}
.search-caret{font-size:10px;color:#a9bdd3;transition:transform .16s ease}
.search-category[aria-expanded="true"] .search-caret{transform:rotate(180deg)}
.search-provider-menu{position:absolute;left:0;right:0;top:53px;z-index:60;display:none;min-width:205px;padding:8px;border:1px solid rgba(110,178,238,.28);border-radius:13px;background:rgba(7,15,29,.98);box-shadow:0 18px 44px rgba(0,0,0,.46);backdrop-filter:blur(14px)}
.search-category-wrap:last-child .search-provider-menu,.search-category-wrap:nth-last-child(2) .search-provider-menu{left:auto;right:0}
.search-provider-menu.open{display:grid;gap:4px}
.search-provider-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:9px;background:transparent;color:#dce8f6;font-size:14px;font-weight:750;text-align:left;cursor:pointer}
.search-provider-option:hover,.search-provider-option:focus-visible{background:rgba(43,164,255,.14);outline:none;color:#fff}
.search-provider-option.selected{background:rgba(43,164,255,.2);color:#fff}
.search-provider-option img{width:27px;height:27px;object-fit:contain;border-radius:6px;background:#fff;padding:3px;box-sizing:border-box}

/* Búsqueda inversa: el archivo se carga en el buscador elegido, nunca en Punto Smart OS. */
.visual-search-dialog{max-width:min(92vw,650px)}
.visual-search-content{position:relative;padding:26px}
.visual-search-heading{display:flex;align-items:flex-start;gap:13px;padding-right:32px}
.visual-search-heading>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:linear-gradient(145deg,#1769da,#16cde9);color:#fff;font-size:29px;font-weight:800;line-height:1}
.visual-search-heading h3{margin:0 0 5px;font-size:25px}
.visual-search-heading p{margin:0;color:#b8c8db;font-size:14px;line-height:1.42}
.visual-search-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.visual-provider{display:flex;min-height:82px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:13px 14px!important;text-align:left;background:rgba(255,255,255,.055)!important;border-color:rgba(131,198,242,.26)!important;transition:.16s ease}
.visual-provider:hover,.visual-provider:focus-visible{transform:translateY(-1px);border-color:rgba(80,218,255,.72)!important;background:rgba(35,164,235,.15)!important;outline:none}
.visual-provider-name{font-size:15px;font-weight:900;color:#eff8ff}
.visual-provider small{color:#b7c7d9;font-size:12px;line-height:1.28}
.visual-search-all{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:13px 16px!important;border-color:rgba(66,222,255,.62)!important;background:linear-gradient(100deg,rgba(20,88,198,.94),rgba(13,164,220,.94))!important;color:#fff!important;font-size:14px;font-weight:900}
.visual-search-all:hover,.visual-search-all:focus-visible{filter:brightness(1.1);outline:3px solid rgba(89,228,255,.2);outline-offset:2px}
.visual-search-note{margin:13px 0 0;color:#9eb2c9;font-size:12px;line-height:1.4;text-align:center}

@media(max-width:1120px){
  .benefit-lead{font-size:clamp(20px,2.2vw,25px)}
  .status-zone .country-global-pill{display:none!important}
}
@media(max-width:920px){
  .app-shell{padding-top:10px}
  .topbar{align-items:flex-start}
  .brand-mark{width:54px!important;height:54px!important;flex-basis:54px!important}
  .brand-text span{font-size:21px!important}.brand-text strong{font-size:29px!important}
  .benefit-lead{font-size:21px}
  .benefit-item{font-size:15px}
  .search-categories{grid-template-columns:repeat(3,minmax(0,1fr))}
  .search-category-wrap:nth-child(3n) .search-provider-menu{left:auto;right:0}
  .search-category-wrap:nth-last-child(2) .search-provider-menu{left:0;right:auto}
}
@media(max-width:620px){
  .app-shell{padding-left:10px!important;padding-right:10px!important}
  .topbar{margin-bottom:8px}
  .brand{gap:7px}.brand-mark{width:42px!important;height:42px!important;flex-basis:42px!important}.brand-mark:after{inset:8px!important}
  .brand-text span{font-size:16px!important}.brand-text strong{font-size:22px!important}
  .status-zone{max-width:none!important}
  .status-zone .hide-small,.status-zone .country-global-pill{display:none!important}
  .status-pill{min-height:42px!important;padding:0 7px!important}
  .dolar-logo{width:32px!important;height:32px!important;font-size:17px!important}
  .dollar-live .live-status-copy{display:block!important}.dollar-live #dollarBlue{font-size:13px!important}.dollar-live #dollarOfficial{font-size:9px!important}
  .benefits-v2{padding:13px 10px 11px;margin-bottom:10px;border-radius:15px}
  .benefit-lead{gap:7px;font-size:17px;line-height:1.18;margin-bottom:11px;letter-spacing:-.15px}
  .benefit-lead>span:first-child{margin-right:5px;font-size:23px}
  .benefit-copy{gap:6px}
  .benefit-item{gap:7px;font-size:12.5px;line-height:1.25}
  .benefit-item span{font-size:18px}
  .benefit-privacy{margin-top:9px;padding-top:8px;gap:7px;font-size:11.5px}
  .benefit-privacy>span{font-size:18px}
  .smart-search-v2{padding:9px!important;margin-bottom:12px!important;border-radius:15px!important}
  .smart-search-v2 .smart-search-box{height:53px!important;padding-left:8px!important;gap:7px!important}
  .smart-search-brand{gap:5px;font-size:10px;letter-spacing:.15px}
  .smart-search-brand-symbol{width:22px;height:22px;font-size:13px}
  .smart-search-brand-browser{display:none}
  .smart-search-divider{height:28px}
  .smart-search-provider-icon{width:23px;height:23px;flex-basis:23px;padding:2px}
  .smart-search-v2 .smart-search-box input{font-size:13px!important}
  .smart-search-visual{width:37px;height:37px;flex-basis:37px;border-radius:9px}
  .smart-search-visual svg{width:19px;height:19px}
  .smart-search-v2 .smart-search-go{height:37px!important;padding:0 12px!important;font-size:12px!important}
  .search-categories{gap:6px;margin-top:8px}
  .search-category{height:39px;font-size:12px;gap:5px;padding:0 5px}
  .search-category-icon{width:21px;height:21px;padding:2px}
  .search-provider-menu{top:45px;min-width:180px}
  .search-provider-option{padding:9px;font-size:13px}
  .search-provider-option img{width:25px;height:25px}
  .visual-search-content{padding:20px 16px 17px}
  .visual-search-heading{gap:10px}
  .visual-search-heading>span{width:36px;height:36px;flex-basis:36px;border-radius:11px;font-size:25px}
  .visual-search-heading h3{font-size:21px}
  .visual-search-options{gap:8px;margin-top:16px}
  .visual-provider{min-height:76px;padding:11px!important}
  .visual-provider-name{font-size:13px}
  .visual-provider small{font-size:11px}
}
@media(max-width:380px){
  .benefit-lead{font-size:15.5px}
  .benefit-item{font-size:10.5px}
  .benefit-privacy{font-size:10.5px}
  .smart-search-brand-text{font-size:0}
  .smart-search-brand-text::after{content:'OS';font-size:10px}
  .search-category span:nth-child(2){font-size:10.5px}
  .visual-search-options{grid-template-columns:1fr}
}