/*
Theme Name: NVBareBones
Theme URI: https://novavisiongrp.com
Author: Novavision Group
Author URI: https://novavisiongrp.com
Description: A barebones WordPress theme.
Version: 1.0
License: GPL-2.0+
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-custom-theme
*/

/* -- BEGIN: Font Styles -- */
/* -- Ref: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-weight -- */
@font-face {
  font-family: "Nunito Sans";
  font-display: swap;
  src: url("https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/NunitoSans_7pt-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Nunito Sans";
  font-display: swap;
  src: url("https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/NunitoSans_pcc-Regular.woff2") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Nunito Sans";
  font-display: swap;
  src: url("https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/NunitoSans_7pt-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Nunito Sans";
  font-display: swap;
  src: url("https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/NunitoSans_7pt-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Nunito Sans";
  font-display: swap;
  src: url("https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/NunitoSans_7pt-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Nunito Sans";
  font-display: swap;
  src: url("https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/NunitoSans_7pt-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Nunito Sans";
  font-display: swap;
  src: url("https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/NunitoSans_7pt-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/Montserrat-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/Montserrat-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: light;
}

@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/Montserrat-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("https://pccjbu.k3n0b1.com/wp-content/themes/nvbarebones/fonts/Montserrat-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}


/**Animate.css*/
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  animation-name: fadeInUp;
  animation-duration: 2s;
  animation-fill-mode: both;
}
/* Estado inicial (invisible hasta que entre en viewport) */
.animate-on-scroll {
  opacity: 0;
  visibility: hidden;
}

/* Cuando se activa */
.animate-on-scroll.fadeInUp {
  animation-name: fadeInUp;
  animation-duration: 2s;
  animation-fill-mode: both;
  opacity: 1;
  visibility: visible;
}
.animate-fast {
    animation-duration: 0.8s !important;
}
/**Footer**/
#banner-razones-container {
    position: relative;  /* Necesario para los pseudo-elementos */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 100px;
    border-radius: 10px; /* Aplica el border-radius al contenedor */
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
/* Pseudo-elemento para el color de fondo azul con opacidad */
#banner-razones-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00567F; /* Color de fondo azul */
    opacity: 0.85; /* Opacidad */
    z-index: 1; /* Asegura que el pseudo-elemento quede por debajo del contenido */
	 border-radius: 10px; /* Aplica el border-radius al pseudo-elemento también */
}
/* Asegúrate de que el contenido quede por encima del pseudo-elemento */
#banner-razones-container > div {
    position: relative;
    z-index: 2;
}
#banner-razones-container p{
margin-bottom:40px;
}
.btn-light-footer
{

    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #00567F;
	padding-top: 10px;
    padding-right: 40px;
    padding-bottom: 10px;
    padding-left: 40px;
	border-radius: 0px 0px 0px 0px;
}
.btn-light-footer:hover{border-radius: 30px 5px 30px 30px;background-color: #FFFFFF;color: #00567F; }

#form-cita-container
{
	position: relative;  /* Necesario para los pseudo-elementos */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px;
    text-align: center;
}
/* Pseudo-elemento para el color de fondo oscuro con opacidad */
#form-cita-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000; 
   	opacity: 0.5; /* Opacidad */
    z-index: 1; /* Asegura que el pseudo-elemento quede por debajo del contenido */
	
}
/* Asegúrate de que el contenido quede por encima del pseudo-elemento */
#form-cita-container > div {
    position: relative;
    z-index: 2;
}
#form-cita-container .icons-locations-email {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #5CCAF5;
	padding: .5em;
}



@media (max-width:767px) {
	#razones-container,#form-cita-container {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#banner-razones-container{padding: 80px 20px;}
	#razones-container h2 {
        padding-left: 50px;
		padding-right: 50px;
    }
}

@media (max-width:768px) {
#form-cita-container{padding-right:0px;padding-left:0px;}
}