/* Banner invitaciones: cabeza por fuera del recuadro (solo pantallas grandes) */
@media (min-width:960px){
  html body .inv-banner.inv-banner{--headroom:96px}
  html body .inv-banner__visual.inv-banner__visual{overflow:visible;z-index:6}
  html body .inv-banner__photo.inv-banner__photo{height:calc(100% + var(--headroom));width:100%;object-fit:contain;object-position:right bottom;clip-path:inset(0 0 0 0 round 0 0 var(--banner-radius) 0)}
}

/* Menu superior: tamaño de letra fijo en pantallas grandes */
@media (min-width:1400px){
  html body .top-menu-link.top-menu-link{font-size:.85rem;letter-spacing:.06em;padding:0 .6em}
}

/* Banner invitaciones en celular/tablet: cabeza por fuera del recuadro */
@media (max-width:959px){
  html body .inv-banner.inv-banner{margin-top:56px}
  html body .inv-banner__visual.inv-banner__visual{overflow:visible;z-index:6}
  html body .inv-banner__photo.inv-banner__photo{height:calc(100% + 56px);margin-top:-56px;max-width:min(72%,280px)}
}

/* Banner: ejemplos como inspiracion, sin "Ver detalles" */
html body .inv-example__link.inv-example__link{display:none}
@media (min-width:1200px){
  html body .inv-banner.inv-banner{--inv-visual-col:clamp(300px,28%,420px)}
  html body .inv-banner__content.inv-banner__content{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);grid-template-areas:"copy examples" "cta trust";column-gap:2.2rem;row-gap:1.6rem;align-items:center;padding:2.2rem 1.4rem 1.8rem 2.4rem}
  html body .inv-banner__copy.inv-banner__copy{grid-area:copy}
  html body .inv-banner__title-line.inv-banner__title-line{font-size:clamp(2rem,2.4vw,2.7rem);white-space:nowrap}
  html body .inv-banner__examples.inv-banner__examples{grid-area:examples}
  html body .inv-banner__examples.inv-banner__examples::before{content:"Ejemplos de invitaciones";grid-column:1/-1;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45)}
  html body .inv-example.inv-example{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.07)}
  html body .inv-example__title.inv-example__title{white-space:nowrap;font-size:.8rem}
  html body .inv-example__body.inv-example__body{font-size:.82rem}
  html body .inv-banner__footer.inv-banner__footer{display:contents}
  html body .inv-banner__cta.inv-banner__cta{grid-area:cta;width:auto;justify-self:start;padding:0 1.8rem}
  html body .inv-banner__trust.inv-banner__trust{grid-area:trust;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:center}
  html body .inv-banner__trust-item.inv-banner__trust-item{font-size:.8rem}
}

/* Banner: avion rosado y fueguito como icono */
html body .inv-example__icon.mdi-airplane{color:#F0005A!important;caret-color:#F0005A!important}
html body .inv-banner__flame.inv-banner__flame>span[aria-hidden]{font-size:0;display:inline-block;vertical-align:-0.12em}
html body .inv-banner__flame.inv-banner__flame>span[aria-hidden]::before{content:"\F0238";font-family:"Material Design Icons";font-size:1.15rem;line-height:1;color:#F0005A}

/* Paleta 2026: fondo del inicio */
html body .home-featured-band.home-featured-band::before{background-image:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.08) 22%,rgba(0,0,0,0) 48%,rgba(0,0,0,.12) 78%,rgba(0,0,0,.55)),url("/fondo-rosas-2026.jpg") !important}
/* Paleta 2026: sin degradado en avisos */
html body .services-incomplete-banner.services-incomplete-banner{background-image:none !important;background-color:#4A0C1C !important}

/* Menu superior: letra mas chica y mas aire entre logo e INICIO */
@media (min-width:1400px){
  html body .top-menu-link.top-menu-link{font-size:.75rem;letter-spacing:.07em;padding:0 .7em}
  html body .top-menu-title.top-menu-title{margin-right:2.5rem}
}

/* Menu: PUBLICA TU PERFIL (diferenciado sutil) + ajustes de ancho */
html body .top-menu-link.top-menu-link[href="/register-model"]{font-weight:500;color:#F0005A}
html body .top-menu-link.top-menu-link[href="/register-model"]::before{content:"";width:5px;height:5px;border-radius:50%;background:#F0005A;margin-right:.45em;flex:none}
@media (min-width:1440px){
  html body .top-menu-link.top-menu-link{font-size:.72rem;letter-spacing:.05em;padding:0 .5em}
  html body .top-menu-links.top-menu-links{gap:0}
  html body .top-menu-title.top-menu-title{margin-right:1.75rem}
}
@media (min-width:1280px) and (max-width:1439px){
  html body .top-menu-link.top-menu-link{font-size:.66rem;letter-spacing:.03em;padding:0 .45em}
  html body .top-menu-links.top-menu-links{gap:0}
  html body .top-menu-title.top-menu-title{margin-right:1rem}
}
/* Notebooks chicas / tablets horizontales: menu hamburguesa */
@media (min-width:960px) and (max-width:1279px){
  html body .top-menu-links.top-menu-links{display:none !important}
  html body .top-menu-mobile-trigger.top-menu-mobile-trigger{display:inline-flex !important}
  html body .top-menu-mobile-panel.top-menu-mobile-panel{display:block}
}
/* Celular: LOGO ... corazon, cuenta, menu */
@media (max-width:959px){
  html body .top-menu-icon-btn.top-menu-icon-btn:has(.mdi-magnify,.mdi-bell-outline,.mdi-bell){display:none !important}
  html body .top-menu-heart-btn.top-menu-heart-btn{display:inline-flex !important}
  html body .top-menu-panel-btn.top-menu-panel-btn{min-width:44px !important;width:44px;padding:0 !important;margin-left:0;background:transparent !important;box-shadow:none !important;border:0 !important}
  html body .top-menu-panel-btn.top-menu-panel-btn .v-btn__content{display:none}
  html body .top-menu-panel-btn.top-menu-panel-btn .v-btn__prepend{margin:0}
  html body .top-menu-panel-btn.top-menu-panel-btn .v-icon{font-size:26px}
  html body .top-menu-panel-btn.top-menu-panel-btn .v-btn__overlay{opacity:0}
}
html body .top-menu-mobile-panel__link.top-menu-mobile-panel__link[href="/register-model"]{color:#F0005A;font-weight:500;border-top:1px solid #25282B;border-bottom:1px solid #25282B;margin:8px 0;padding:14px 4px}

/* Menu: sin "Perfiles" (escritorio y celular) */
html body .top-menu-links a[href="/#destacadas"],html body .top-menu-mobile-panel__primary a[href="/#destacadas"]{display:none!important}

/* Registro escort: fondo de rosas mas intenso solo en el formulario */
html.uru-pp-on.uru-pp-form .register-model-view{background:linear-gradient(rgba(5,4,5,.28),rgba(5,4,5,.5)),url(/fondo-rosas-2026.jpg) center top/cover fixed!important}

/* Registro escort: avisos (documento, zona) con la paleta Uruguapas */
html body .register-model-view .v-alert.text-warning,html body .register-model-view .v-alert.text-info{color:#F0005A!important;background:rgba(18,8,12,.94)!important;border:1px solid rgba(240,0,90,.45)!important}
html body .register-model-view .v-alert.text-warning .v-alert__underlay,html body .register-model-view .v-alert.text-info .v-alert__underlay{background:#F0005A!important;opacity:.07!important}
html body .register-model-view .v-alert.text-warning .text-error{color:#FF6F61!important}
@media(max-width:600px){html body .register-model-view .v-alert .v-alert__prepend{margin-inline-end:10px!important}html body .register-model-view .v-alert .v-alert__prepend .v-icon{font-size:28px!important;width:28px!important;height:28px!important}}

/* Textura de fondo (damasco de rosas y llamas) en las areas negras */
html body .home-root{background:transparent!important}
html body .home-featured-band.home-featured-band{background-color:transparent!important}
html body .home-featured-band.home-featured-band::before{-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)!important;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)!important}

/* Textura de fondo con degradé (repetida hacia abajo) */
html body .v-application{background:#000 url(/textura-arabesco.jpg) repeat-y center top/100% auto!important}
@media(max-width:1100px){html body .v-application{background-size:1664px auto!important}}
html body .home-root{background:transparent!important}
html body .home-featured-band.home-featured-band{background-color:transparent!important}
html body .home-featured-band.home-featured-band::before{-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)!important;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)!important}


/* Textura arabesco en todas las paginas (reemplaza el fondo de rosas). El Panel personal queda como esta. */
html:root body .content-page.content-page,html:root body .register-model-view.register-model-view.register-model-view{background:transparent!important}
html:root body .cf-hero{background-image:linear-gradient(90deg,rgba(7,5,6,.95) 0%,rgba(7,5,6,.75) 40%,rgba(7,5,6,.25) 70%,rgba(7,5,6,.6) 100%),url(/img/cf/hero.jpg)!important}
html:root body .cf-01{background-image:linear-gradient(90deg,rgba(14,9,11,.75),rgba(14,9,11,.97) 30%),url(/img/cf/s01.jpg)!important}
html:root body .cf-02{background-image:linear-gradient(90deg,rgba(14,9,11,.98) 45%,rgba(14,9,11,.35) 100%),url(/img/cf/s02.jpg)!important}
html:root body .cf-03{background-image:linear-gradient(90deg,rgba(14,9,11,.98) 50%,rgba(14,9,11,.4) 100%),url(/img/cf/s03.jpg)!important}
html:root body .cf-05{background-image:linear-gradient(90deg,rgba(14,9,11,.97) 50%,rgba(14,9,11,.4) 100%),url(/img/cf/s05.jpg)!important}
html:root body .pp-hero{background-image:linear-gradient(90deg,rgba(6,4,5,.96) 0%,rgba(6,4,5,.7) 45%,rgba(6,4,5,.2) 70%,rgba(6,4,5,.55) 100%),url(/img/pp/hero.jpg)!important}
html:root body .cf-hero{background-position:center 18%!important}
@media(max-width:860px){html:root body .cf-hero{background-image:linear-gradient(180deg,rgba(7,5,6,.55),rgba(7,5,6,.82)),url(/img/cf/hero.jpg)!important;background-position:68% top!important}}
html:root body .cf-05{background-image:linear-gradient(90deg,rgba(14,9,11,.97) 45%,rgba(14,9,11,.25) 100%),url(/fondo-rosas-2026.jpg)!important;background-size:cover!important;background-position:right center!important}
html:root body .cf-01{background-image:linear-gradient(90deg,rgba(14,9,11,0) 0,rgba(14,9,11,.6) 12%,rgba(14,9,11,.97) 26%),url(/img/cf/s01.jpg)!important;background-size:100% 100%,auto 100%!important;background-position:0 0,left center!important;background-repeat:no-repeat!important;padding-left:150px!important}
html:root body .cf-02,html:root body .cf-03{background-size:100% 100%,auto 100%!important;background-position:0 0,right center!important;background-repeat:no-repeat!important;background-color:rgba(14,9,11,.95)!important}
html:root body .cf-02{background-image:linear-gradient(90deg,rgba(14,9,11,1) 64%,rgba(14,9,11,.1) 92%),url(/img/cf/s02.jpg)!important}
html:root body .cf-03{background-image:linear-gradient(90deg,rgba(14,9,11,1) 52%,rgba(14,9,11,.1) 82%),url(/img/cf/s03.jpg)!important}
@media(max-width:860px){html:root body .cf-01{padding-left:26px!important;background-image:linear-gradient(rgba(14,9,11,.9),rgba(14,9,11,.97)),url(/img/cf/s01.jpg)!important}}
@media(max-width:600px){html:root body .cf-01{padding-left:18px!important}html:root body .cf-02,html:root body .cf-03{background-image:linear-gradient(90deg,rgba(14,9,11,.95) 40%,rgba(14,9,11,.55) 100%),url(/img/cf/s02.jpg)!important}html:root body .cf-03{background-image:linear-gradient(90deg,rgba(14,9,11,.95) 40%,rgba(14,9,11,.55) 100%),url(/img/cf/s03.jpg)!important}}
html:root body .cf-04{background:linear-gradient(90deg,rgba(14,9,11,.9) 0%,rgba(14,9,11,.78) 55%,rgba(14,9,11,.5) 100%),url(/img/cf/s06.jpg) center/cover no-repeat!important}
html:root body .cf-04 .cf-six{background:rgba(10,6,8,.82)!important}
html:root body .cf-06{background:linear-gradient(90deg,rgba(14,9,11,.95) 40%,rgba(14,9,11,.35) 100%),url(/fondo-rosas-2026.jpg) right center/cover no-repeat!important}
html:root body .cf-06 .cf-four{background:rgba(10,6,8,.82)}
html:root body .pp-hero{background-image:url(/img/pp/hero.webp)!important;background-size:auto 108%!important;background-position:60% bottom!important;background-repeat:no-repeat!important}
@media(max-width:800px){html:root body .pp-hero{background-image:linear-gradient(rgba(6,4,5,.62),rgba(6,4,5,.86)),url(/img/pp/hero.webp)!important;background-size:100% 100%,auto 70%!important;background-position:0 0,right top!important}}
/* Planes: Gratis en bordo profundo, Zafiro en rosa coral */
html:root body .pp-plan[data-plan="gratis"] h3,html:root body .pp-plan[data-plan="gratis"] small,html:root body .pp-plan[data-plan="gratis"] .pp-gema{color:#E9A3B0!important}
html:root body .pp-plan[data-plan="gratis"] .pp-mi{color:#C2566B!important}
html:root body .pp-plan[data-plan="gratis"] .pp-btn--line{border-color:#7A1E36!important}
html:root body .pp-plan[data-plan="zafiro"]{border-color:rgba(255,111,97,.55)!important}
html:root body .pp-plan[data-plan="zafiro"] h3,html:root body .pp-plan[data-plan="zafiro"] small,html:root body .pp-plan[data-plan="zafiro"] .pp-gema,html:root body .pp-plan[data-plan="zafiro"] .pp-mi{color:#FF6F61!important}
html:root body .pp-plan[data-plan="zafiro"] .pp-btn--line{border-color:rgba(255,111,97,.7)!important}
html:root body .pp-plan[data-plan="zafiro"] .pp-btn--line:hover{background:rgba(255,111,97,.14)!important}
html:root body .pp-plan[data-plan="gratis"]{border-color:rgba(122,30,54,.9)!important}
@media(min-width:561px) and (max-width:1100px){html:root body .pp-book{grid-template-columns:1.1fr 1fr!important}html:root body .pp-book>div:first-child{grid-column:1/-1}html:root body .pp-book .pp-booklist{grid-column:auto!important}}
html:root body .pp-fotos img{aspect-ratio:3/4.6!important}
html:root body .pp-hero{background-image:linear-gradient(90deg,rgba(6,4,5,.5) 0%,rgba(6,4,5,0) 42%,rgba(6,4,5,0) 68%,rgba(6,4,5,.6) 100%),url(/img/pp/hero-full.jpg)!important;background-size:100% 100%,cover!important;background-position:0 0,center 22%!important;background-repeat:no-repeat!important;min-height:470px}
@media(max-width:800px){html:root body .pp-hero{background-image:linear-gradient(rgba(6,4,5,.6),rgba(6,4,5,.86)),url(/img/pp/hero-full.jpg)!important;background-size:100% 100%,cover!important;background-position:0 0,64% top!important;min-height:0}}
