/* TATUARTE R23 — directorio full width + personalidad
   Las bandas importantes ocupan todo el viewport; el contenido conserva el grid interior.
   Menos "tarjeta dentro de tarjeta", más lectura de portal real y navegación inequívoca. */
:root{
  --r23-paper:#f3f4f7;
  --r23-paper-strong:#ffffff;
  --r23-ink:#08090c;
  --r23-line-dark:rgba(255,255,255,.13);
  --r23-line-light:#d6dae2;
  --r23-violet:#8b80ff;
  --r23-ice:#9adfff;
}

/* FULL-WIDTH SYSTEM ------------------------------------------------------- */
.r23-body .r23-band{
  width:100%;max-width:none!important;margin:0!important;
  border-radius:0!important;
}
.r23-band-inner{
  width:100%;max-width:var(--r20-max);margin:0 auto;
  padding-left:var(--r20-pad);padding-right:var(--r20-pad);
}
.r23-band-light{background:var(--r23-paper)!important;color:#101218!important}
.r23-band-dark{background:#0a0c10!important;color:var(--r20-text)!important}

/* Header / readable controls -------------------------------------------- */
.r23-body .r19-logo span{font-size:10.5px!important;letter-spacing:.085em!important}
.r23-body .r19-nav a{font-size:11.5px!important;letter-spacing:.035em!important;font-weight:680!important}
.r23-body .r19-search-link,.r23-body .r19-pro{font-size:10.5px!important}
.r23-body .r20-search input{font-size:16px!important}
.r23-body .r20-search button{font-size:11.5px!important;letter-spacing:.065em}
.r23-body .r20-quick{font-size:11px;gap:8px}
.r23-body .r20-quick a{padding:8px 12px;font-weight:660;border-color:rgba(255,255,255,.16)}
.r23-body .r20-quick a:hover{border-color:rgba(154,223,255,.5);background:rgba(154,223,255,.06)}

/* Utility: real full-width light band ----------------------------------- */
.r23-body .r22-portal-utility{
  display:block!important;padding:0!important;background:var(--r23-paper)!important;
  border-top:1px solid var(--r23-line-light);border-bottom:1px solid var(--r23-line-light);
}
.r23-utility-inner{
  display:grid;grid-template-columns:minmax(280px,.9fr) minmax(420px,1.5fr) minmax(240px,.72fr);
  gap:28px;align-items:stretch;padding-top:30px;padding-bottom:30px;
}
.r23-body .r22-utility-copy h2{font-size:clamp(34px,2.8vw,52px)}
.r23-body .r22-utility-copy p{font-size:16px;line-height:1.52}
.r23-body .r22-utility-steps strong{font-size:22px}
.r23-body .r22-utility-steps span{font-size:14px}
.r23-body .r22-project-link{border-radius:6px;box-shadow:none;border:1px solid rgba(12,14,19,.08)}

/* Directory entry: the four doors should read as navigation, not decoration. */
.r23-body .r20-portal{padding:0!important;background:#090b0f!important;border-bottom:1px solid var(--r23-line-dark)}
.r23-body .r20-portal>.r23-band-inner{padding-top:27px;padding-bottom:38px}
.r23-body .r20-portal-intro{margin-bottom:18px}
.r23-body .r20-portal-intro>span{font-size:10.5px!important;color:#929aa8!important}
.r23-body .r20-portal-intro h2{font-size:30px!important;font-weight:650!important;letter-spacing:-.04em!important}
.r23-body .r20-portal-grid{gap:12px}
.r23-body .r20-portal-card{min-height:215px;border-radius:6px;border-color:rgba(255,255,255,.15)}
.r23-body .r20-portal-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:3;background:linear-gradient(90deg,rgba(139,128,255,.75),rgba(154,223,255,.2),transparent);opacity:.45;transition:opacity .22s ease}
.r23-body .r20-portal-card:hover:before{opacity:1}
.r23-body .r20-portal-copy{inset:auto 18px 16px;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:11px}
.r23-body .r20-portal-copy>span{grid-row:1/4;font-size:10px!important;margin-top:6px;color:#a2a8b3}
.r23-body .r20-portal-copy h3{font-size:clamp(26px,2vw,35px)}
.r23-body .r20-portal-copy p{grid-column:2;max-width:320px;font-size:13.5px!important;line-height:1.4;color:#c3c7cf;margin-top:5px}
.r23-body .r20-portal-copy b{grid-column:2;grid-row:3;justify-self:start;display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:10.5px!important;font-weight:720!important;letter-spacing:.035em;color:#f7f8fb;background:rgba(8,9,12,.48)}
.r23-body .r20-portal-copy b i{font-style:normal;font-size:14px;transition:transform .2s ease}
.r23-body .r20-portal-card:hover .r20-portal-copy b i{transform:translateX(3px)}

/* Styles: full-width background, cards remain the navigable units. */
.r23-body .r20-styles{padding:0!important;background:#0b0d12!important;border-bottom:1px solid var(--r23-line-dark)}
.r23-body .r20-styles>.r23-band-inner{padding-top:clamp(44px,4.6vw,68px);padding-bottom:clamp(44px,4.6vw,68px)}
.r23-body .r20-section-head>div>span,.r23-body .r20-mini-head>span{font-size:10px!important}
.r23-body .r20-section-head>p{font-size:15px!important;line-height:1.55}
.r23-body .r20-section-head-inline>a{font-size:10.5px!important}
.r23-body .r20-style-card{border-radius:6px}
.r23-body .r20-style-copy>span{font-size:9.5px!important}
.r23-body .r20-style-copy p{font-size:12.5px!important;line-height:1.45}

/* Comparison: full-width light working area. Panels are intentionally flat. */
.r23-body .r20-discovery{padding:0!important;background:var(--r23-paper)!important;border-bottom:1px solid var(--r23-line-light)!important}
.r23-body .r20-discovery>.r23-band-inner{padding-top:clamp(46px,4.8vw,70px);padding-bottom:clamp(46px,4.8vw,70px)}
.r23-body .r20-discovery .r20-discovery-panel{border-radius:4px;box-shadow:none;border-color:#d6dae2;background:rgba(255,255,255,.74)}
.r23-body .r20-discovery .r20-panel-head h3{font-size:20px}
.r23-body .r20-discovery .r20-panel-head a{font-size:10.5px!important;font-weight:720}
.r23-body .r20-discovery .r20-work-strip strong{font-size:12.5px}
.r23-body .r20-discovery .r20-work-strip span{font-size:11px!important}
.r23-body .r20-discovery .r20-compact-list strong{font-size:13.5px}
.r23-body .r20-discovery .r20-compact-list span{font-size:11.5px!important}

/* Trust: full-width dark band, no card silhouette around the section. */
.r23-body .r22-trust-band{display:block!important;padding:0!important;background:linear-gradient(110deg,#12151d,#090b10 72%)!important;border-bottom:1px solid var(--r23-line-dark)}
.r23-trust-inner{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.82fr);gap:40px;padding-top:38px;padding-bottom:40px}
.r23-body .r22-trust-head h2{font-size:clamp(34px,3.2vw,54px)}
.r23-body .r22-trust-grid strong{font-size:18px}
.r23-body .r22-trust-grid span{font-size:14px}

/* Cities + guides: one portal band, not two cards floating in another card. */
.r23-body .r20-utility{display:block!important;padding:0!important;background:#090b0f!important;border-bottom:1px solid var(--r23-line-dark)}
.r23-utility-content{display:grid;grid-template-columns:1fr 1fr;gap:0;padding-top:42px;padding-bottom:48px}
.r23-body .r20-utility.r20-utility-1 .r23-utility-content{grid-template-columns:1fr}
.r23-body .r20-city-box,.r23-body .r20-guides-box{padding:0;background:transparent;border:0;border-radius:0}
.r23-body .r20-guides-box{padding-left:36px;margin-left:36px;border-left:1px solid var(--r23-line-dark)}
.r23-body .r20-city-links strong{font-size:17px}
.r23-body .r20-city-links span{font-size:11px}
.r23-body .r20-guide-links span{font-size:9.5px}
.r23-body .r20-guide-links strong{font-size:14.5px}
.r23-body .r20-text-link{font-size:10.5px}

/* Professional CTA: now a real full-width closing band. */
.r23-body .r20-pro-cta{display:block!important;padding:0!important;background:linear-gradient(92deg,#151821 0%,#0b0d12 62%,rgba(139,128,255,.13) 100%)!important;border-top:1px solid var(--r23-line-dark);border-bottom:1px solid var(--r23-line-dark)}
.r23-pro-inner{display:grid;grid-template-columns:1.05fr .8fr auto;gap:34px;align-items:center;padding-top:38px;padding-bottom:40px}
.r23-body .r20-pro-cta>div.r23-pro-inner>div:first-child>span{font-size:10.5px!important;text-transform:uppercase;letter-spacing:.14em;color:#949ba7}
.r23-body .r20-pro-cta h2{font-size:clamp(34px,3.4vw,58px)}
.r23-body .r20-pro-cta .r23-pro-inner>p{font-size:14.5px;line-height:1.55;color:#a7adb8}
.r23-body .r20-pro-actions{gap:9px}
.r23-body .r20-pro-actions a{font-size:10.5px;padding:11px 14px;border-radius:4px}

/* Small directory cues: avoid microtext throughout the home. */
.r23-body .r20-city-links a,.r23-body .r20-guide-links a,.r23-body .r20-compact-list>a{transition:background .18s ease,padding-left .18s ease,border-color .18s ease}
.r23-body .r20-city-links a:hover,.r23-body .r20-guide-links a:hover,.r23-body .r20-compact-list>a:hover{background:rgba(139,128,255,.035)}
.r23-body .r20-discovery .r20-compact-list>a:hover{background:rgba(139,128,255,.055)}

@media(max-width:1180px){
  .r23-utility-inner{grid-template-columns:1fr 1.35fr}.r23-utility-inner .r22-project-link{grid-column:1/-1;min-height:92px}
  .r23-trust-inner{grid-template-columns:1fr}.r23-body .r22-trust-head h2{max-width:18ch}
  .r23-pro-inner{grid-template-columns:1fr 1fr}.r23-pro-inner .r20-pro-actions{grid-column:1/-1;align-items:flex-start;flex-direction:row;flex-wrap:wrap}
}
@media(max-width:900px){
  .r23-utility-inner{grid-template-columns:1fr;gap:18px}
  .r23-body .r20-portal-grid{grid-template-columns:repeat(2,1fr)}
  .r23-trust-inner{gap:24px}
  .r23-utility-content{grid-template-columns:1fr;gap:34px}
  .r23-body .r20-guides-box{padding-left:0;margin-left:0;padding-top:34px;border-left:0;border-top:1px solid var(--r23-line-dark)}
  .r23-pro-inner{grid-template-columns:1fr;gap:22px}.r23-pro-inner .r20-pro-actions{grid-column:auto}
}
@media(max-width:620px){
  .r23-band-inner{padding-left:20px;padding-right:20px}
  .r23-utility-inner{padding-top:24px;padding-bottom:25px}
  .r23-body .r20-portal>.r23-band-inner{padding-top:22px;padding-bottom:30px}
  .r23-body .r20-portal-grid{grid-template-columns:1fr}
  .r23-body .r20-portal-card{min-height:176px}
  .r23-body .r20-portal-copy p{font-size:12.5px!important}
  .r23-body .r20-styles>.r23-band-inner,.r23-body .r20-discovery>.r23-band-inner{padding-top:38px;padding-bottom:38px}
  .r23-trust-inner{padding-top:31px;padding-bottom:32px}
  .r23-utility-content{padding-top:34px;padding-bottom:38px}
  .r23-pro-inner{padding-top:32px;padding-bottom:34px}
}
@media(prefers-reduced-motion:reduce){
  .r23-body .r20-portal-card:before,.r23-body .r20-portal-copy b i,
  .r23-body .r20-city-links a,.r23-body .r20-guide-links a,.r23-body .r20-compact-list>a{transition:none!important;transform:none!important}
}