/* R190 · Logos reales, sin un fotograma de la identidad sustituida.
   La reserva de espacio evita que el menú salte mientras se consulta el panel. */
html[data-theme] #aeAtelierHeader .logo img:not([data-ae-logo-ready="1"]),
html[data-theme] .footer__logo:not([data-ae-logo-ready="1"]),
html[data-theme] .auth-logo:not([data-ae-logo-ready="1"]),
html[data-theme] .auth-card > img:not([data-ae-logo-ready="1"]){
  visibility:hidden!important;opacity:0!important;
}

/* Los tres PNG del cliente contienen 95px de transparencia superior;
   encuadrar el archivo únicamente cuando coincide con su formato original.
   Los logos de otro formato conservan contain para no recortarlos. */
html[data-theme] #aeAtelierHeader .logo img[data-ae-logo-padded="1"]{
  width:100%;height:58px;max-width:100%;max-height:58px;
  object-fit:cover;object-position:center 68%;
}
html[data-theme] #aeAtelierHeader .logo img[data-ae-logo-padded="0"]{
  width:100%;height:auto;max-height:56px;object-fit:contain;
}
html[data-theme] .auth-logo[data-ae-logo-padded="1"],
html[data-theme] .auth-card > img[data-ae-logo-padded="1"]{
  width:min(260px,85%);height:64px;max-height:64px;object-fit:cover;
  object-position:center 68%;
}
html[data-theme] .footer__logo[data-ae-logo-padded="1"]{
  width:min(230px,100%);height:57px;max-height:57px;
  object-fit:cover;object-position:center 68%;filter:brightness(0) invert(1)!important;
}
/* El verde esmeralda se aclara como verde menta sobre el fondo verde oscuro.
   El negro queda natural en el modo claro. */
html[data-theme="dark"] #aeAtelierHeader .logo img[data-ae-logo-padded="1"],
html[data-theme="dark"] #aeAtelierHeader .logo img[src*="alterego-store-emerald-r190.png"]{
  filter:brightness(2.2) saturate(.8)!important;
}
html[data-theme="dark"] .auth-logo[src*="alterego-store-emerald-r190.png"],
html[data-theme="dark"] .auth-card > img[src*="alterego-store-emerald-r190.png"]{
  filter:brightness(2.2) saturate(.8)!important;
}
html[data-theme="light"] #aeAtelierHeader .logo img[src*="alterego-store-black-r190.png"]{
  filter:none!important;
}
html[data-theme] .footer__logo[data-ae-logo-padded="0"]{
  width:min(230px,100%);height:auto;max-height:66px;object-fit:contain;
}
@media(max-width:760px){
  html[data-theme] #aeAtelierHeader .logo img[data-ae-logo-padded="1"]{
    width:100%;height:31px;max-height:31px;
  }
  html[data-theme] .auth-logo[data-ae-logo-padded="1"],
  html[data-theme] .auth-card > img[data-ae-logo-padded="1"]{
    width:min(230px,85%);height:57px;max-height:57px;
  }
  html[data-theme] .footer__logo[data-ae-logo-padded="1"]{
    width:min(205px,100%);height:51px;max-height:51px;
  }
}

/* R198 · Encabezados de cuenta, pedidos, carrito y pago, alineados con los módulos.
   Se integra en la hoja de marca existente para evitar CSS de página duplicado. */
.ae-transaction-header{padding:clamp(14px,2.4vw,26px) 0 0}
.ae-transaction-header__inner,
.ae-transaction-header+main.section>.container{
  width:var(--ae-campaign-content-width);max-width:1400px;margin-inline:auto;
}
.ae-transaction-header__inner{
  position:relative;isolation:isolate;display:flex;align-items:center;
  min-height:clamp(190px,20vw,265px);height:auto;
  padding:clamp(26px,3.4vw,48px) clamp(24px,5vw,66px);
  border:1px solid var(--ae-line-strong);border-radius:17px;
  overflow:hidden;box-shadow:0 13px 32px rgba(0,0,0,.06);
}
html[data-theme="dark"] .ae-transaction-header__inner{
  background:linear-gradient(125deg,#071b17 4%,#0f3b2e 55%,#164f3b 100%);color:#f6f4e9;
}
html[data-theme="light"] .ae-transaction-header__inner{
  background:linear-gradient(128deg,#f7f4e8 0%,#e9efe2 56%,#d5e6d8 100%);color:#173f30;
}
.ae-transaction-header__inner>div:first-child{position:relative;z-index:1;max-width:min(75%,710px);min-width:0}
.ae-transaction-header__inner .ae-overline{display:block;font-size:clamp(9px,.8vw,11px);font-weight:800;letter-spacing:.16em;line-height:1.35;opacity:.85;margin-bottom:13px;color:inherit!important}
.ae-transaction-header__inner h1{font:500 clamp(31px,4vw,51px)/1.12 var(--ae-serif,Georgia,serif);letter-spacing:-.04em;margin:0 0 9px;color:inherit!important}
.ae-transaction-header__inner p{font-size:clamp(12px,1.15vw,14px);line-height:1.5;color:inherit!important;opacity:.83;max-width:540px;margin:0}
.ae-transaction-header__ornament{
  position:absolute;z-index:0;display:block!important;inset:0 3% 0 auto;
  width:clamp(125px,37%,380px);height:100%;opacity:1;
  font-size:0!important;line-height:0;letter-spacing:0;
  background:url('/tienda/archivos/ae-monograma-arial-oscuro-r74.svg') center/contain no-repeat;
  pointer-events:none;user-select:none;
}
html[data-theme="light"] .ae-transaction-header__ornament{
  background-image:url('/tienda/archivos/ae-monograma-arial-claro-r74.svg');
}
.ae-transaction-header+main.section{padding-top:clamp(15px,2.5vw,29px)}
@media(max-width:760px){
  .ae-transaction-header{padding-top:13px}
  .ae-transaction-header__inner{
    min-height:clamp(150px,35vw,190px);padding:clamp(19px,4vw,30px);
    border-radius:14px;box-shadow:none;
  }
  .ae-transaction-header__inner>div:first-child{max-width:90%}
  .ae-transaction-header__inner .ae-overline{font-size:8px;letter-spacing:.11em;margin-bottom:9px}
  .ae-transaction-header__inner h1{font-size:clamp(27px,6vw,37px);margin-bottom:7px}
  .ae-transaction-header__inner p{font-size:11px;line-height:1.4;max-width:32ch}
  .ae-transaction-header__ornament{right:-5%;width:48%;opacity:.8}
}
@media(max-width:390px){
  .ae-transaction-header__inner{min-height:155px;padding:17px 16px}
  .ae-transaction-header__inner h1{font-size:28px}
  .ae-transaction-header__inner>div:first-child{max-width:100%}
  .ae-transaction-header__ornament{right:-11%;width:47%;opacity:.6}
}
