@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,200;6..12,300;6..12,400;6..12,500;6..12,600;6..12,700;6..12,800;6..12,900;6..12,1000&display=swap');
* {
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Nunito Sans', sans-serif;
  /*font-weight: 300;*/
}

html, body {
  width: 100vw;
  overflow-x: hidden;
}
strong {font-weight: bolder;}

.title {
  font-size: 2rem;
  text-align: center;
  padding: 2rem;
  font-weight: 300;
}

.sub-title {
  font-size: 1.5rem;
  text-align: center;
  font-weight: 300;
  /* padding: 1rem; */
}
.text-center {
  text-align: center !important;
}
.description {
  font-size: 1.2rem;
  font-weight: 200;
  letter-spacing: 2px;
  text-align: center;
	padding-top: 2rem;
}

.container {
  max-width: 95%;
  margin: 0 auto;
  width: 100%;
}
section {position:relative;}
.separador { background:#fff; height:25px;}
.fw400 {font-weight:400;}
#cursos-target {
  height: 70px;
}
#targetplaneta{
  height: 70px;
}
#targetplaneta2{
  padding-top: 30px;padding-bottom: 30px; position:relative;
}
#cursos-targetwind, #targetouting, #target-planeta2 {
 position: absolute;
  top: -70px;
}
#cursos-targetfoil {
 position: absolute;
  top: -70px;
}
#faq-target {
  height: 70px;
}
#rse-target {
  height: 70px;
}
#contact-target {
  height: 70px;
}
.form-uno { padding-bottom: 20px; }
/* HEADER START */
header {
  width: 100%;
  height: auto;
  background: url(../img/portada_2024.jpg);
  background-size: cover;
  background-position: 10%;
}
/* fondos header*/
.p1 { background-image: url(../img/portada_o.jpg);}

.p2 { background-image: url(../img/portada_2.jpg);}
/**/
.whatsapp img {
  position: fixed;
  z-index: 100;
  margin-left: 80%;
  margin-top: 80vh;
/*  height: 80px;
  width: 80px;*/
}

.content {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-top: 80px;
}

.content-block {
  padding: 20px;
}

.items-center {
  align-items: center !important;
}
#block-title {
  text-align: center;
  color: white;
  font-size: 3vw;
text-shadow:  0 0 15px rgba(0, 0, 0,.4), 0 0 5px rgba(0, 0, 0,.4);
}
#block-title h1 {  font-weight:700;}
#block-title h2 { font-weight:normal;}
/* FORM START */
.antispam {
  display: none;
}

input {
  width: 100%;
}

.form-input {
  background: rgba(255, 255, 255, 0.5);
  border: none;
  outline: none;
  border-bottom: 2px solid #fff;
  padding: 15px;
  border-radius: 2px;
  font-size: 14px;
  color: #37465a;
  height: 60px;
  margin: 10px auto;
}

.btn-submit {
  outline: none;
  background: rgba(0, 0, 0, .7);
  font-size: 18px;
  border: none;
  color: #fff;
  padding: 15px 0;
  cursor: pointer;
  transition: all .3s ease;
  font-weight: lighter;
  font-family: inherit;
  border-radius: 2px;
  height: 60px;
  margin: 10px auto;
}

.btn-submit:hover {
  background: rgba(0, 0, 0, .9);
}

::placeholder {
  color: #37465a;
}

/* FORM END */
/* HEADER END */
/* SECTION 1 START */
.card-block {
  display: flex;
  flex-wrap: wrap;
}

.card {
  width: 100%;
  padding: 1rem;
  font-size: 1.2rem;
  text-align: center;
}

.card img {
  width: 40vw;
  height: 40vw;
  border-radius: 50%;
  margin: 1em 0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin: 0 auto;
}

.card-title {
  font-weight: 400;
  font-size: 1rem;
  padding: 1rem;
	line-height: 1.4rem;
}
	.ct2 span { font-weight: 400;}


.card-description {
  font-weight: 200;
  font-size: 1rem;
margin-top: 1em;
}

/* SECTION 1 END */

/* SECTION 2 3 4 PARALLAX START */

#cursos-sup {
  height: 100%;
  background-image: url(../img/fondo15low.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  /* background-position: center; */
}
#cursos-wind {
  height: 100%;
  background-image: url(../img/fondo8.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
#cursos-foil {
  height: 100%;
  background-image: url(../img/fondo_foil.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
#avanzadas {
  height: 100%;
  background-image: url(../img/fondo_avanzada_2.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
background-position:center center;
}
/* fondos avanzadas*/
/*.a1 {background-image: url(../img/a1.jpg);}
.a2 {background-image: url(../img/a2.jpg);}
.a3 {background-image: url(../img/a3.jpg);}
.a4 {background-image: url(../img/a4.jpg);}*/

/**/
#rental {
  height: 100%;
background-color:#FFF;
/*  background-image: url(../img/paddle.jpg);*/
  background-size: cover;
  /* background-attachment: fixed; */
  background-repeat: no-repeat;
  background-position: center;
}
	.globi {		width: 80%!important;}
@media (min-width:768px){	 
	.globi {		margin: 25px 0 35px 0!important;}
	 
}

.rental {font-weight: 400;}
#guarderia {
  height: 100%;
  background-image: url(../img/guarderia.jpg);
  background-size: cover;
  /* background-attachment: fixed; */
  background-repeat: no-repeat;
  background-position: center;
  color: white;  min-height: 800px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#outing {
  height: 100%;
  background-size: cover;
  /* background-attachment: fixed; */
  background-repeat: no-repeat;
  background-position: center; 
  color: white;background-blend-mode: multiply; padding-bottom:1rem;  min-height: 800px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/* fondos outing*/
.a1 { background: rgba(11,11,12, 0.26) 0% 0% url(../img/outing.jpg);}
.a2 { background: rgba(11,11,12, 0.26) 0% 0% url(../img/outing2.jpg);}
.a3 { background: rgba(11,11,12, 0.26) 0% 0% url(../img/outing3.jpg);}

/**/
#outing .sl_btn { margin:2rem auto}
#camps {
  height: 100%;
/*  background-image: url(../img/camps_o.jpg);*/
  background-size: cover;
  /* background-attachment: fixed; */
  background-repeat: no-repeat;
  background-position: center;
  color: white;
}
/* fondos camps*/
.c1 {background-image: url(../img/cuesta_del_viento.jpg);}
.c2 {background-image: url(../img/Camps_general.jpg);}
.c3 {background-image: url(../img/mdp.jpg);}
.c4 {background-image: url(../img/florianopolis.jpg);}

/**/
/* SECTION 2 3 4 PARALLAX END */
#camps picture {
  position: relative;
}
#camps picture img {
  width: 100%;
  height: auto;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
}
#cruci_img {
  max-width: 98%;
}
#camps .thumbs {
  display: flex;
  justify-content: center;
 /* margin-right: -10px;
  margin-left: -10px;
  align-items: center  ;*/
  margin-top: 20px;
padding-bottom: 45px;
}
#camps .thumbs div.th {
padding-right: 8px;
  padding-left: 8px;
/*  cursor: pointer;*/
}
/* #camps .thumbs div.th:last-child {padding-right: 0px; }
 #camps .thumbs div.th:first-child {padding-left: 0px; }*/
#camps  .thumbs img {
  width: 100%;
  height: auto;
/*  box-shadow: 0 .5em 1rem -.5rem rgba(0,0,0,.5);*/
}
#lugar {
  margin: 30px auto 10px auto;
  padding: 5px 25px;
  background-color: rgba(0, 0, 0, .45);
	display:none;
}
#camps .thumbs h2 {
  margin: 10px auto;
  padding: 5px;
	color:#fff;
	font-size:24px;
 /* background-color: rgba(0, 0, 0, .45);*/
}
@media (max-width:575.99px){	
/*	#lugar {   width: max-content; }*/
#camps .thumbs h2 {font-size:14px!important;}
 #camps .thumbs div.th {
		padding-right: 1%;
		padding-left: 1%;
		width:32%;
	}
	.owl-carousel .owl-nav button {font-size: 70px!important;margin-top: -25px!important; }
	.carousel-caption h2 {font-size: 22px!important;}
}
.carousel-caption {
  margin: 10px auto;
  padding: 5px;
}
/* CURSOS & RENTAL START */

.class-card {
  width: 100%;
}
.class-cardC {
  width: 100%;
/*	padding-right: 15px;
  padding-left: 15px;*/
}
.text-card {
  width: 100%;
  margin: 0 auto;
}
.text-card2 {
  width: 100%;
  margin: 0 auto;
	line-height:1.8em;
}

.text-card h4 {
  font-weight: 200;
}
.text-card2 h4 {
  font-weight: 300;
}

.class-card img {
  width: 100%;
  margin: 0 0 1em 0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.articles {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  padding: 2rem;
  font-size: 1.2rem;
}

.articles2 {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  padding: 2rem 0;
  font-size: 1.2rem;
/*margin-left:-15px;
margin-right:-5px;*/
}
@media (min-width:1080px){
	.text-card2 {
		line-height:4.5em!important;
	}
}
@media (min-width:992px){
	
	.text-card2 h4 {
		font-size: 1.8rem;
			}
	
	.text-card2 {
		line-height:3em;
	}
}
@media only screen and (max-width: 767.99px){

	.articles2 {
		padding: 10px;
	}
	.class-cardC { padding:0!important;margin: 20px auto;}

	.mmt45{ margin-top:45px;}
}  
/* PLANETA START */
.planeta-img {
  border-radius: 50%;
}
/* PLANETA END */

/* SECTION 7 START */

.content-alumnos {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  text-align: center;
}
.content-description {
  font-style: italic;
  font-size: 1.2rem;
  letter-spacing: 2px;
  font-weight: 200;
  color: grey;
}
.content-img {
  margin: 0 auto;
}
.content-img img {
  border-radius: 50%;
  width: 80%;
  margin: 1em 0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#instructorado {
  height: 100%;
  background-image: url(../img/instructorado_new.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
color:#fff;
}

#logo-inst{
  box-shadow: none;
}

.logos-cert{
  width: 50%;
  margin: 0 auto;
  text-align: center;
}
.logos-cert img{
  height: 100px;
  margin: 0 40px;
}

.faq-text{
  padding: 1em;
}

/* RSE START */

.rse-card {
  width: 100%;
}

.rse-card img {
  width: 100%;
  margin: 1em 0;
}

#rse .articles{
  align-items: baseline;
}
#rse p{
  text-align: center;
}
/* RSE END */

/* CONTACT FORM START */

#contact {
  height: 100%;
  background-image: url(../img/fondocontactolow.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.form-two{
  display: flex;
  flex-direction: column;
  text-align: center;
}

 .form-two textarea{
  height: 100px;
  max-height: 500px;
}
.form-two input, select, textarea{
  width: 100%
}

#contact{
  font-size: 1.8rem;
  color: white;
  font-style: 200;
}
.contact-logo {
text-align: center;
padding: 30px 0;
}
.contact-logo img {
  width: 43%;
}

#social{
  margin-bottom: 40px;
}
.datos{
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-top: 20px;
  width: 100%;
  margin: 0 auto;
  text-align: center;align-items: center;
}
.datos li{
  list-style: none;
  font-size: 0.7rem;
  font-weight: 400;
  padding: 10px;
}

.iconos{
  padding-top: 20px;
  text-align: center;
}
.iconos img{
  height: 3rem;
}
.iconosA{
  padding-top: 20px;
  text-align: center;
}
.iconosA img{
  height: 3rem;
width:auto!important;
border-radius: 50%;
}
.sl {
  list-style: none;
  text-align: left;
	background-color: rgba(0, 0, 0,.45);
	color:#fff;
	padding:25px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.sl ul {
  list-style: none;
  text-align: left;
margin-left:15px;
}

.sl_btn {
  text-align: center;
  margin: -40px auto 0 auto;
  width: 100%;
}
#camps .sl_btn {
  text-align: center;
  margin: 0 auto;
  width: 100%;
}

#gracias {
  height: 100%;
  min-height: 100vh;
  background-image: url(../img/fondocontactolow.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: white;
}

  /* campañas  */
 #planeta .articles.planeta {  gap: 50px;}

  #planeta .articles.planeta .class-card h4 { margin-bottom:  1em}
   #planeta .articles.planeta .class-card  { margin:0 auto; max-width:500px}
  
@media only screen and (min-width: 768px) and (max-width: 1207.99px) {
  #planeta .articles.planeta .class-card h4 {  height:53px}

} 
 
@media (min-width:768px) {
 
  .title {
    font-size: 2.5rem;
  }
  .description {
    font-size: 1.4rem;
    padding: 2rem;
  }

  /* HEADER START */

  .whatsapp img {
    height: auto;
    width: 60px;
    margin-left: 90%;
  }
  .content {
    flex-direction: row;
    text-align: left;
  }
  #block-windy {
    text-align: right;
  }
  #block-title {
    margin-top: 20vh;
    width: 60%;
    text-align: left;
    font-size: 1.8vw;
  }
  .form-one {
    display: inline-flex;
    width: 80%;
  }
	  .form-uno {
    display: flex;
    max-width: 740px;
    flex-direction: column;   
		gap:1rem; padding-bottom: 20px;
  }
	 .form-uno .fila { display: flex;align-items: center; gap: 2rem;}
	.form-uno .fila .form-input,  .form-uno .fila .btn-submit{ margin: 10px 0; width:300px; }
	.form-uno .fila .form-input.left, .form-uno .fila .cf-turnstile { margin-left: 15px; }
  input {
    width: 30%
  }
  /* HEADER END */

  /* SECTION 1 START */

  .card {
    width: 30%;
    font-size: 1rem;
    margin: 0 auto;
  }
  .card img {
    width: 20vw;
    height: 20vw;
  }
  /* SECTION 1 END */

  /* CURSOS & RENTAL START */

  .class-card {
    width: 30%;
    padding: 2vw;
    margin: 0 auto;
  }
  .class-cardC {
   width: 100%;
    margin: 0 auto;
  }
  .class-cardS {
    margin: 0 auto;
  }
  .class-card .btn-submit {
    width: 100%;
  }

  /* PLANETA */

  .text-card h4 {
    padding: 1rem;
    font-size: 1.8rem;
  }

  /* SECTION 7 */

  .content-text {
    width: 60%;
    margin: 0 auto;
    text-align: left;
  }
  .content-img img {
    width: 50%;
  }
  .content-alumnos {
    flex-direction: row;
    width: 90%;
    margin: 0 auto;
  }

  .faq-text{
    width: 80%;
    margin: 0 auto;
  }

  .rse-card {
    width: 30%;
    padding: 2vw;
    margin: 0 auto;
  }

  .form-two{
      width: 50%;
  }

  .contact-logo {
    width: 30%;
    margin: 0 auto;
  }
  .datos{
    flex-direction: row;
  }

  #cursos-wind {
    background-position: center;
  }
  #cursos-foil {
    background-position: top center;
  }
  #avanzadas {
    background-position: center;
  }
  #guarderia, #camps , #outing {
    background-attachment: fixed;
  }
  #rental {
    background-attachment: fixed;

  }
	.ct2 { height:78px;}
	.sl_card { width: 60%;}
}

@media (min-width:1024px) {

  /* HEADER START */
  header {
    background-position: 50%;
    height: 100vh;
  }
  #block-title {
    margin-top: 20vh;
    width: 80%;
  }
  /* HEADER END */

  /* SECTION 1 START */

  .card {
    width: 20%;
  }
  .card img {
    width: 12vw;
    height: 12vw;
  }
  .card-title {
    font-size: 1.2rem;
} 
	.ct2 span {
    font-size: 1rem;
}
	.ct2 { height:78px;}
  /* SECTION 1 END */

  .form-two input, select, textarea{
    width: 70%
  }

  .class-cardS { width: 94%;}
	.carousel-caption h2 {font-size: 28px;}
	.owl-carousel .owl-nav button {font-size: 115px;margin-top: -20px; }
}
@media only screen and (max-width: 767.99px){

    .card-title {
    font-size: 1.2rem;
	} 
		.ct2 span {
			font-size: 1rem;
	}
	.class-card img {
		margin: 1em 0;
	}
	.sl_btn {
		margin: 0 auto;
	}
	.class-cardS { width: 100%; padding:0 30px;margin: 20px auto;}
	.carousel-caption h2 {font-size: 26px;}
	.owl-carousel .owl-nav button {font-size: 95px;margin-top: -20px; }
/*.contact-logo img {
  width: 50%;
}*/
 .form-uno .fila .cf-turnstile { text-align:center}
}  

@media only screen and (min-width: 768px) and (max-width: 1023.99px) {
	.ct2 span { font-size: 0.8rem;}
	.class-cardS { width: 100%; padding:0 30px;}
	.carousel-caption h2 {font-size: 26px;}
	.owl-carousel .owl-nav button {font-size: 100px;margin-top: -20px; }
}