/* Ajustes propios de la versión WordPress (sobre los CSS originales). */

/* La lupa de la ficha (antes estilos inline en la plantilla). */
.magnify { width: 200px; margin: 50px auto; position: relative; }
.magnify .large {
	width: 175px; height: 175px; position: absolute; border-radius: 100%;
	box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
	display: none;
}

/* Títulos: WordPress usa h1 en la ficha, mantener el aspecto original. */
.detalhe_produto .details .ref h1 { font-size: inherit; font-weight: inherit; margin: 0; line-height: inherit; color: inherit; }

/* Mapa de contactos (Leaflet u OpenStreetMap necesita altura explícita). */
#map_canvas { width: 100%; height: 450px; }
#map_canvas.leaflet-container { z-index: 1; }

/* Enlace a la ficha técnica junto a los iconos de compartir. */
.detalhe_produto .extras .share_icons a { color: inherit; text-decoration: none; }

/* Botón del catálogo cuando no hay imagen. */
.catalogo_btn { display: inline-block; background: #fff; color: #ec5a30; padding: 10px 24px; text-transform: uppercase; font-size: 15px; }
.catalogo_link img { max-width: 100%; height: auto; }

/* Feedback de formularios. */
.form-error { color: #DA1935; }
.form-success { color: #2e7d32; }

/* Páginas genéricas creadas con el editor de bloques. */
.eplas-conteudo { font-size: 14px; line-height: 1.6; color: #6F6F6E; padding: 20px 0 40px; }
.eplas-conteudo img { max-width: 100%; height: auto; }

/* Noticias: imágenes fluidas. */
#noticias .img_news img { max-width: 100%; height: auto; }

/* Barra de administración de WordPress no debe tapar el menú. */
.admin-bar header { padding-top: 0; }

/* Elementos de WordPress que no queremos ver. */
.screen-reader-text { position: absolute; left: -9999px; }
