/* PRUEBA: cada sección dentro de una tarjeta blanca, con aire entre una y otra.
   Para quitarlo: borrar este archivo y la línea <link ... tarjetas.css> de cada página. */
.seccion { padding-top: 22px; padding-bottom: 22px; }
.seccion > .ancho { background: rgba(255,255,255,.5); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); border-radius: 28px; padding: clamp(24px, 4vw, 56px); box-shadow: 0 18px 50px -26px rgba(46,42,37,.38); border: 1px solid rgba(255,255,255,.6); }
.encabezado h2, .encabezado .etq, .encabezado p { text-shadow: none; }

/* las tarjetas que ya había adentro se distinguen del blanco con un borde fino y el papel de fondo */
.seccion:not(#nosotros) > .ancho .tarjeta { box-shadow: 0 8px 26px -16px rgba(46,42,37,.35); border: 1px solid rgba(46,42,37,.1); }

/* la carta: la fila de categorías y cada categoría son su propia tarjeta */
.carta2 .rail-cats, .carta2 .cat2 { background: rgba(255,255,255,.5); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); border-radius: 28px; width: min(var(--max), calc(100% - 32px)); margin: 18px auto; box-shadow: 0 18px 50px -26px rgba(46,42,37,.38); border: 1px solid rgba(46,42,37,.06); }
.carta2 .rail-cats { padding: 22px 0 14px; }
.carta2 .cat2 { padding: 26px 0 22px; }
.carta-pie { background: none; }

/* «Nuestra historia» queda como estaba: sin tarjeta ni fondo */
#nosotros { padding-bottom: 88px; }
#nosotros:not(:first-child) { padding-top: 88px; }
#nosotros > .ancho { background: none; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; border: 0; border-radius: 0; padding: 0; }
@media (max-width: 860px) { #nosotros { padding-bottom: 64px; } #nosotros:not(:first-child) { padding-top: 64px; } }