/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* -------------------------------------------------------------------------
 * Accesibilidad: enlace "Skip to content"
 *
 * El tema padre lo deja recortado a 1x1 px sin ningun estilo :focus, asi que
 * nunca se puede ver ni alcanzar con el teclado. Aca lo devolvemos a la vista
 * cuando recibe el foco, con los colores de la marca.
 *
 * Agregado el 5 nov 2026.
 * ------------------------------------------------------------------------- */

.skip-link.screen-reader-text:focus,
.skip-link.screen-reader-text:focus-visible {
	position: fixed !important;
	top: 12px;
	left: 12px;
	z-index: 100000;
	clip: auto;
	clip-path: none;
	width: auto;
	height: auto;
	overflow: visible;
	display: block;
	padding: 14px 24px;
	background-color: #383739;
	color: #F1EFE7;
	font-family: "Nunito", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 1px;
	text-decoration: none;
	border: 2px solid #B08D57;
	border-radius: 0;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
}

/* El <main> que agrega el tema hijo no debe dibujar un contorno
   cuando el enlace de salto le pasa el foco. */
main#content:focus {
	outline: none;
}

/* Con la barra de administracion visible, correr el enlace para que no
   quede tapado por ella. */
body.admin-bar .skip-link.screen-reader-text:focus,
body.admin-bar .skip-link.screen-reader-text:focus-visible {
	top: 44px;
}

@media screen and (max-width: 782px) {
	body.admin-bar .skip-link.screen-reader-text:focus,
	body.admin-bar .skip-link.screen-reader-text:focus-visible {
		top: 58px;
	}
}