/* WEB-PAGINAS-20261013 · Una presentación común para las rutas existentes.
   Continúa inicio.css: aquí viven las páginas internas, sin lógica de negocio.
   Los colores proceden del tema administrable y de sus superficies claro/oscuro. */
.ezhome-secondary-main{
  --ink:var(--ezh-ink);--muted:var(--ezh-muted);--line:var(--ezh-line);
  --paper:var(--ezh-surface);--canvas:var(--ezh-canvas);
  min-height:calc(100vh - 134px);overflow-x:clip;
  background:var(--ezh-canvas);color:var(--ezh-ink);padding-top:1px;
}
.ezhome-secondary-main>.page{max-width:1320px;padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(56px,7vw,96px)}
.ezhome-secondary-main .page-title{margin-bottom:32px}
.ezhome-secondary-main .page-title .eyebrow{color:var(--ezh-blue);letter-spacing:.14em}
.ezhome-secondary-main .page-title h1{color:var(--ezh-ink);font-size:clamp(32px,4vw,48px);letter-spacing:-.045em}

/* Cabeceras sin fondos comerciales: cambiar fondo y texto juntos evita
   conservar el blanco del antiguo degradado encima de una superficie blanca. */
body.ez-public-root .ezhome-secondary-main :is(.info-hero,.service-hero,.ezstore-toolbar){
  border:1px solid var(--ezh-line);border-radius:var(--ezh-radius);
  background:var(--ezh-surface);background-image:none;color:var(--ezh-ink);
  box-shadow:none;padding:clamp(26px,4vw,48px);
}
body.ez-public-root .ezhome-secondary-main :is(.info-hero,.service-hero) :is(h1,h2){
  color:var(--ezh-ink);font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.04em;
}
body.ez-public-root .ezhome-secondary-main :is(.info-hero,.service-hero) p{color:var(--ezh-muted);font-size:16px;line-height:1.65}
body.ez-public-root .ezhome-secondary-main :is(.info-hero,.service-hero) .eyebrow{color:var(--ezh-blue);font-size:11px;letter-spacing:.16em}
body.ez-public-root .ezhome-secondary-main .ezstore-toolbar-title strong{color:var(--ezh-ink)}
body.ez-public-root .ezhome-secondary-main .ezstore-toolbar-title small{color:var(--ezh-blue)}

/* Superficies compartidas. No se aplican a fotos, insignias semánticas,
   muestras de color, controles de cantidad ni marcas de proveedores OAuth. */
body.ez-public-root .ezhome-secondary-main :is(.panel,.product-card,.service-card,.category-card,.info-card,.legal-content,.booking-option,.account-card,.detail-info.detail-buy,.gallery,.summary,.cart2-summary,.cart2-item,.auth-card,.art-card,.help-card,.faq-q,.svc-pick,.mq-c){
  border-color:var(--ezh-line);border-radius:var(--ezh-radius);
  background:var(--ezh-surface);color:var(--ezh-ink);
  box-shadow:0 8px 24px rgba(16,24,40,.045);
}
.ezhome-secondary-main :is(.summary,.cart2-summary){top:154px}
.ezhome-secondary-main .product-card h3{font-size:15px;line-height:1.45}
.ezhome-secondary-main .product-meta{font-size:13px;line-height:1.55}
.ezhome-secondary-main .product-actions .add-cart{width:44px;min-width:44px}
.ezhome-secondary-main :is(.text-link,.art-more){color:var(--ezh-blue)}
/* El acento escrito conserva contraste en oscuro; el relleno de botones no cambia. */
body.ez-public-root .ezhome-secondary-main :is(.product-price,.detail-price,.service-price,.cart-price,.cart2-price,.sum-total b,.svc-sell-price,.svc-sel-suma b){color:var(--pink-fg)}
.ezhome-secondary-main .breadcrumbs{flex-wrap:wrap;row-gap:8px;line-height:1.5}

/* Botones de todas las familias; el relleno sigue al CMS y las acciones
   conservan sus clases y atributos de disparo originales. */
.ezhome-secondary-main :is(.btn,.btn-cart,.btn-buy,.acct-btn,.d3-b1,.d3-b2,.s2-b1,.s2-b2,.sm-b,.mq-b,.company-button){
  min-height:44px;border-radius:999px;font-weight:650;
  transition:transform .2s var(--ezh-ease),background .2s,box-shadow .2s;
}
.ezhome-secondary-main .product-actions .btn{min-height:44px;border-radius:999px;font-size:13px}
.ezhome-secondary-main :is(.btn,.btn-cart,.btn-buy,.acct-btn,.d3-b1,.d3-b2,.s2-b1,.s2-b2,.sm-b,.company-button):focus-visible{outline:3px solid var(--ezh-blue);outline-offset:4px}
.ezhome-secondary-main :is(.btn,.btn-cart,.btn-buy,.acct-btn,.d3-b1,.d3-b2,.s2-b1,.s2-b2,.sm-b,.company-button):active:not(:disabled){transform:scale(.98)}
.ezhome-secondary-main :is(.btn,.btn-cart,.btn-buy,.acct-btn,.d3-b1,.d3-b2,.s2-b1,.s2-b2,.sm-b,.company-button):disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}
/* El ::after del enlace de soporte debe seguir cubriendo toda su tarjeta. */
.ezhome-secondary-main .svc-duo-card .btn:is(:hover,:active){transform:none}
.ezhome-secondary-main :is(.s2-tab,.chip-cat,.faq-cat){min-height:44px;border-radius:14px}

/* Formularios: conservar tipos, nombres, validación, checkboxes y señuelos. */
body.ez-public-root .ezhome-secondary-main .field :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]){
  min-height:48px;border:1px solid var(--ezh-line);border-radius:14px;
  background:var(--ezh-canvas);color:var(--ezh-ink);font-size:16px;
}
.ezhome-secondary-main .field label{color:var(--ezh-ink);line-height:1.5}
.ezhome-secondary-main .field :is(input,select,textarea)::placeholder{color:var(--ezh-muted);opacity:1}
body.ez-public-root .ezhome-secondary-main .auth-card :is(h1,h2,h3,b,strong){color:var(--ezh-ink)}
body.ez-public-root .ezhome-secondary-main .auth-card :is(p,small,.muted,.divider){color:var(--ezh-muted)}
body.ez-public-root .ezhome-secondary-main .auth-card a:not(.btn){color:var(--ezh-blue)}

/* Lectura editorial y noticias, disponibles también al entrar directamente.
   El artículo usa recomendaciones más compactas que el listado principal. */
.ezhome-secondary-main :is(.art-grid,.help-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}
.ezhome-secondary-main .resource-page .art-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:20px}
.ezhome-secondary-main .art-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .25s var(--ezh-ease),box-shadow .25s}
.ezhome-secondary-main .art-card>img{display:block;width:100%;height:190px;object-fit:cover}
.ezhome-secondary-main .resource-page .art-card>img{height:140px}
.ezhome-secondary-main :is(.art-b,.art-body){padding:24px}
.ezhome-secondary-main .art-card h3{margin:0 0 12px;font-size:21px;font-weight:650;line-height:1.3;letter-spacing:-.025em;color:var(--ezh-ink)}
.ezhome-secondary-main .resource-page .art-card h3{font-size:18px}
.ezhome-secondary-main .art-card p{margin:0 0 16px;color:var(--ezh-muted);opacity:1;font-size:15px;line-height:1.65}
.ezhome-secondary-main .art-chip{display:inline-flex;align-items:center;min-height:28px;margin-bottom:12px;border-radius:999px;background:var(--ezh-canvas);padding:5px 10px;color:var(--ezh-blue);font-size:11px;font-weight:650;letter-spacing:.05em;text-transform:uppercase}
.ezhome-secondary-main .art-more{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:650}
.ezhome-secondary-main .art-hero-img{display:block;width:100%;max-height:380px;object-fit:cover;border-radius:var(--ezh-radius);margin-bottom:24px}
.ezhome-secondary-main .art-meta{margin:0 0 24px;font-size:14px;color:var(--ezh-muted);opacity:1}
.ezhome-secondary-main .art-read{max-width:760px;margin:0 auto;color:var(--ezh-ink);font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.ezhome-secondary-main .art-read h3{margin:32px 0 12px;font-size:23px;line-height:1.3;letter-spacing:-.025em}
.ezhome-secondary-main .legal-page .corp-body{max-width:900px;color:var(--ezh-ink);overflow-wrap:anywhere}
.ezhome-secondary-main .legal-page .corp-body :is(p,li){font-size:16px;line-height:1.8;color:var(--ezh-ink)}
.ezhome-secondary-main .legal-page .corp-body h2{margin:32px 0 14px;font-size:25px;line-height:1.3;color:var(--ezh-ink)}
.ezhome-secondary-main .legal-page .corp-body h3{margin:28px 0 12px;font-size:21px;line-height:1.35;color:var(--ezh-ink)}
.ezhome-secondary-main .legal-page .corp-body a:not(.btn){color:var(--ezh-blue);text-underline-offset:3px}
.ezhome-secondary-main :is(.art-cta,.faq-contact){max-width:760px;margin:40px auto 0;padding:32px;border:1px solid var(--ezh-line);border-radius:var(--ezh-radius);background:var(--ezh-surface);text-align:center}

/* Ayuda: iconos sobre superficies neutras, sin los fondos multicolores. */
.ezhome-secondary-main .help-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.ezhome-secondary-main .help-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .25s var(--ezh-ease),box-shadow .25s}
.ezhome-secondary-main .help-art{display:flex;height:118px;align-items:center;justify-content:center;background:var(--ezh-canvas);color:var(--ezh-blue)}
.ezhome-secondary-main .help-art svg{width:40px;height:40px;filter:none}
.ezhome-secondary-main .help-body{padding:24px}
.ezhome-secondary-main .help-body h3{margin:0 0 10px;font-size:20px;font-weight:650;line-height:1.3;letter-spacing:-.025em}
.ezhome-secondary-main .help-body p{margin:0;color:var(--ezh-muted);opacity:1;font-size:15px;line-height:1.65}

/* FAQ: los details/summary nativos siguen gobernando teclado y apertura. */
.ezhome-secondary-main .faq-wrap{max-width:920px;margin:0 auto}
.ezhome-secondary-main .faq-cats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 32px}
.ezhome-secondary-main .faq-cat{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ezh-line);border-radius:999px;background:var(--ezh-surface);padding:10px 16px;color:var(--ezh-ink);font-size:14px;font-weight:650;text-decoration:none;transition:border-color .2s,color .2s}
.ezhome-secondary-main .faq-cat svg{width:16px;height:16px}
.ezhome-secondary-main .faq-group{margin:32px 0;scroll-margin-top:154px}
.ezhome-secondary-main .faq-gtitle{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:21px;font-weight:650;line-height:1.35}
.ezhome-secondary-main .faq-badge{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;flex:none;border:1px solid var(--ezh-line);border-radius:14px;background:var(--ezh-surface);color:var(--ezh-blue)}
.ezhome-secondary-main .faq-badge svg{width:20px;height:20px}
.ezhome-secondary-main .faq-q{margin:12px 0;overflow:hidden;border:1px solid var(--ezh-line);border-radius:18px;transition:border-color .2s}
.ezhome-secondary-main .faq-q[open]{border-color:var(--ezh-blue)}
.ezhome-secondary-main .faq-q summary{display:flex;min-height:64px;align-items:center;gap:12px;list-style:none;cursor:pointer;padding:18px 22px;font-size:16px;font-weight:650;line-height:1.45}
.ezhome-secondary-main .faq-q summary::-webkit-details-marker{display:none}
.ezhome-secondary-main .faq-chev{margin-left:auto;flex:none;transition:transform .2s}
.ezhome-secondary-main .faq-chev svg{width:18px;height:18px}
.ezhome-secondary-main .faq-q[open] .faq-chev{transform:rotate(180deg)}
.ezhome-secondary-main .faq-a{padding:0 22px 22px;color:var(--ezh-muted);font-size:16px;line-height:1.7;opacity:1}

@media(hover:hover) and (pointer:fine){
  .ezhome-secondary-main :is(.art-card,.help-card):hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(16,24,40,.09)}
  .ezhome-secondary-main .faq-cat:hover{border-color:var(--ezh-blue);color:var(--ezh-blue)}
}
@media(max-width:767px){
  .ezhome-secondary-main{min-height:calc(100vh - 76px)}
  .ezhome-secondary-main>.page{padding:28px 18px 56px}
  .ezhome-secondary-main .shop-page>.page-title{display:block}
  .ezhome-secondary-main .page-title h1{font-size:32px}
  .ezhome-secondary-main :is(.summary,.cart2-summary){top:92px}
  .ezhome-secondary-main :is(.art-grid,.help-grid){gap:20px}
  .ezhome-secondary-main :is(.art-b,.art-body,.help-body){padding:22px}
  .ezhome-secondary-main :is(.art-cta,.faq-contact){padding:24px}
  .ezhome-secondary-main .faq-group{scroll-margin-top:94px}
  .ezhome-secondary-main .faq-q summary{padding:18px;font-size:15px}
  .ezhome-secondary-main .faq-a{padding:0 18px 20px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .ezhome-secondary-main *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
