/* OsserCard Cloud v40.16 - Original restaurado, etapa 1.\n   Deriva de la referencia visual "mudan premium 8".\n   Cargado UNICAMENTE al seleccionar Original restaurado.\n   No introduce estilos en Atelier, Vertice, Nordico o Impacto. */
.layout_original {
  --original-container:1180px;
  --original-wide-container:1480px;
  --original-wide-padding:max(18px,calc((100vw - var(--original-wide-container))/2));
  --original-padding:max(26px,calc((100vw - var(--original-container))/2));
  --original-ink:#121416;
  --original-body:#44494e;
  --original-soft:#f5f6f6;
  --original-dark:color-mix(in srgb,var(--brand-primary) 23%,#101316);
  background:#fff;
  color:var(--original-ink);
}
.layout_original .landing-hero{
  min-height:720px;
  padding:135px var(--original-padding) 94px;
  align-items:center;
  isolation:isolate;
}
.layout_original .landing-hero .landing-cover-image{object-position:center 45%}
.layout_original .landing-hero .landing-cover-overlay{z-index:1}
.layout_original .landing-hero .hero-copy{
  max-width:770px;
  width:min(760px,65vw);
  padding:14px 0 18px;
  background:transparent;
  box-shadow:none;
  color:#fff;
}
.layout_original .hero-copy .hero-heading{
  font-family:var(--landing-font,Inter,system-ui,sans-serif);
  font-weight:800;
  font-size:clamp(3.1rem,6.35vw,6rem);
  line-height:1.015;
  letter-spacing:-.055em;
  margin:18px 0 22px;
  color:#fff;
  overflow-wrap:break-word;
}
.layout_original .hero-copy>p{
  font-size:clamp(1.04rem,1.5vw,1.18rem);
  line-height:1.68;
  color:#fff;
  max-width:630px;
  text-wrap:pretty;
}
.layout_original .hero-label{color:var(--brand-secondary)}
.layout_original .hero-meta{gap:10px 19px;color:#f6f7f7;margin-top:28px;line-height:1.45}
/* Logotipo clasico, sin alterar los menus del SaaS. */
.layout_original .floating-brand{
  top:18px;left:var(--original-padding);
  background:rgba(12,15,16,.65);
  border:1px solid rgba(255,255,255,.3);
  border-radius:999px;
  padding:6px 15px 6px 7px;
  backdrop-filter:blur(7px);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.layout_original .landing-site-menu{
  left:auto;right:var(--original-padding);top:19px;
  transform:none;
  max-width:min(59vw,790px);
  background:rgba(255,255,255,.94);
  color:#141414;
  border:1px solid rgba(0,0,0,.12);
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  border-radius:999px;
}
.layout_original .landing-site-menu a{color:#202328;border-radius:999px}
.layout_original .landing-site-menu a.active{background:var(--brand-primary);color:white}
/* Franja de confianza y bloques originales: imagen a izquierda, tarjetas a derecha. */
.layout_original .trust-strip{
  background:#fff;
  border-bottom:1px solid #e1e4e6;
  min-height:94px;
  gap:15px;
  color:#2f3336;
}
.layout_original .trust-strip strong{font-weight:800}
.layout_original .landing-section{padding:96px var(--original-padding);background:#fff}
.layout_original .section-title{
  grid-template-columns:minmax(0,1fr) minmax(0,.76fr);
  gap:52px;margin-bottom:46px;align-items:end;
}
.layout_original .section-title h2,
.layout_original .landing-process h2,
.layout_original .detail-feature h2{
  font-family:var(--landing-font,Inter,system-ui,sans-serif);
  font-size:clamp(2.4rem,4.1vw,4.2rem);
  font-weight:800;
  line-height:1.05;
  letter-spacing:-.044em;
}
.layout_original .section-title>p{color:var(--original-body);line-height:1.75}
.layout_original .service-layout{
  display:grid;
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
  gap:24px;
  align-items:stretch;
}
.layout_original .editorial-photo{min-height:555px;border-radius:22px;position:relative}
.layout_original .editorial-photo img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover}
.layout_original .editorial-photo figcaption{z-index:1}
.layout_original .service-grid{gap:14px;grid-template-columns:1fr}
.layout_original .service-grid article{
  min-width:0;grid-template-columns:56px minmax(0,1fr);
  border-radius:17px;border:1.5px solid #dadddf;
  box-shadow:none;padding:23px 25px;background:#fff;
}
.layout_original .service-grid h3{font-size:1.23rem;font-weight:800;line-height:1.22}
.layout_original .service-grid p{color:var(--original-body);line-height:1.6}
.layout_original .service-grid b{width:44px;height:44px}
.layout_original .landing-process{
  padding:100px var(--original-padding);
  display:grid;
  grid-template-columns:minmax(0,.80fr) minmax(0,1.2fr);
  align-items:start;
  gap:70px;
  background:var(--original-dark);
  color:#fff;
}
.layout_original .process-copy{position:sticky;top:110px}
.layout_original .process-copy h2{color:#fff}
.layout_original .process-copy>p{color:#f0f0f0;line-height:1.75}
.layout_original .process-steps{gap:16px;grid-template-columns:1fr}
.layout_original .process-steps article{
  grid-template-columns:54px minmax(0,1fr);
  border-radius:17px;
  border:1px solid #dedfe1;
  padding:23px 24px;
  background:white;color:#161616;
  box-shadow:none;
}
.layout_original .process-steps p{color:#50565b;line-height:1.65}
.layout_original .process-steps em{background:var(--brand-secondary)}
.layout_original .detail-feature{
  display:grid;
  grid-template-columns:minmax(0,1.01fr) minmax(0,.99fr);
  gap:0;
  padding:0 var(--original-wide-padding) 104px;
  margin-top:55px;
  background:#fff;
}
.layout_original .detail-feature figure{
  min-height:625px;
  margin:0;
  border-radius:23px 0 0 23px;
  overflow:hidden;
  position:relative;
}
.layout_original .detail-feature figure img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover}
.layout_original .detail-copy{
  border-radius:0 23px 23px 0;
  background:var(--original-dark);color:#fff;
  padding:55px clamp(28px,3vw,50px);
  box-shadow:none;
}
.layout_original .detail-copy h2{color:#fff}
.layout_original .detail-intro,.layout_original .detail-points span{color:#eaeaea}
/* v40.15: manifiesto editorial horizontal, sin tarjetas ni paneles repetidos. */
.layout_original .landing-section.block-highlights{
  position:relative;
  isolation:isolate;
  display:block;
  background:#f2f0eb;
  color:var(--original-ink);
  padding:108px max(28px,calc((100vw - 1320px)/2)) 112px;
  overflow:hidden;
}
.layout_original .block-highlights::before{
  content:"";
  position:absolute;
  width:340px;height:340px;
  right:-175px;top:-186px;
  border:75px solid color-mix(in srgb,var(--brand-secondary) 12%,transparent);
  border-radius:50%;pointer-events:none;
}
.layout_original .block-highlights .highlights-heading{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);
  grid-template-areas:"eyebrow eyebrow" "title intro";
  column-gap:clamp(36px,6vw,118px);
  align-items:end;
  position:relative;
  z-index:1;
  padding-bottom:65px;
}
.layout_original .block-highlights .highlights-heading>span{
  grid-area:eyebrow;
  display:flex;align-items:center;gap:17px;
  color:var(--brand-secondary);
  font-size:.78rem;font-weight:900;letter-spacing:.17em;
  text-transform:uppercase;margin-bottom:27px;
}
.layout_original .block-highlights .highlights-heading>span::before{
  content:"";width:38px;height:3px;flex:0 0 38px;background:var(--brand-secondary);
}
.layout_original .block-highlights .highlights-heading h2{
  grid-area:title;
  max-width:920px;
  font-family:var(--landing-font,Inter,system-ui,sans-serif);
  font-size:clamp(3.3rem,6vw,6.35rem);
  line-height:.99;letter-spacing:-.065em;
  font-weight:850;margin:0;
  color:var(--original-ink);
  overflow-wrap:normal;hyphens:none;text-wrap:balance;
}
.layout_original .block-highlights .highlights-heading p{
  grid-area:intro;
  max-width:345px;margin:0 0 8px;
  color:var(--original-body);
  font-size:clamp(1.06rem,1.34vw,1.23rem);
  line-height:1.7;
}
.layout_original .block-highlights .highlights-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;border-top:2px solid var(--original-ink);
  position:relative;z-index:1;
}
.layout_original .block-highlights .highlight-item{
  display:flex;flex-direction:column;
  align-items:flex-start;position:relative;
  min-width:0;
  padding:39px clamp(18px,2.9vw,48px) 2px;
  border:0;border-radius:0;background:transparent;
  box-shadow:none;
}
.layout_original .block-highlights .highlight-item:first-child{padding-left:0}
.layout_original .block-highlights .highlight-item:last-child{padding-right:0}
.layout_original .block-highlights .highlight-item+.highlight-item{
  border-left:1px solid #d0cfca;
}
.layout_original .block-highlights .highlight-number{
  font-size:clamp(3.6rem,5.9vw,6.35rem);
  font-weight:850;line-height:1;
  letter-spacing:-.09em;
  color:color-mix(in srgb,var(--brand-secondary) 45%,#ddd8d0);
  padding:0;margin:0 0 24px;
}
.layout_original .block-highlights .highlight-content{
  max-width:335px;
}
.layout_original .block-highlights .highlight-item h3{
  font-size:clamp(1.35rem,1.85vw,1.85rem);
  line-height:1.17;letter-spacing:-.035em;
  font-weight:850;color:var(--original-ink);
  margin:0 0 15px;
}
.layout_original .block-highlights .highlight-item p{
  margin:0;color:var(--original-body);
  font-size:1rem;line-height:1.7;
}
.layout_original .block-highlights .highlight-mark{display:none}

/* FAQ en dos columnas amplias: titulo a la izquierda y preguntas a la derecha.
   Solo afecta Original restaurado, no los demas estilos del SaaS. */
.layout_original .landing-section.block-faq{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  align-items:start;
  column-gap:clamp(32px,4.5vw,70px);
  background:#f6f7f7;
  padding-inline:max(30px,calc((100vw - 1220px)/2));
}
.layout_original .block-faq .section-title.compact{
  display:block;
  margin:0;
  width:100%;
  min-width:0;
}
.layout_original .block-faq .faq-list{
  margin:0;
  max-width:none;
  width:100%;
  min-width:0;
}
.layout_original .block-faq .faq details{border-color:#d5d8da}
.layout_original .landing-closing{min-height:530px}
.layout_original .landing-closing h2{font-size:clamp(2.65rem,5.5vw,5rem);line-height:1.08}
.layout_original .landing-footer{background:#0b0c0d;color:#fff}
.layout_original .landing-block-actions{background:#f6f7f7}
/* El contenido extra usa las reglas de ancho y tipografia de la referencia. */
.layout_original .block-extra-content{background:#fff}
.layout_original .block-extra-content .section-title{max-width:1050px}
@media(max-width:1080px){
  .layout_original .landing-site-menu{
    top:82px;left:18px;right:18px;transform:none;
    max-width:calc(100vw - 36px);justify-content:flex-start;
  }
  .layout_original .landing-hero{padding-top:198px}
  .layout_original .landing-hero .hero-copy{width:min(770px,85vw)}
}
@media(max-width:950px){
  .layout_original .landing-section.block-highlights{padding:84px 28px 88px}
  .layout_original .block-highlights .highlights-heading{grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);column-gap:36px;padding-bottom:48px}
  .layout_original .block-highlights .highlights-heading h2{font-size:clamp(2.85rem,6.4vw,4.8rem)}
  .layout_original .block-highlights .highlight-item{padding-inline:22px}

  .layout_original .section-title,
  .layout_original .service-layout,
  .layout_original .landing-process,
  .layout_original .detail-feature,
  .layout_original .landing-section.block-faq{grid-template-columns:minmax(0,1fr)}
  .layout_original .landing-section,.layout_original .landing-process{padding:75px 22px}
  .layout_original .section-title{gap:24px;margin-bottom:36px}
  .layout_original .service-layout{gap:18px}
  .layout_original .editorial-photo{min-height:420px}
  .layout_original .process-copy{position:static}
  .layout_original .landing-process{gap:35px}
  .layout_original .detail-feature{padding:0 22px 80px;margin-top:28px}
  .layout_original .landing-section.block-faq{padding-inline:22px;row-gap:22px}
  .layout_original .detail-feature figure{min-height:420px;border-radius:20px 20px 0 0}
  .layout_original .detail-copy{border-radius:0 0 20px 20px;padding:39px 32px}
}
/* The FAQ keeps its classic lateral arrangement on compact laptop/tablet widths.
   Below 760px it stacks so text remains comfortably readable. */
@media(min-width:761px) and (max-width:950px){
  .layout_original .landing-section.block-faq{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    column-gap:clamp(18px,3.7vw,42px);
    row-gap:0;
  }
  .layout_original .block-faq .section-title h2{font-size:clamp(2rem,3.5vw,3rem)}
}
@media(max-width:760px){
  .layout_original .landing-section.block-faq{grid-template-columns:minmax(0,1fr);row-gap:20px}
  .layout_original .landing-section.block-highlights{padding:76px 22px 83px}
  .layout_original .block-highlights .highlights-heading{display:block;padding-bottom:38px}
  .layout_original .block-highlights .highlights-heading>span{margin-bottom:20px}
  .layout_original .block-highlights .highlights-heading h2{font-size:clamp(2.8rem,9.5vw,4.1rem)}
  .layout_original .block-highlights .highlights-heading p{margin:22px 0 0;max-width:500px}
  .layout_original .block-highlights .highlights-grid{grid-template-columns:1fr}
  .layout_original .block-highlights .highlight-item,
  .layout_original .block-highlights .highlight-item:first-child,
  .layout_original .block-highlights .highlight-item:last-child{
    display:grid;grid-template-columns:90px minmax(0,1fr);
    gap:16px;padding:30px 0;
  }
  .layout_original .block-highlights .highlight-item+.highlight-item{border-left:0;border-top:1px solid #d0cfca}
  .layout_original .block-highlights .highlight-number{font-size:4.1rem;margin:0}
}
@media(max-width:620px){
  .layout_original .landing-section.block-highlights{padding:70px 19px 76px}
  .layout_original .block-highlights .highlights-heading{display:block;padding-bottom:34px}
  .layout_original .block-highlights .highlights-heading>span{margin-bottom:23px}
  .layout_original .block-highlights .highlights-heading h2{font-size:clamp(2.8rem,10.5vw,4.1rem);line-height:1.02}
  .layout_original .block-highlights .highlights-heading p{margin-top:25px;max-width:95%;font-size:1.02rem}
  .layout_original .block-highlights .highlights-grid{grid-template-columns:1fr}
  .layout_original .block-highlights .highlight-item,
  .layout_original .block-highlights .highlight-item:first-child,
  .layout_original .block-highlights .highlight-item:last-child{
    display:grid;grid-template-columns:74px minmax(0,1fr);align-items:start;
    column-gap:16px;padding:26px 0 27px;
  }
  .layout_original .block-highlights .highlight-item+.highlight-item{border-left:0;border-top:1px solid #d0cfca}
  .layout_original .block-highlights .highlight-number{font-size:3.4rem;margin:0;line-height:1.02}
  .layout_original .block-highlights .highlight-item h3{font-size:1.35rem;margin-bottom:9px}

  .layout_original .floating-brand{left:12px;top:12px;padding:4px 10px 4px 5px}
  .layout_original .landing-site-menu{top:73px;left:12px;right:12px;max-width:calc(100vw - 24px);padding:4px}
  .layout_original .landing-site-menu a{padding:8px 11px;font-size:.80rem}
  .layout_original .landing-hero{min-height:660px;padding:175px 21px 66px}
  .layout_original .landing-hero .hero-copy{width:100%;padding:0}
  .layout_original .hero-copy .hero-heading{font-size:clamp(2.65rem,9.1vw,3.65rem);line-height:1.06;margin:14px 0 18px}
  .layout_original .hero-copy>p{font-size:1.02rem;line-height:1.58}
  .layout_original .hero-meta{display:flex;gap:9px 13px;font-size:.79rem;margin-top:22px}
  .layout_original .landing-section,.layout_original .landing-process{padding:68px 19px}
  .layout_original .section-title h2,
  .layout_original .landing-process h2,
  .layout_original .detail-feature h2{font-size:clamp(2.1rem,9vw,2.65rem);line-height:1.08}
  .layout_original .editorial-photo{min-height:320px}
  .layout_original .service-grid article{padding:19px 17px;grid-template-columns:46px minmax(0,1fr);gap:0 13px}
  .layout_original .service-grid b{width:40px;height:40px}
  .layout_original .service-grid h3{font-size:1.08rem}
  .layout_original .process-steps article{padding:20px 18px;grid-template-columns:42px minmax(0,1fr);gap:15px}
  .layout_original .process-steps em{width:40px;height:40px}
  .layout_original .detail-feature{padding:0 19px 74px}
  .layout_original .landing-section.block-faq{padding-inline:19px}
  .layout_original .detail-feature figure{min-height:330px}
  .layout_original .detail-copy{padding:33px 23px}
  .layout_original .landing-footer-main{padding:27px 15px}
}
@media(prefers-reduced-motion:reduce){
  .layout_original *, .layout_original *::before, .layout_original *::after{scroll-behavior:auto}
}

/* En Original respetar el orden real de Settings y mantener las acciones junto a su bloque. */
.layout_original main > * {order:initial}
/* v40.16: La seccion debe pintar siempre que su bloque esta habilitado.
   No usar content-visibility:auto: en algunos navegadores la reserva del layout
   podia quedar como espacio vacio al navegar una pagina SaaS ya configurada. */
.layout_original .block-highlights {
  content-visibility:visible;
  contain:none;
  contain-intrinsic-size:auto;
}

/* v40.18: The newest editorial block inherits Settings colors; user block colors take precedence. */
.layout_original .landing-section.block-highlights{background:color-mix(in srgb,var(--brand-primary) 8%,#fff)}
.layout_original .block-extra-content{background:color-mix(in srgb,var(--brand-primary) 7%,#fff)}
@media(max-width:760px){
 .layout_original .landing-site-menu{top:69px!important;right:16px!important;left:auto!important;transform:none!important;max-width:min(310px,calc(100vw - 32px))!important;display:none!important;flex-direction:column;align-items:stretch;border-radius:12px!important;z-index:51!important}
 .layout_original .landing-site-menu.is-open{display:flex!important}
}