/* ============================================================
   Maquetacion CLASICA
   Todo centrado y apilado, como una invitacion impresa.
   ============================================================ */

.layout-clasico .portada-inv:not(.con-foto){
  background-image:radial-gradient(760px 400px at 50% 0%,color-mix(in srgb,var(--c-acento) 16%,transparent),transparent 70%);
}
@supports not (background:color-mix(in srgb,red 50%,blue)){
  .layout-clasico .portada-inv:not(.con-foto){background-image:none}
}

/* Filetes que enmarcan la portada */
.layout-clasico .portada-int::before,
.layout-clasico .portada-int::after{
  content:"";display:block;height:1px;width:120px;margin:0 auto;
  background:currentColor;opacity:.4
}
.layout-clasico .portada-int::before{margin-bottom:26px}
.layout-clasico .portada-int::after{margin-top:30px}

/* Alternancia suave entre secciones */
.layout-clasico .seccion:nth-of-type(even){
  background:color-mix(in srgb,var(--c-acento) 5%,var(--c-fondo))
}
@supports not (background:color-mix(in srgb,red 50%,blue)){
  .layout-clasico .seccion:nth-of-type(even){background:var(--c-tarjeta)}
}

.layout-clasico .titulo{letter-spacing:.015em}

/* Los dos lugares, uno junto al otro en pantallas grandes */
@media(min-width:900px){
  .layout-clasico .sec-lugar{padding-block:44px}
  .layout-clasico .tarjeta-lugar{max-width:560px}
}