/* Ajustes que solo necesita WordPress para verse igual que la maqueta aprobada.
   Se cargan después de maqueta.css y sueltos.css. */

/* Fotos sueltas de la maqueta (<img class="mb-foto">): en WordPress son bloques Imagen (una
   figura con la foto adentro), para que Ricardo las cambie desde el editor. La figura se queda
   con el margen y la foto con la proporción, el recorte y las esquinas. */
figure.wp-block-image.mb-foto{aspect-ratio:auto;background:none;border-radius:0;width:auto;height:auto;margin:0 0 16px}
figure.wp-block-image.mb-foto > img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:10px;background:#e9edf0}
.mb-14 figure.wp-block-image.mb-foto{margin:0}
.mb-14 figure.wp-block-image.mb-foto > img{aspect-ratio:4/3;border-radius:14px}
figure.wp-block-image.mb-banda-foto > img{display:block;width:100%;height:auto;aspect-ratio:21/8;object-fit:cover;border-radius:14px;background:#e9edf0}
@media (max-width:781px){figure.wp-block-image.mb-banda-foto > img{aspect-ratio:16/9}}

/* Galería de servicios: la maqueta usa pies de foto sin el margen que WordPress le da a los
   pies de los bloques Imagen. */
.v3-galeria .wp-element-caption{margin:0}

/* Franjas con foto (.v3-banda): en la maqueta la foto es un fondo CSS con un degradado oscuro
   encima; en WordPress son bloques Portada (la foto se cambia desde el editor). El degradado va
   en la capa de color de la portada, que así sigue asegurando el contraste del texto blanco. */
.wp-block-cover.v3-banda{padding:0;min-height:380px;background:#16212b}
.wp-block-cover.v3-banda > .wp-block-cover__background{opacity:1!important;background:linear-gradient(90deg,rgba(16,26,35,.92) 0%,rgba(16,26,35,.72) 42%,rgba(16,26,35,.12) 100%)!important}
.wp-block-cover.v3-banda > .wp-block-cover__inner-container{width:100%}
.wp-block-group.v3-banda__in{max-width:1180px}
@media (max-width:781px){
  .wp-block-cover.v3-banda{min-height:300px}
  .wp-block-cover.v3-banda > .wp-block-cover__background{background:linear-gradient(180deg,rgba(16,26,35,.55),rgba(16,26,35,.9))!important}
}

/* Cifras y precios: en la maqueta son divs con el texto directo; en WordPress el texto va en un
   párrafo editable dentro del div, sin el margen propio del párrafo. */
.ciet-libre > p.ciet-texto{margin:0}