@font-face {font-family: "Futura"; src: url("//db.onlinewebfonts.com/t/9ab8abd11c40ee5c8d1905f9c9cb9ac8.eot"); src: url("//db.onlinewebfonts.com/t/9ab8abd11c40ee5c8d1905f9c9cb9ac8.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/9ab8abd11c40ee5c8d1905f9c9cb9ac8.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/9ab8abd11c40ee5c8d1905f9c9cb9ac8.woff") format("woff"), url("//db.onlinewebfonts.com/t/9ab8abd11c40ee5c8d1905f9c9cb9ac8.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/9ab8abd11c40ee5c8d1905f9c9cb9ac8.svg#Futura") format("svg"); } 

    
@charset "UTF-8";
/* CSS Document */
@media only screen and (max-width: 320px) {
    
    body { font-size: 20px; font-weight: 400;  color: #303030; }
    
}


/* headers */

h1,h2,h3,h4 {  font-family: 'Futura','Spartan' }

h1 { font-size: 4em; font-weight: 800; }

h1.mbach { color: #303030}

h2.nombre {color: #303030;  font-size: 3em; font-weight: 800}
 
h3.profesion { font-size: 2.2em; color: #8D8D8D; font-weight: 700 }

h4.mbach {font-size: 2em; border-bottom: thin #8D8D8D solid; padding: 15px 0px 15px 0px; text-align: right; color: #303030}

h4.card-title { text-align: center}

h4.creditos {color: #bd0933; border-bottom: medium solid #909090; padding-bottom: 10px; font-weight: 600}

h4.card-header {font-weight: bold;}

h5.mb-0 {font-weight: 600; color: #bd0033; clear: both}

/*textos */

body, p, blockquote, li, li.list-inline, .addthis_inline_share_toolbox { font-family: 'Roboto';}

p { font-size: 1em;  color:#1f1f1f }

p.dato { font-size: 0.8em; color: #9F9F9F}

p.creditos-un {color: darkslategrey; text-align: left;  }


.disclaimer {  font-size: 1em; font-weight: 500; color: azure; border-bottom: azure thin dashed; padding: 25px; font-family: 'Futura','Spartan'; margin-bottom: 15px }

.card-text { font-size: 11pt; }

blockquote {
  display: block;
  border-width: 2px 0;
  border-style: solid;
  border-color: #b2b2b2;
  padding: 1.5em 1em 1em 2em;
  margin: 1.5em 0;
  position: relative;
    font-size: 1.4em/1.5em;
    color: #909090; 
    font-family: 'Futura'; 
    font-weight: 500
}
blockquote:before {
  content: '\201C';
  position: absolute;
  top: 0em;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3rem;
  height: 2rem;
 font: 6em/1.08em 'Spartan';
    color: darkslategrey;
  text-align: center;
}
blockquote:after {
  content: "\2013 \2003" attr(cite);
  display: block;
  text-align: right;
  font-size: 0.875em;
  color: #bd0033;
}


/* bloques */ 

.fix {height: 125px; }

@media screen and (max-width: 600px) {
  .fix {
    height: 10px;
  }
}

.container-presentacion {
    max-width: 800px;
    margin: 0 auto;
    color: #0D0D0D;
    padding: 15px;
}

.comparte  {
    font-family: 'Futura';
    font-size: 1.1em;
    font-weight: 600;
    color: #dc0933;
}


.cita-forro  {
    padding: 40px 20px 40px;
    position: relative;
    font-size:1.6em;
    font-weight: 600; 
    text-align: center;
    border-bottom: 1px solid #DC0933;
    border-top: 1px solid #3D3D3D; 
    margin-bottom: 30px; 
   margin-top: 10px;

}

.cita-forro blockquote:after {
  content: none;
  display: block;
  text-align: right;
  font-size: 0px;
    
  
}

.comparte {
    border-bottom: thin solid #999999;
    border-top: thin solid #999999;
    text-align: center;
    padding-top: 35px;
    padding-bottom: 35px;
        
}


.description-heading { font-family: 'Futura' }

.historias {background-color: beige}
.historia-anterior  { font-family: 'Futura'; color: #282828; text-align:right; padding: 15px}
.historia-anterior h4 { color:#5100AD;font-weight: 600 }
.historia-siguiente { font-family: 'Futura','Spartan'; color: #282828; text-align:left; padding: 15px }
.historia-siguiente h4 {color:  #C23652;font-weight: 600}

.descarga {  display: block;
  border-width: 2px 0;
  border-style: solid;
  border-color: #b2b2b2;
  padding: 1.5em 1em 1em 1.5em;
  margin: 1.5em 0;
  position: relative; 
    text-align: center;
    
}


.card-header { color: #DC0933; font-size: 1.5em; font-family: 'Futura','Spartan' }

.card-text {font-size: 1.1em}




/* medios */


.borde-img { float:right; max-width: 100px; min-width: 30px; padding-left:  15px; position: relative} 

.youtube-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.youtube-video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.youtube-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.img-responsive  {
  width: 100%;
  max-width: 250px;
  height: auto;
}

.img-titulo  {

  max-width: 200px;
  height: auto;
}

.img-historias {
    max-width: 120px;
  height: auto;
}

/* arriba */ 

nav.navbar {background-color: #9010FF;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%236a10b8'/%3E%3Cstop offset='1' stop-color='%236a10b8' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23b60d99'/%3E%3Cstop offset='1' stop-color='%23b60d99' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23900c52'/%3E%3Cstop offset='1' stop-color='%23900c52' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%239010FF'/%3E%3Cstop offset='1' stop-color='%239010FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23430F71'/%3E%3Cstop offset='1' stop-color='%23430F71' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23DC0933'/%3E%3Cstop offset='1' stop-color='%23DC0933' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;}


li.nav-item {font-family: 'Futura','Spartan'; }

/* pie */ 

footer { background-color: #330000;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23D18'/%3E%3Cstop offset='1' stop-color='%23330000'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%23FA3' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FA3' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover; }

footer.page-footer { color: aliceblue;  border-top: #C901D0 thick solid; text-align: left; }

footer.page-footer a { color:azure; }

footer li.list-inline { font-family: 'FuturaStd-Medium','Spartan'; }

.direccion {font-size: 1em; font-weight:500;  color: azure; padding: 15px; font-family: 'FuturaStd-Medium','Spartan'; text-align: center; }

.img-footer { float: left; max-width: 100%;
    height: auto; padding-right: 10px; padding-bottom: 10px; }

.social-icons {
font-weight: 500;
    color:blanchedalmond;
    text-align: center;
}

.menu-inf { font-size: 1em; font-weight:500;  color: azure; padding: 15px; font-family: 'FuturaStd-Medium','Spartan'; text-align: center;} 

/* botones */ 

button { font-family: 'FuturaStd-Bold','Spartan'; font-weight: bold}


.btn-primary {
      color: var(--white); 
    box-shadow: 2px 4px 3px 2px var(--dark);
    font-weight: 600;
    border-style: solid; 
    border-color:  rgb(131,44,217);
    border-radius: 10px; 
    font-family: 'Futura';
    
    
}

.follow { 
    text-align: center; 
    font-size: 1.2em;
    font-weight: 600;
    
}



/* bloque musica */ 

.cancion {background-color: #FF5522;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(261,447,598)'%3E%3Cstop offset='0' stop-color='%23FF5522'/%3E%3Cstop offset='1' stop-color='%23BD0993'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='300' height='250' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.1'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover; color: white; text-align: center; padding: 35px; clear: both;  width: 100vw; height: 100hw; color: white
background-size: cover; color: white; text-align: center; padding: 35px; clear: both;  width: 100vw; color: white
  }
.escucha {color: white; font-family: 'FuturaStd-Medium','Spartan'; font-weight: 500; font-size: 1.5em}