/* PIXARTE - Opcion 1. Solo apariencia de portada. */
.luco-nav .luco-logo span{font-size:clamp(25px,2.6vw,38px);letter-spacing:-.045em}
.luco-welcome.pixarte-choice{padding:clamp(14px,2.2vw,28px) 16px clamp(9px,1.5vw,18px)!important;background:#071e33}
.luco-welcome.pixarte-choice h1{font-size:clamp(26px,3.2vw,43px)!important;margin:0!important;line-height:1.12!important}
.pixarte-install-row{display:flex;justify-content:center;margin:0!important;gap:0!important}
.pixarte-install-row:has(.luco-install:not([hidden])){margin-top:12px!important}
.pixarte-install-row .luco-install{font-size:13px;padding:10px 18px}
.luco-intro#historia{padding-top:clamp(14px,2vw,26px)!important;padding-bottom:clamp(8px,1.4vw,16px)!important}
.luco-intro#historia h2{margin:0 0 7px!important}
.luco-intro#historia p{margin:0!important}
@media(max-width:760px){
 .luco-welcome.pixarte-choice{padding:14px 12px 10px!important}
 .luco-welcome.pixarte-choice h1{font-size:clamp(23px,6vw,32px)!important}
 .luco-nav .luco-logo span{font-size:clamp(23px,6vw,29px)}
 .luco-intro#historia{padding:16px 12px 10px!important}
}
@media(max-width:380px){.luco-nav .luco-logo span{font-size:22px}}

/* ==========================================================================
   PIXARTE - Portada "Lukito y Lore" (version limpia, sustituye todos los
   parches anteriores).
   Imagen original: 2172 x 724 px (relacion 3:1).
   - PC y tablet: se muestra COMPLETA, sin recortes ni deformacion.
   - Movil (<= 600px): marco 2.2:1 con object-fit:cover centrado; solo recorta
     un poco de paisaje a los lados, el cartel y los ninos quedan enteros.
   ========================================================================== */
.pixarte-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.pixarte-new-friends.pixarte-lukito-lore{
  /* el ancho y los margenes laterales vienen de luco-duo.css (igual que las otras tarjetas) */
  display:block;
  position:relative;
  box-sizing:border-box;
  margin-top:8px;margin-bottom:34px;
  padding:0;
  gap:0;
  aspect-ratio:2172 / 724;
  height:auto;min-height:0;
  overflow:hidden;
  isolation:isolate;
  border:2px solid #ffffff2a;
  border-radius:26px;
  background:#09283a;
  box-shadow:0 18px 50px #0009;
}
.pixarte-new-friends.pixarte-lukito-lore .pixarte-new-friends__art{
  position:absolute;inset:0;
  display:block;
  width:100%;height:100%;
  max-width:none;max-height:none;
  object-fit:cover;            /* el marco tiene la misma proporcion que la imagen: no recorta */
  object-position:center;
  border-radius:0;
  transform:none;
}

/* Distintivo "PROXIMAMENTE" */
.pixarte-new-friends.pixarte-lukito-lore .pixarte-lore-coming{
  position:absolute;z-index:5;top:12px;left:12px;
  display:inline-flex;align-items:center;gap:7px;
  max-width:calc(100% - 24px);padding:8px 13px;
  background:#071e33e8;color:#b6ff45;border:1px solid #b6ff45a8;
  border-radius:999px;font:900 clamp(11px,1.3vw,14px)/1.1 system-ui,sans-serif;
  letter-spacing:.04em;box-shadow:0 3px 14px #0008;pointer-events:none;
}

/* Movil: marco algo mas alto para que el cartel con el titulo se lea bien */
@media (max-width:600px){
  .pixarte-new-friends.pixarte-lukito-lore{
    aspect-ratio:2.2 / 1;
    margin-top:14px;margin-bottom:24px;
    border-radius:22px;
  }
  .pixarte-new-friends.pixarte-lukito-lore .pixarte-lore-coming{
    top:auto;bottom:8px;left:8px;padding:5px 9px;font-size:10px;
  }
}