@charset "utf-8";
body {background-color: white; color: black; font-family: 'Poppins', sans-serif; font-size: 16px; margin: 0; padding: 0;}

header {background-color: black; color: white; padding: 20px; text-align: justify;}

.subtitulo {margin-left: 55px; margin-top: 20px; color: rgba(214,107,51,1.00); font-size: 1.2em;}

h1 {margin-left: 55px; font-family: 'Poppins', sans-serif; font-size: 2.8em; margin-bottom: 0; margin-top: 34px; line-height: 0; }

h4 {margin-top: 0; font-family: 'Poppins', sans-serif; font-size: 2.8em; margin-bottom: 0;}

h2 {color: rgba(1,111,201,1.00);margin-top: 0; text-align: center; font-family: 'Poppins', sans-serif; font-size: 1em;}

h3 {margin-top: 0; text-align: right; font-family: 'Poppins', sans-serif;}

.piefoto {margin-top: 0; text-align: center; font-family: 'Poppins', sans-serif;}

hr {visibility: hidden;}

nav ul {list-style-type: none; margin-right: 55px; padding: 0; text-align: right;}

nav li {display: inline-block; margin-left: 35px; text-align: right;}

nav a {color: white; text-decoration: none; display: block; padding: 10px 0; border-bottom: 1px solid white;}

nav a:hover {color: #B3B1BA;}ç

main {padding: 30px; margin-top: 80px;}

.main1 {padding-bottom: 0;}

section {margin-bottom: 30px; text-align: center;}

footer {background-color: black; color: white; padding: 20px; padding-bottom: 7px; text-align: center; font-family: 'Poppins', sans-serif;}

.columns {display: flex; flex-wrap: wrap; text-align: justify;}

.column {flex: 1; padding: 10px; text-align: justify;}

#fotoentera {background-repeat: no-repeat; background-image: url("IMAGEN/foto elena 2.jpg"); margin: 0.5 -0.5% 0 -0.5%; padding: 0; width: 100%; height: 150vw; background-size:cover}

.texto1 {flex: 1; text-align: justify; padding: 10px;}
.texto2 {flex: 1; text-align: justify; padding: 10px;}

.galeria {margin: 20px auto; max-width: 1500px; text-align: center;}

.render {margin: 20px auto; max-width: 1500px; text-align: center;}

.fila {display: flex; flex-wrap: wrap; justify-content: center; margin: 20px 0;}

.fila2 {display: flex; flex-wrap: wrap; justify-content: center; margin: 20px 0;}

.row {display: flex; flex-wrap: wrap; justify-content: center; margin: 20px 0;}

.una {width: 847.08px; height: 564.72px; object-fit: cover; margin: 5px; border: 2px; transition: all 0.3s ease-in-out;}

.dos {width: 423.54px; height: 564.72px; object-fit: cover; margin: 5px; border: 2px; transition: all 0.3s ease-in-out;}

.fila img {width: 334.6px; height: 219.2px; object-fit: cover; margin: 5px; border: 2px; box-shadow: 2px 2px 4px #bdbcc2; transition: all 0.3s ease-in-out;}

.fila2 img {width: 429.7px; height: 281.2px; object-fit: cover; margin: 5px; border: 2px; box-shadow: 2px 2px 4px #bdbcc2; transition: all 0.3s ease-in-out;}

.row2 {display: flex; flex-wrap: wrap; justify-content: center; margin: 20px 0;}

.row2 img {width: 672px; height: 327.6px; object-fit: cover; margin: 5px; border: 2px; transition: all 0.3s ease-in-out;}

.fila img:hover {transform: scale(1.1); box-shadow: 4px 4px 8px #999999;}

.fila2 img:hover {transform: scale(1.1); box-shadow: 4px 4px 8px #999999;}

.INTRO {text-align: right; margin-right: 55px; padding: 0; padding-top: 0; font-size: 0.8em; line-height: 0.9; color: white;}

.botoncito {margin-left: 120px; text-decoration: none; background: rgba(214,107,51,1.00); border-radius: 0.5vw; padding: 1%; width: 10%; text-align: center; float: right; margin-right: 80px;}

.botoncito a {color: white; text-decoration: none;}

.contendorobras {align-items: center;}

.botoncitoobras {text-align: center; float: center; text-decoration: none; background: black; border-radius: 0.5vw; padding: 1%; width: 11.7%; display: flex; align-items: center; margin: 50px;}

.botoncitoobras a {color: white; text-decoration: none; text-align: center;}

.botoncv {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 7vh;
}

.botoncv a {
    text-decoration: none;
	font-family: 'Poppins', sans-serif;
}

.botonvolver {
    display: flex;
    justify-content: left;
    align-items: left;
    height: 7vh;
	margin-left: 50px;
}

.botonvolver a {
    text-decoration: none;
	font-family: 'Poppins', sans-serif;
}

.botontextor {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5vh;
	margin-top: 20px;
	margin-bottom: 30px;
}

.botontextor a {
    text-decoration: none;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
}

button {
    border: 2px solid #FFFFFF; 
    border-radius: 15px;
    background: none;
    color: #FFFFFF; 
    padding: 10px 20px; 
    cursor: pointer; 
    transition: background-color 0.3s, color 0.3s;
}

button:hover {
    background-color: black; 
    color: rgba(214,107,51,1.00);
	border: 2px solid rgba(214,107,51,1.00);
}

button2 {
    border: 2px solid black; 
    border-radius: 45px;
    background-color: white;
    color: black; 
    padding: 10px 20px; 
    cursor: pointer; 
    transition: background-color 0.3s, color 0.3s; 
}

.BOTON {width: 1vw; height: 1vw; border-radius: 50%; background: grey; display: inline-block;}
.CARRUSEL {position: relative; width: 98%; padding-bottom: 3vw; text-align: center; margin: 0 auto; margin-bottom: 0}
.imagen-galeria {width: 33vw; margin: 1%; display: inline-block;}
#BOTONES {width: 39vw; min-height: 33vw; position: relative; margin: 0 auto; overflow: hidden;}
.CARRUSEL figcaption {position: relative; margin-top: -8vw; color: white; padding-bottom: -8vw;}
.ROLL {width: 300vw; position: relative; left: -75vw; transition: left 1s;}
#bot1:hover {background: lightgray;}
#bot1:hover ~ .ROLL {left: -75vw;}
#bot2:hover {background: lightgray;}
#bot2:hover ~ .ROLL {left: -112.5vw;}
#bot3:hover {background: lightgray;}
#bot3:hover ~ .ROLL {left: -150vw;}
#bot4:hover {background: lightgray;}
#bot4:hover ~ .ROLL {left: -187.5vw;}


.condeduque {; background: black; text-align: center; color: white; font-family: 'Poppins', sans-serif;}

.condeduque a {color: white;}

.contenedor1 {display: flex; justify-content: space-between; align-items: center; margin: 50px; margin-top: 10px;}

.obra {flex: 1; margin-right: 50px; margin-left: 100px; align-items: center;}

.imagen img {width: 100%; height: auto;}

.texto3 {flex: 1; text-align: justify;}

.form {
  text-align: center;
  color: white;
	margin: 50px;
}

.form form {
  display: inline-block;
}

.form label,
.form input,
.form textarea {
  display: block;
  margin-bottom: 10px;
}

.form input[type="submit"] {
  cursor: pointer;
}

.form input[type="submit"]:hover {
  background-color: #ccc;
}

.contenedorimagen {
  display: flex;
  justify-content: center;
  align-items: center;
}

.imagenlogo {
  margin: 0 20px;
}


@media (max-width: 1470px) {
	h1 {font-size: 2.5em; margin-top: 40px;}
	h4 {font-size: 2em;}
	h2 {font-size: 1.5em;}
	nav {display: block;}
	nav li {direction: block;}
	.column {flex-basis: 50%;}
	.column-inicio1 {order: 1;}
	.column-inicio2 {order: 2;}
	.texto {margin: 0; flex-basis: 100%; margin-top: 20px;}
	.contenedor {flex-direction: column;}
.imagen-galeria {width: 45vw; margin: 1%; display: inline-block;}
#BOTONES {width: 53.18vw; min-height: 45vw; position: relative; margin: 0 auto; overflow: hidden;}
.CARRUSEL figcaption {position: relative; margin-top: -8vw; color: white; padding-bottom: -8vw;}
.ROLL {width: 409.1vw; position: relative; left: -102.28vw; transition: left 1s;}
#bot1:hover {background: lightgray;}
#bot1:hover ~ .ROLL {left: -102.28vw;}
#bot2:hover {background: lightgray;}
#bot2:hover ~ .ROLL {left: -153.42vw;}
#bot3:hover {background: lightgray;}
#bot3:hover ~ .ROLL {left: -204.56vw;}
#bot4:hover {background: lightgray;}
#bot4:hover ~ .ROLL {left: -255.7vw;}
	.contenedor1 {flex-direction: column;}
	.obra {margin: 0; flex-basis: 100%; margin-top: 20px;}
	.texto3 {margin: 0; flex-basis: 100%; margin-top: 20px;}
	.row {
    flex-direction: column;
    align-items: center;
  }
  	.row img {
    width: 100%;
    height: auto;
    margin: 10px 0;
  }
	.form {
    text-align: center;
  }
}

.contenedorbio {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.imagenbio {
  flex: 1;
  margin-left: 10px;
  align-items: center;
}
.textobio {
  flex: 1;
  text-align: justify;
}
.contenedortalleres {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 100px; margin-right: 100px; margin-top: 20px; margin-bottom: 10px;
}
.textotalleres {
  flex: 1;
  text-align: justify;
}

.contenedorimagen {
    flex-direction: column;
  }

  .imagenlogo {
    margin: 20px 0;
  }

@media (max-width: 1240px) {
.contenedorbio {
    flex-direction: column; /* cambiar a una disposición de columna */
  }

  .imagenbio {
    margin: 0; /* eliminar los márgenes laterales */
    flex-basis: 100%; /* establecer un ancho relativo del 100% */
  }

  .textobio {
    margin: 0; /* eliminar los márgenes laterales */
    flex-basis: 100%; /* establecer un ancho relativo del 100% */
    margin-top: 20px; /* agregar un margen superior para separar la imagen del texto */
  }
	.fila {
    flex-direction: column;
    align-items: center;
  }

  .fila img {
    width: 100%;
    height: auto;
    margin: 10px 0;
  }
	.fila2 {
    flex-direction: column;
    align-items: center;
  }

  .fila2 img {
    width: 100%;
    height: auto;
    margin: 10px 0;
  }
	.filatalleres img {
    width: 100%;
    height: auto;
    margin: 10px 0;
  }
	.row {
    flex-direction: column;
    align-items: center;
  }

  	.row img {
    width: 100%;
    height: auto;
    margin: 10px 0;
  }
}

@media (max-width: 1400) {
	.row {
    flex-direction: column;
    align-items: center;
  }
  	.row img {
    width: 100%;
    height: auto;
    margin: 10px 0;
  }
	.fila {
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 1390) {
	.row {
    flex-direction: column;
    align-items: center;
  }
  	.row img {
    width: 100%;
    height: auto;
    margin: 10px 0;
  }
}

@media (max-width: 1350) {
	.row {
    flex-direction: column;
    align-items: center;
  }
  	.row img {
    width: 100%;
    height: auto;
    margin: 10px 0;
  }
}

@media (max-width: 1300px) {
	.contenedor1 {flex-direction: column;}
	.obra {margin: 0; flex-basis: 100%; margin-top: 20px;}
	.row {
    flex-direction: column;
    align-items: center;
  }
  	.row img {
    width: 100%;
    height: auto;
    margin: 10px 0;
  }
}

@media (max-width: 500px) {
.botontextor {
    flex-direction: column;
    align-items: center;
	margin-top: 35px;
  }
}