/* Óptica (ES /optica, EN /en/optica)
   Wix: sección 1 = foto con efecto "BG Reveal" (min-height 500 px escritorio / 490,9 px móvil, foco arriba al centro).
   Sección 2 = fondo arena (textura al 50 % + velo rgba(169,146,95,.2)) con el embed "silv-optica-new" / "silv-en-optica". */

.optica-arena{min-height:578px;padding-block:max(.5px,1.5625vw)}   /* padding de la sección en Wix: 0,015625 × ancho */
.optica-arena::after{background:rgba(169,146,95,.2)}
/* en Wix el velo queda DEBAJO de la textura (blanco -> velo .2 -> textura al 50 %): da #e4dbcd como hoy, no #dfd5c4 */
.optica-arena::before{z-index:-1}
.optica-arena::after{z-index:-2}

/* el embed usa avenir-lt-w01_35-light (un solo corte Light) aunque pida peso 400 */
.optica-prosa{padding:24px var(--gutter) 30px}
.optica-prosa h1{font-weight:300;margin:0 0 20px}
.optica-prosa h2{font-weight:300;line-height:23px}   /* ES: line-height normal de Avenir a 19 px = 23 px por renglón */
.optica-prosa p{margin:0 0 14px}
.optica-prosa .p-fuerte{font-weight:300;line-height:20px;margin:0 0 6px}   /* line-height normal de Avenir a 17 px = 20 px */

/* el embed EN usa padding 24/40, h1 margen 22 y párrafos con margen 16 */
html[lang="en"] .optica-prosa{padding-bottom:40px}
html[lang="en"] .optica-prosa h1{margin-bottom:22px}
html[lang="en"] .optica-prosa h2{line-height:1.3}
html[lang="en"] .optica-prosa p{margin-bottom:16px}
html[lang="en"] .optica-prosa .p-fuerte{margin-bottom:6px}

@media (max-width:750px){
  .optica-arena{min-height:511px;padding-block:max(.5px,5.12821vw)}
}