body{
	font-family: Century Gothic;
}

section {
	font-family: Century Gothic;
}

.navbarSupportedContent2 {
    display: flex;
    justify-content: flex-end;
	margin-left:26rem
}

.color_link {
    color: #E4E4E5;
}

.color_link a {
	text-decoration:none;
	color: #E4E4E5;
}

.color_link:hover{
	color:#9259A0
}

.color_link a:hover{
	color:#9259A0	
}

.direccion-menu{
	flex-direction: row;
}

#divPrincipal {
    position: relative; /* Cambiado a relative para que no sea absolute */
    top: -200px; /* Eliminado el ajuste de posición superior */
    left: 0; /* Eliminado el ajuste de posición izquierda */
    width: 70%;
    height: 600px;
    margin: auto;
    border: 2px solid #ccc;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 50px; /* Ajusta el margen inferior según sea necesario */
    background-color: rgba(255, 255, 255); /* Ajusta el color de fondo según tus preferencias  #E4E4E5*/
}
  
      /* Estilo del div secundario */
#divSecundario {
    top: 90px;
    height: 400px;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 30%;
    border: 2px solid rgba(228, 228, 229, 0.1);
    margin: 20px auto; /* Centrar horizontalmente dentro de #divPrincipal y proporcionar margen superior e inferior automático */
    background-color: #19191a;
}
      /* Estilo del tercer div */
#divTercero {
    top: 90px;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 45%;
    height: 400px; /* Manteniendo una altura fija */
    right: 157px;
    border: 2px solid rgba(228, 228, 229, 0.1);
    margin: 20px auto; /* Centrar horizontalmente dentro de #divPrincipal y proporcionar margen superior e inferior automático */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: justify;
    color: white;
    margin-left: 8rem;
    /*background-color: #c66900;*/
}
  
  /* Estilo del párrafo dentro de #divTercero */
#divTercero p {
    margin: 10px; /* Ajusta el margen del párrafo según sea necesario */
}
  
      /* Otros estilos (puedes modificar según sea necesario) */
.icon-link {
        color: #bc4ed8;
        text-decoration: none;
        padding: 10px 20px;
        border: 2px solid #bc4ed8;
        border-radius: 5px;
        display: inline-block;
}

.box-tera{
            height: 20rem;
/*             background:#474444; */
			background-color: #0a0a0a; 
            padding:1rem;
            border-radius:15px;
            box-shadow:-1px 0rem 1rem 1px #9259A0;
			max-width: 15rem;
			width:15rem;
} 

.box-tera:hover{
	background-color:#BD83B8
}

.contenedor {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        height: 400px;
}

.contenedor img {
        width: 100%;
        height: auto;
        position: absolute;
        bottom: -100px; /* Cambia este valor según cuánto quieras que se mueva la imagen */
        transition: bottom 0.5s ease;
}

.contenedor:hover img {
        bottom: 10; /* Cambia este valor si quieres ajustar la cantidad de movimiento */
}

.color_blog_link{
	color:#9259A0;
	text-decoration:none;
}

.position-top{

  display: block;
  position: relative;
  top:-30%;
  left:70%
 

}

.position-left{
  display: block;
  position: relative;
  top:130%;
}

.position-down{
  display: block;
  position: relative;
	left:22%;
	top:-20%
}

.position-right{
  display: block;
  position: relative;
	top:15%;
	left:100%;
}
.inicio-tera{
	color:white;

}
.inicio-tera:hover{
	color:green;
	background-color: #BD83B8;
}


@media (max-width: 600px) {
 	
.direccion-menu{

	flex-direction: column;
}
	
.navbarSupportedContent2 {
    	display: flex;
		margin-left:0
}
.position-top{
    top:0%;
	left:0%;
}
  
.position-left{
    top: 0%;
}

.position-right{
    top: 0%;
	left:0%;
}

.position-down{
   left:0%;
	top:0%;
}

.align-md-items{

	justify-content:center;
	align-items:center;
	text-align:center
}

.hover_link:hover{
	background-color:#9259A0
}
	
}