@charset "utf-8";

 .contact-info {
            text-align: right;
            margin-top: 30px;
        }
        .form-container {
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        .contact-info {
            text-align: center;
            margin-top: 20px;
        }

        .contact-info p {
            font-size: 16px;
            margin: 5px 0;
        }
.grey-tittle-h3 {
    color: #444444!important;
    font-size: 1.5rem!important;
}
/* CSS Document */
      .timeline {
        position: relative;
        list-style: none;
        padding: 1rem 0;
        margin: 0;
      }

      .timeline::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0;
        width: 2px;
        margin-left: -1px;
        background-color: #50a1ff;
      }

      .timeline-element {
        position: relative;
        width: 50%;
        padding: 1rem 0;
        padding-right: 2.5rem;
        text-align: right;
      }

      .timeline-element::before {
        content: '';
        position: absolute;
        right: -8px;
        top: 1.35rem;
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: 2px solid #50a1ff;
        background-color: #fff;
      }

      .timeline-element:nth-child(even)::before {
        right: auto;
        left: -8px;
      }

      .timeline-element:nth-child(even) {
        margin-left: 50%;
        padding-left: 2.5rem;
        padding-right: 0;
        text-align: left;
      }

      @media (max-width: 767.98px) {
        .timeline::before {
          left: 8px;
        }
      }

      @media (max-width: 767.98px) {
        .timeline-element {
          width: 100%;
          text-align: left;
          padding-left: 2.5rem;
          padding-right: 0;
        }
      }

      @media (max-width: 767.98px) {
        .timeline-element::before {
          top: 1.25rem;
          left: 1px;
        }
      }

      @media (max-width: 767.98px) {
        .timeline-element:nth-child(even) {
          margin-left: 0rem;
        }
      }

      @media (max-width: 767.98px) {
        .timeline-element {
          width: 100%;
          text-align: left;
          padding-left: 2.5rem;
          padding-right: 0;
        }
      }

      @media (max-width: 767.98px) {
        .timeline-element:nth-child(even)::before {
          left: 1px;
        }
      }

      @media (max-width: 767.98px) {
        .timeline-element::before {
          top: 1.25rem;
        }
      }
    



* {
    box-sizing: border-box;
}

body {
    background-color: #ebecf0;
}

.nav {
    position: absolute;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.nav .item {
    position: absolute;
    width: 55px;
    padding: 18px;
    font-size: 18px;
    border-radius: 50%;
    background-color: #ebecf0;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    transition: all 400ms ease-in-out;
}

.nav .item.open_nav {
    font-size: 22px;
    width: 68px;
    padding: 22PX 0;
    box-shadow: -5px -5px 10px #fff, 5px 5px 10px #babebc;
}

.open .item {
    box-shadow: -5px -5px 10px #fff, 5px 5px 10px #babebc;
}

.open .item.open_nav {
    transform: rotate(42deg);
    box-shadow: inset 7px 2px 10px #babebc, inset -5px -5px 12px #fff;
}

.open .item:nth-child(1){
    transform: translate(-72px, -44px);
}

.open .item:nth-child(2){
    transform: translate(0px, -85px);
}

.open .item:nth-child(3){
    transform: translate(72px, -44px);
    transition-delay: 200ms;
}

.open .item:active {
    box-shadow: inset 1px 1px 2px #babebc, inset -1px -1px 2px #fff;
}

.home {
    color: #2D48FF;
}

.image {
    color: #FF2C71;
}

.config {
    color: #2AB660;
}

#parallax-world-of-ugg .title-parallax h1 {
	font-size:35px;
	letter-spacing:8px;
}
/* Empieza el texto introducción Text_header */
#text_header {

    margin-top: 2rem;
}
#introduccion p  {
	font-family: "Roboto",sans-serif;
	font-size: 8rem;
	line-height: 24px;
	color: #6c757d !important;
}
.introduccion-h3 {
   
    font-weight: 700;
    font-size: 34px;
    margin-bottom: 30px;
    font-family: 'Raleway', sans-serif;
}

.text-intro p strong  {
    color: #444444 !important;
    font-weight: bold;
    
}
#introducion .blockquote-min  {
    border-left: 7px solid #6c757d;
    padding-left: 30px;
    margin-left: 30px;
    font-style: italic; 
    
}
.first-character {
    color: #1F0300;
	font-weight:400;
	float: left; 
	font-size: 84px; 
	line-height: 64px; 
	padding-top: 4px;
	padding-right: 8px;
	padding-left: 3px; 
	font-family: 'Source Sans Pro', sans-serif;
}
.block strong {
	color: #878A8C;
	font-weight: bold;
	font-size: 1.1rem;
}
.objetive {
    padding: 2rem;
    border-radius: 5px;
}
.text-intro ul li {
    font-weight: bolder;
    margin-bottom: 0.7rem;
    font-size: 1.1rem!important;
}
.text-intro ul li i{
margin-right: 1rem;
}
/* Acaba el texto introducción Text_header */



/* Section - Block */
/**************************/
#parallax-world-of-ugg .block {
	background: white; 
	padding: 60px; 
	
	margin:0 auto; 
	
}
#parallax-world-of-ugg 
.block-gray {
	background: #f2f2f2;
	padding: 60px;
}
#parallax-world-of-ugg .section-overlay-mask {
	position: absolute;
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	background-color: black;
	opacity: 0.70;
}

/* Section - Parallax */
/**************************/

#parallax-world-of-ugg .parallax-one {
    padding-top: 200px;
    padding-bottom: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-image: url("../img/contact_us/contact_us.jpg");
    background-attachment: fixed;
    background-size: cover; /* Añadido para hacer la imagen responsiva */
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #333; /* Color de fondo de respaldo */
    color: #fff; /* Color de texto */
    text-align: center;
}



/* Extras */
/**************************/
#parallax-world-of-ugg .line-break {
    border-bottom:1px solid black;
    width: 150px; margin:0 auto;
}
.parallax_h2 {
    font-family: "Roboto Slab", "Times New Roman", serif;
    font-weight: 700;
    font-size: 3rem;
}
/*introducción contacto*/



       

        h1 {
            color: #333;
        }

        p {
            color: #666;
        }

        a {
            color: #007BFF;
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }
/*G>oogle Maps*/
 #map {
	 border:5px solid black;
	 
  }
/* Formulario de Contacto */
/**************************/
.color-red {
	color: #FF0000;
}
.form-check-label {
	color:#6c757d !important;
}
.container-form2 {
            padding: 20px;
        }
        #map {
            height: 400px;
        }
        .form-group {
            margin-bottom: 20px;
        }
#contacto {
	background-color: #F2EDED;
}
.container-form {
	max-width: 600px;
	margin: 0 auto;
	background-color: #f9f9f9;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	margin-top: 50px;
        }
input::placeholder {
	color:#DBDBDB !important;
}
.captcha-container {
	display: flex;
	align-items: center;
}
.captcha-icon {
	font-size: 24px;
	margin-right: 10px;
}
.btn-primary {
	background-color: #ff4d4d;
	border: none;
}
.btn-secondary {
	background-color: #d9534f;
	border: none;
}
.form-title {
	text-align: center;
	font-size: 24px;
	margin-bottom: 20px;
}

/* Media Queries */
/**************************/
@media screen and (max-width: 959px) and (min-width: 768px) {
    #parallax-world-of-ugg .block {
        padding: 40px; 
        width:620px;
    }
}
    
@media screen and (max-width: 767px) {
   #logo-web {
        padding-left: 0;
           margin-left: 0;
    }
    #parallax-world-of-ugg .block {
        padding: 30px;
        width:420px;}
    #parallax-world-of-ugg h2 {
        font-size:30px;
    }
    #parallax-world-of-ugg .block {
        padding: 30px;
    }
    #parallax-world-of-ugg .parallax-one, #parallax-world-of-ugg .parallax-two, #parallax-world-of-ugg .parallax-three {
        padding-top:100px; 
        padding-bottom:100px;
    }
}
@media screen and (max-width: 479px) {
    #parallax-world-of-ugg .block {
        padding: 30px 15px; 
        width:290px;
    }
}
#parallax-world-of-ugg .block {
		padding-left: 0;
		padding-right: 0;
	}

.green-card {
    color: #02C28C;
}
/*--------------------------------------------------------------
# Empiza Cta sección de llamada a la acción
--------------------------------------------------------------*/
.cta {
background: -webkit-linear-gradient(rgba(43, 5, 1, 0.8), rgba(43, 5, 1, 0.8)), url("../img/contact_us/banner-contact-us.jpg")fixed center center;
background: -o-linear-gradient(rgba(43, 5, 1, 0.8), rgba(43, 5, 1, 0.8)), url("../img/contact_us/banner-contact-us.jpg")fixed center center;
background: linear-gradient(rgba(43, 5, 1, 0.8), rgba(43, 5, 1, 0.8)), url("../img/contact_us/banner-contact-us.jpg")fixed center center;
  	background-size: cover;
  	padding: 60px 0;
}

.cta h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

.cta p {
  color: #fff;
}

.cta .cta-btn {
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 25px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #fff;
  color: #fff;
}

.cta .cta-btn:hover {
  background-color:#731106;
  border: 2px solid #A31505;
}
/*--------------------------------------------------------------
# Acaba Cta sección de llamada a la acción
--------------------------------------------------------------*/