/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

.grecaptcha-badge { 
    visibility: hidden;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* BOTON WHITE */
.botonwhite {
  position: relative;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  padding: 5px 30px;
  background: transparent;
  color: #CE132D;
  text-align: center;
  display: inline-block;
}

/* Lado izquierdo: arriba */
.botonwhite::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 10px;
  background-color: white;
}

/* Lado izquierdo: abajo */
.botonwhite::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 10px;
  background-color: white;
}

/* Lado derecho: arriba */
.botonwhite span::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 10px;
  background-color: white;
}

/* Lado derecho: abajo */
.botonwhite span::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 10px;
  background-color: white;
}


/* BOTON BLACK */
.botonblack {
  position: relative;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 5px 30px;
  background: transparent;
  color: black;
  text-align: center;
  display: inline-block;
}

/* Lado izquierdo: arriba */
.botonblack::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 10px;
  background-color: black;
}

/* Lado izquierdo: abajo */
.botonblack::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 10px;
  background-color: black;
}

/* Lado derecho: arriba */
.botonblack span::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 10px;
  background-color: black;
}

/* Lado derecho: abajo */
.botonblack span::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 10px;
  background-color: black;
}


/*=================== BOTON RED ===================*/
.botonred {
  position: relative;
  border-top: 1px solid #CE132D;
  border-bottom: 1px solid #CE132D;
  padding: 5px 30px;
  background: transparent;
  color: #CE132D;
  text-align: center;
  display: inline-block;
}
/* Lado izquierdo: arriba */
.botonred::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 10px;
  background-color: #CE132D;
}

/* Lado izquierdo: abajo */
.botonred::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 10px;
  background-color: #CE132D;
}

/* Lado derecho: arriba */
.botonred span::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 10px;
  background-color: #CE132D;
}

/* Lado derecho: abajo */
.botonred span::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 10px;
  background-color: white;
}

/*=================== MARCOS RED ===================*/
.marcos{
  position: relative;
  border-top: 1px solid #CE132D;
  border-bottom: 1px solid #CE132D;
  padding: 10px 30px 0 30px;
  background: transparent;
  text-align: center;
  display: inline-block;
}
/* Lado izquierdo: arriba */
.marcos::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 15px;
  background-color: #CE132D;
}

/* Lado izquierdo: abajo */
.marcos::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 15px;
  background-color: #CE132D;
}

/* Lado derecho: arriba */
.marcos p::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 15px;
  background-color: #CE132D;
}

/* Lado derecho: abajo */
.marcos p::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 15px;
  background-color: #CE132D;
}
/* Lado derecho: arriba */
.marcos h2::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 15px;
  background-color: #CE132D;
}

/* Lado derecho: abajo */
.marcos h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 15px;
  background-color: #CE132D;
}

/*=================== MARCOS BLANCO ===================*/
.marcoswhite{
  position: relative;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  padding: 10px 30px 0 30px;
  background: transparent;
  text-align: center;
  display: inline-block;
}
/* Lado izquierdo: arriba */
.marcoswhite::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 15px;
  background-color: white;
}

/* Lado izquierdo: abajo */
.marcoswhite::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 15px;
  background-color: white;
}

/* Lado derecho: arriba */
.marcoswhite p::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 15px;
  background-color: white;
}

/* Lado derecho: abajo */
.marcoswhite p::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 15px;
  background-color:white;
}

/*=================== MARCOS BLACK ===================*/
.marcosblack{
  position: relative;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 30px;
  background: transparent;
  text-align: center;
  display: inline-block;
}
/* Lado izquierdo: arriba */
.marcosblack::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 15px;
  background-color: black;
}

/* Lado izquierdo: abajo */
.marcosblack::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 15px;
  background-color: black;
}

/* Lado derecho: arriba */
.marcosblack p::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 15px;
  background-color: black;
}

/* Lado derecho: abajo */
.marcosblack p::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 15px;
  background-color:black;
}
/* Lado derecho: arriba */
.marcosblack h2::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 15px;
  background-color: black;
}

/* Lado derecho: abajo */
.marcosblack h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 15px;
  background-color:black;
}