/* Único cambio visual: titular y acceso al buscador dentro del encabezado original.
   Se conservan secciones, formularios, colores y paneles de Oficio App. */
html body #inicio.of26-home .of26-hero .of26-hero-center h1{
  white-space:nowrap!important;
  text-wrap:nowrap;
  font-size:clamp(20px,2.1vw,28px)!important;
  line-height:1.1!important;
  max-width:100%!important;
  margin:8px auto 10px!important;
  letter-spacing:-.042em!important;
}

html body #inicio.of26-home .of26-hero-center .of26-hero-copy{
  max-width:690px!important;
  font-size:clamp(14px,1.25vw,17px)!important;
  line-height:1.46!important;
  margin:0 auto 15px!important;
}
html body #inicio.of26-home .of26-main-directory-action{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  margin:13px auto 20px!important;
  max-width:600px!important;
  text-align:center!important;
}
html body #inicio.of26-home .of26-main-directory-button{
  display:inline-flex!important;
  width:min(100%,520px)!important;
  min-height:57px!important;
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:14px 20px!important;
  color:#082f5d!important;
  background:linear-gradient(90deg,#ffbf00,#ffd24a)!important;
  border:1px solid #eab500!important;
  border-radius:14px!important;
  font-weight:950!important;
  font-size:clamp(15px,1.4vw,18px)!important;
  text-decoration:none!important;
  box-shadow:0 7px 18px rgba(171,131,7,.18)!important;
  transition:transform .15s ease,box-shadow .15s ease;
}
html body #inicio.of26-home .of26-main-directory-button:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(171,131,7,.24)!important;
}
html body #inicio.of26-home .of26-main-directory-button:focus-visible{
  outline:3px solid #225f9d!important;outline-offset:3px!important;
}
html body #inicio.of26-home .of26-main-directory-action p{
  margin:0!important;
  color:#406785!important;
  font-size:13px!important;
  line-height:1.4!important;
}
@media(max-width:640px){
  html body #inicio.of26-home .of26-hero .of26-hero-center h1{
    font-size:clamp(15px,4.25vw,22px)!important;
    white-space:nowrap!important;
    line-height:1.12!important;
  }
  html body #inicio.of26-home .of26-main-directory-button{
    font-size:15px!important;
    min-height:52px!important;
    padding:12px 14px!important;
  }
  html body #inicio.of26-home .of26-main-directory-action{margin-bottom:16px!important;}
}

/* Estructura original: centrado de beneficios y bloque del oficiante abajo. */
html body #inicio.of26-home .of26-entry-grid .of26-entry-card.client>.of26-trust-row{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
  margin:20px auto 4px!important;
  padding:0 6px!important;
  width:100%!important;
}
html body #inicio.of26-home .of26-entry-grid .of26-entry-card.client>.of26-trust-row span{
  display:inline-flex!important;
  justify-content:center!important;
  flex:0 1 auto!important;
  text-align:center!important;
}
html body #inicio.of26-home .of26-entry-grid .of26-entry-card.pro>.of26-trust-row{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  width:100%!important;
  text-align:center!important;
  margin:29px auto 12px!important;
  padding:11px 5px 0!important;
  border-top:1px solid #dce6ef!important;
}
html body #inicio.of26-home .of26-entry-grid .of26-entry-card.pro>.of26-pro-profile-guide{
  margin-top:12px!important;
}
html body #inicio.of26-home .of26-entry-grid .of26-entry-card.pro>.of26-trust-row span{
  display:inline-flex!important;
  justify-content:center!important;
  flex:0 1 auto!important;
  text-align:center!important;
}
@media(min-width:701px) and (max-width:1170px){
 html body #inicio.of26-home .of26-hero .of26-hero-center h1{
   font-size:clamp(20px,2.1vw,27px)!important;
 }
}
@media(max-width:430px){
 html body #inicio.of26-home .of26-hero .of26-hero-center h1{
   font-size:clamp(14px,4.05vw,18px)!important;
 }
}


/* === Portada 2026: red de oficiantes como acceso principal === */
html body #inicio.of26-home .of26-hero .of26-hero-center h1{
  font-size:clamp(27px,3.5vw,46px)!important;
  letter-spacing:-.052em!important;
  line-height:1.07!important;
  white-space:normal!important;
  text-wrap:balance!important;
  max-width:940px!important;
  margin:11px auto 13px!important;
  font-weight:900!important;
  color:#092f55!important;
}
html body #inicio.of26-home .of26-hero-center .oa-red-accent{color:#12609c!important}
html body #inicio.of26-home .of26-hero-center .of26-hero-copy{
  max-width:810px!important;
  font-size:clamp(14px,1.36vw,17px)!important;
  color:#3f607f!important;
  line-height:1.5!important;
  white-space:normal!important;
  margin:0 auto 19px!important;
}
html body #inicio.of26-home .of26-hero-center>.of26-eyebrow{
  color:#14578b!important;
  font-size:clamp(10px,1vw,12px)!important;
  letter-spacing:.12em!important;
  line-height:1.4!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
html body #inicio.of26-home .oa-red-stage{
  width:100%!important;
  max-width:990px!important;
  padding:27px 26px 24px!important;
  margin:19px auto 23px!important;
  border:1px solid #154c7f!important;
  border-radius:26px!important;
  background:linear-gradient(128deg,#092d57 0%,#11548a 100%)!important;
  box-shadow:0 16px 46px rgba(6,42,76,.18)!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
html body #inicio.of26-home .oa-red-stat{
  display:inline-flex!important;
  flex-flow:row wrap!important;
  gap:10px!important;
  justify-content:center!important;
  align-items:center!important;
  padding:7px 17px!important;
  border-radius:100px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.10)!important;
  color:#f8fbff!important;
  font-size:14px!important;
  line-height:1.3!important;
  margin:0 auto 21px!important;
}
html body #inicio.of26-home .oa-red-stat strong{
  color:#ffce3f!important;
  font-size:27px!important;
  letter-spacing:-.035em!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums!important;
}
html body #inicio.of26-home .oa-red-stat-dot{
  display:block!important;
  width:10px!important;height:10px!important;
  flex:none!important;
  border-radius:50%!important;
  background:#ffbf00!important;
  box-shadow:0 0 0 4px rgba(255,191,0,.16)!important;
}
html body #inicio.of26-home form.oa-red-search{
  width:100%!important;
  max-width:940px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:end!important;
  padding:16px!important;
  box-sizing:border-box!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 27px rgba(2,21,42,.18)!important;
  margin:0!important;
  text-align:left!important;
}
html body #inicio.of26-home form.oa-red-search label{
  display:block!important;
  min-width:0!important;
  width:100%!important;
  font-size:13px!important;
  color:#143a5c!important;
  line-height:1.3!important;
  font-weight:800!important;
  text-align:left!important;
  margin:0!important;
}
html body #inicio.of26-home form.oa-red-search select{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding:12px!important;
  min-height:49px!important;
  margin:7px 0 0!important;
  border-radius:10px!important;
  border:1px solid #cdd9e7!important;
  background:#fff!important;
  color:#103652!important;
  font-size:14px!important;
  font-weight:550!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
html body #inicio.of26-home form.oa-red-search button{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:49px!important;
  padding:10px 16px!important;
  border-radius:10px!important;
  background:#ffbf00!important;
  color:#082e57!important;
  border:1px solid #f3b400!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:.015em!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:normal!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
html body #inicio.of26-home form.oa-red-search button:hover{background:#ffd14d!important}
html body #inicio.of26-home .oa-red-below{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px 27px!important;
  margin:16px auto 0!important;
}
html body #inicio.of26-home .oa-red-below a{
  color:#fff!important;
  text-decoration:underline!important;
  text-underline-offset:4px!important;
  font-size:13px!important;
  font-weight:700!important;
}
html body #inicio.of26-home .oa-red-below a:hover{color:#ffde78!important}
html body #inicio.of26-home .oa-red-steps{
  width:100%!important;
  max-width:980px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 auto 28px!important;
  text-align:left!important;
}
html body #inicio.of26-home .oa-red-steps>div{
  display:grid!important;
  grid-template-columns:39px 1fr!important;
  column-gap:10px!important;
  align-items:center!important;
  padding:14px!important;
  background:#fff!important;
  border:1px solid #dfe7f1!important;
  border-radius:15px!important;
  box-shadow:0 5px 18px rgba(25,61,99,.05)!important;
  box-sizing:border-box!important;
}
html body #inicio.of26-home .oa-red-steps>div>span{
  grid-row:1/3!important;
  width:36px!important;height:36px!important;
  display:grid!important;
  place-items:center!important;
  background:#fff3cd!important;
  color:#785c08!important;
  border-radius:10px!important;
  font-size:13px!important;
  font-weight:900!important;
}
html body #inicio.of26-home .oa-red-steps strong{
  font-size:14px!important;
  color:#0b335d!important;
  font-weight:900!important;
}
html body #inicio.of26-home .oa-red-steps p{
  margin:2px 0 0!important;
  font-size:12px!important;
  line-height:1.4!important;
  color:#516984!important;
}
html body #inicio.of26-home .oa-red-featured{
  width:100%!important;
  max-width:980px!important;
  margin:0 auto 18px!important;
  padding:0!important;
  text-align:left!important;
}
html body #inicio.of26-home .oa-red-featured-head{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 13px!important;
}
html body #inicio.of26-home .oa-red-featured-head span{
  color:#1766a1!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.10em!important;
}
html body #inicio.of26-home .oa-red-featured-head h2{
  margin:2px 0 0!important;
  color:#113958!important;
  font-weight:900!important;
  font-size:clamp(18px,2.1vw,24px)!important;
  letter-spacing:-.035em!important;
}
html body #inicio.of26-home .oa-red-featured-head a,
html body #inicio.of26-home .oa-red-feature-link{
  color:#11649b!important;
  font-size:13px!important;
  font-weight:800!important;
  text-decoration:underline!important;
  white-space:nowrap!important;
}
html body #inicio.of26-home .oa-red-featured-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:13px!important;
  width:100%!important;
  margin:0!important;
}
html body #inicio.of26-home .oa-red-pro-card{
  padding:16px 16px 14px!important;
  border:1px solid #d8e4ee!important;
  border-radius:16px!important;
  background:#fff!important;
  min-width:0!important;
  box-shadow:0 7px 20px rgba(12,48,80,.06)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
html body #inicio.of26-home .oa-red-pro-head{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
}
html body #inicio.of26-home .oa-red-pro-avatar{
  display:grid!important;place-items:center!important;
  flex:none!important;width:45px!important;height:45px!important;
  border-radius:12px!important;
  background:#e7f1fb!important;color:#154f83!important;
  font-weight:900!important;font-size:17px!important;
}
html body #inicio.of26-home .oa-red-pro-identity{
  display:flex!important;flex-direction:column!important;gap:3px!important;
  min-width:0!important;
}
html body #inicio.of26-home .oa-red-pro-identity strong{
  color:#0c3159!important;
  font-size:16px!important;
  font-weight:850!important;
  overflow-wrap:anywhere!important;
}
html body #inicio.of26-home .oa-red-pro-identity span{
  color:#1d679e!important;font-weight:750!important;font-size:12px!important;
}
html body #inicio.of26-home .oa-red-pro-area{
  margin:0!important;
  color:#49657b!important;font-size:12px!important;
  line-height:1.4!important;
  overflow-wrap:anywhere!important;
}
html body #inicio.of26-home .oa-red-pro-tag{
  align-self:flex-start!important;
  background:#edf4f9!important;
  border-radius:50px!important;
  padding:5px 9px!important;
  color:#3e6587!important;
  font-size:10px!important;
  font-weight:750!important;
}
html body #inicio.of26-home .oa-red-pro-link{
  width:100%!important;
  margin-top:auto!important;
  text-decoration:none!important;
  text-align:center!important;
  padding:11px!important;
  border-radius:9px!important;
  border:1px solid #b2cbe0!important;
  color:#0d4c82!important;
  font-size:12px!important;
  font-weight:850!important;
  display:block!important;
  box-sizing:border-box!important;
}
html body #inicio.of26-home .oa-red-pro-link:hover{background:#f1f7fc!important}
html body #inicio.of26-home .oa-red-loading{
  margin:5px 0!important;
  color:#56728a!important;
  font-size:13px!important;
  grid-column:1/-1!important;
}
html body #inicio.of26-home .oa-red-other-flow{
  padding:11px 15px!important;
  width:100%!important;
  max-width:980px!important;
  box-sizing:border-box!important;
  margin:12px auto 0!important;
  border-radius:12px!important;
  background:#f5f8fb!important;
  color:#597086!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.5!important;
  text-align:center!important;
}
@media(max-width:900px){
 html body #inicio.of26-home form.oa-red-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 html body #inicio.of26-home form.oa-red-search button{grid-column:1/-1!important}
}
@media(max-width:760px){
 html body #inicio.of26-home .of26-hero .of26-hero-center h1{font-size:clamp(24px,6vw,34px)!important;line-height:1.12!important}
 html body #inicio.of26-home .of26-hero-center .of26-hero-copy{font-size:13px!important;line-height:1.5!important}
 html body #inicio.of26-home .oa-red-stage{padding:18px 13px!important;border-radius:19px!important;margin:15px auto 18px!important}
 html body #inicio.of26-home .oa-red-stat{font-size:12px!important;padding:6px 10px!important;gap:7px!important;margin-bottom:14px!important}
 html body #inicio.of26-home .oa-red-stat strong{font-size:22px!important}
 html body #inicio.of26-home form.oa-red-search{grid-template-columns:1fr!important;gap:11px!important;padding:13px!important}
 html body #inicio.of26-home form.oa-red-search button{grid-column:auto!important}
 html body #inicio.of26-home .oa-red-steps{grid-template-columns:1fr!important;gap:8px!important}
 html body #inicio.of26-home .oa-red-steps>div{padding:11px 13px!important}
 html body #inicio.of26-home .oa-red-featured-grid{grid-template-columns:1fr!important;gap:10px!important}
 html body #inicio.of26-home .oa-red-featured-head{align-items:start!important;flex-wrap:wrap!important}
 html body #inicio.of26-home .oa-red-featured-head a{font-size:12px!important}
 html body #inicio.of26-home .oa-red-pro-card{padding:13px!important}
}
@media(min-width:761px) and (max-width:1080px){
 html body #inicio.of26-home .oa-red-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body #inicio.of26-home .oa-red-pro-card:last-child{display:none!important}
}
@media(prefers-reduced-motion:reduce){
 html body #inicio.of26-home .oa-red-stage *{scroll-behavior:auto!important;transition:none!important}
}