@font-face {
	font-family: 'leelawad';
	 src: url('leelawad.eot');
    src: url('leelawad.eot?#iefix') format('embedded-opentype'),
         url('leelawad.woff2') format('woff2'),
		 url('leelawad.woff') format("woff"),
		  url('leelawad.ttf') format('truetype'),
	url('leelawad.svg#leelawadeeregular') format('svg');

}	


@font-face {
    font-family: 'HelveticaExtThn';
    src: url('HelveticaExtThn.eot');
    src: url('HelveticaExtThn.eot') format('embedded-opentype'),
         url('HelveticaExtThn.woff2') format('woff2'),
         url('HelveticaExtThn.woff') format('woff'),
         url('HelveticaExtThn.ttf') format('truetype'),
         url('HelveticaExtThn.svg#HelveticaExtThn') format('svg');
}


@font-face {
    font-family: 'HelveticaNeue';
    src: url('HelveticaNeue.eot');
    src: url('HelveticaNeue.eot') format('embedded-opentype'),
         url('HelveticaNeue.woff2') format('woff2'),
         url('HelveticaNeue.woff') format('woff'),
         url('HelveticaNeue.ttf') format('truetype'),
         url('HelveticaNeue.svg#HelveticaNeue') format('svg');
}


@font-face {
    font-family: 'HelveticaMedCd';
    src: url('HelveticaMedCd.eot');
    src: url('HelveticaMedCd.eot') format('embedded-opentype'),
         url('HelveticaMedCd.woff2') format('woff2'),
         url('HelveticaMedCd.woff') format('woff'),
         url('HelveticaMedCd.ttf') format('truetype'),
         url('HelveticaMedCd.svg#HelveticaMedCd') format('svg');
}




/* Clases de texto */
.Texto {
    font-family: 'leelawad', sans-serif; 
    font-size: 16px;
    color: #000000;
}

.Texto_peque {
    font-family: 'leelawad', sans-serif;
    font-size: 13px;
    color: #000000;
}

.Texto_peque_blanco {
    font-family: 'leelawad', sans-serif; 
    font-size: 10px;
    color: #ffffff;
}

.Texto_peque_colabo {
    font-family: 'leelawad', sans-serif; 
    font-size: 14px;
    color: #000000;
    line-height: 17px;
}

.Texto_Interliado {
	font-family: 'leelawad';
	color: #000000;
	font-size: 16px;
	line-height:23px;

}

.Texto_Entrevistas {
	font-family: 'leelawad';
	color: #000000;
	font-size: 17px;
	line-height:24px;

}

.Texto_Lista_canciones {
	font-family: 'leelawad';
	color: #000000;
	font-size: 18px;
	line-height:30px;

}


.Texto_Inter_Blanco {
font-family: 'leelawad';
	color: #ffffff;
	font-size: 16px;
	line-height:23px;

}

.Texto_Biografia {
font-family: 'leelawad';
	color: #FFFFFF;
	font-size: 16px;
	line-height:23px;

}


.Texto_Biografia_Chico {
font-family: 'leelawad';
	color: #FFFFFF;
	font-size: 14px;
	line-height:17px;

}


.Negrita {
font-family: 'leelawad';	
color: #66277f;
font-weight: bold;
	font-size: 15px;
}

.Titulo {
	font-family: leelawad;
	color: #66277f;
	font-weight: bold;
	font-size: 18px;
}

.Titulo_Letra_Gorda {
	font-family: leelawad;
	color: #66277f;
	font-weight: bold;
	font-size: 22px;
}


.Titulo_blanco {
	font-family: leelawad;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;

}

.Info {
	font-family: 'leelawad';
	color: #000000;
	font-size: 13px;
	text-align: left;

}

.Titulo_Grande {
	font-family: 'HelveticaNeue';
	color: #66277f;
	font-size: 70px;
	text-align: center;

}

.Titulo_Grande_Blanco {
	font-family: 'HelveticaNeue';
	color: #ffffff;
	font-size: 70px;
	text-align: center;

}


.Titulo_Grande_sub {
	font-family: 'HelveticaNeue';
	color: #66277f;
	font-size: 40px;
}

.Titulo_Bio {
	font-family: 'HelveticaNeue';
	color: #bfc0fc;
	font-size: 30px;
}


.Titulo_Discografia {
	font-family: 'HelveticaNeue';
	color: #66277f;
	font-size: 100px;
}

.Titulo_Discografia_Blanco {
	font-family: 'HelveticaNeue';
	color: #ffffff;
	font-size: 100px;
}


.Listado_Singles {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 13px;
	line-height:20px;
}

.Listado_Blanco {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 13px;
	line-height:20px;
}

.Pagina_Principal {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	line-height:20px;
}

.Pagina_Principal_Blanco {
	font-family: 'leelawad';
	font-size: 8px;
	color: #ffffff;
}

hr {
    height: 1px;
    border: 0;
    background-color: #66277f;
}

.Texto_Interliado_blanco {
    color: #FFF;
}



.container {
            max-width: 900px;
            width: 90%;
            margin: 0 auto;
            text-align: left;
            background: transparent;
            padding: 20px;
            border-radius: 8px;
        }

 
@media (max-width: 768px) {
    .container {
        width: 95%;
        padding: 15px;
    }

  img {
        max-width: 100%; /* Evita que la imagen se desborde del contenedor */
        height: auto; /* Mantiene la proporción original de la imagen */
               margin: 10px auto; /* Centra la imagen y añade margen */
    }

    /* Opcional: Eliminar flotados en imágenes específicas */
    .foto_izq, 
    .foto_der {
        float: none;
    }
}



.foto_izq {
  float: left;
  margin-top: 15px; /* Espacio por arriba */
  margin-bottom: 10px; /* Espacio por abajo */
  margin-left: 0px; /* Espacio por la izquierda */
  margin-right: 20px; /* Espacio por la derecha */
  }
  
  .foto_der {
  float: right;
  margin-top: 15px; /* Espacio por arriba */
  margin-bottom: 10px; /* Espacio por abajo */
  margin-left: 20px; /* Espacio por la izquierda */
  margin-right: 0px; /* Espacio por la derecha */
  }
  
  .container::after {
    content: "";
    display: block;
    clear: both;
}