@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');

.texto_sitio
{
	font-family: "Open Sans", sans-serif;
}

.creditos_sitio
{
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	font-style: italic;
}

.titulo_sitio_gris
{
	font-family: "Open Sans", sans-serif;
	font-size: 40px;
	font-weight: 600;
	color: #555555;
	font-style: italic;
	line-height: 44px;
}
.titulo_sitio_rojo
{
	font-family: "Open Sans", sans-serif;
	font-size: 40px;
	font-weight: 600;
	color:#FF0004;
	font-style: italic;
	line-height: 44px;
}
.subtitulo_sitio_rojo
{
	font-family: "Open Sans", sans-serif;
	font-size: 20px;
	font-weight: 600;
	color:#FF0004;
	font-style: italic;
	line-height: 20px;
}




.texto_telefono
{
	font-family: "Open Sans", sans-serif;
	font-weight: bold;
	font-size: 30px;
	font-style: italic;
	color: #89cf32;
}
.texto_telefono_blanco
{
	font-family: "Open Sans", sans-serif;
	font-weight: bold;
	font-size: 40px;
	font-style: italic;
	color: #FFFFFF;
}



 button {
 outline: none;
 cursor: pointer;
 border: none;
 padding: 0.8rem 1rem;
 
 margin: 0;
	 margin-top: 10px;
 font-family: "Open Sans", sans-serif;
	 font-style: italic;
 font-size: inherit;
 position: relative;
 display: inline-block;
 letter-spacing: 0.05rem;
 font-weight: 400;
 font-size: 14px;
 border-radius: 500px;
 overflow: hidden;
 background: #66ff66;
 color: ghostwhite;
}

button span {
	
 position: relative;
 z-index: 10;
 transition: color 0.4s;
}

button:hover span {
 color: black;
}

button::before,
button::after {
	
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 0;
}

button::before {
 content: "";
 background: #A7A7A7;
 width: 120%;
 left: -10%;
 transform: skew(30deg);
 transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}

button:hover::before {
 transform: translate3d(100%, 0, 0);
}


.botonfundido {
 font-family: 'Open Sans Condensed', sans-serif;
	font-style: italic;
	
	font-size:19px;
	color: #ff0000;
	display: block;
    width: 130px;
    height: 28px;
    padding: 4px 0 0 0;
    margin: 0 auto;
    background: #FFFFFF;
    text-align: center;
   	text-decoration: none;
 	transition: all 500ms ease;
	text-decoration: none;
	border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-webkit-border-radius: 22px 22px 22px 22px;
border: 2px solid #ff0000;

}
.botonfundido:hover {
 background: #ff0000;
 color: #FFFFFF;
}


.botonfundido2 {
 font-family: 'Open Sans Condensed', sans-serif;
	font-style: italic;
	
	font-size:19px;
	color: #ff0000;
	display: block;
    width: 150px;
    height: 28px;
    padding: 4px 0 0 0;
    margin: 0 auto;
    background: #FFFFFF;
    text-align: center;
   	text-decoration: none;
 	transition: all 500ms ease;
	text-decoration: none;
	border-radius: 22px 22px 22px 22px;
-moz-border-radius: 22px 22px 22px 22px;
-webkit-border-radius: 22px 22px 22px 22px;
border: 2px solid #ff0000;

}
.botonfundido2:hover {
 background: #ff0000;
 color: #FFFFFF;
}








.titulo_banner_main
{
	font-family: "Open Sans", sans-serif;
	font-size: 32px;
	font-weight: 800;
	font-style: italic;
	line-height: 30px !important;
	color: #FFFFFF;
}
.texto_banner
{
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-weight: 200;
	font-style: italic;
	line-height: 12px !important;
	color: #FFFFFF;
}
.texto_cursivo_banner
{
	font-family: "Shadows Into Light", cursive;
  font-weight: 400;
  font-style: normal;
	font-size: 46px;
	color: #FFFFFF;
}


.clasecaja
{
	margin-left: 5px;
	margin-right:5px;
	margin-top: 10px;
	margin-bottom: 10px;
}


.fondoajustableatabla{
	
 no-repeat center center fixed;
        background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;	
}

.ajustefoto_001
	{
		object-fit: cover;
		width: 70%;
		height: 200px;
	}
.input {
	font-family: "Open Sans", sans-serif;
	font-size: 20px;
  width: 100%;
  max-width: 220px;
  height: 15px;
  padding: 12px;
  border-radius: 12px;
  border: 1.5px solid lightgrey;
  outline: none;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  box-shadow: 0px 0px 20px -18px;
}

.input:hover {
  border: 2px solid lightgrey;
  box-shadow: 0px 0px 20px -17px;
}

.input:active {
  transform: scale(0.95);
}

.input:focus {
  border: 2px solid grey;
}

.textarea {
	font-family: "Open Sans", sans-serif;
	font-size: 20px;
  width: 100%;
  max-width: 320px;
  height: 65px;
  padding: 12px;
  border-radius: 12px;
  border: 1.5px solid lightgrey;
  outline: none;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  box-shadow: 0px 0px 20px -18px;
}

.textarea:hover {
  border: 2px solid lightgrey;
  box-shadow: 0px 0px 20px -17px;
}

.textarea:active {
  transform: scale(0.95);
}

.textarea:focus {
  border: 2px solid grey;
}