<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GFW16RFV01"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-GFW16RFV01');
</script>

<style type="text/css">

  /*
  url de viewport en https://webdesign.tutsplus.com/es/articles/quick-tip-dont-forget-the-viewport-meta-tag--webdesign-5972
  */


  @viewport{
      zoom: 1.0;
      width: extend-to-zoom;
  }


  @-ms-viewport{
      width: extend-to-zoom;
      zoom: 1.0;
  }
  img {
    max-width: 90%;
    height: auto;
  } 


  @media screen and (max-width: 1000px){

    body { font-family:Verdana; color: #ffffff ; font-size:25px ; background-color: #000000; }



    .texto3 {width: 90%; text-align: center; font-size:1em;  font-family:Verdana; color: #ffffff ;}



    .texto3b {width: 70%; text-align: left; font-size:1em;  font-family:Verdana; color: #ffffff ;}


    .tit {color: #FF00FF ; font-family:Verdana; font-size:1em ; line-height:150%; }

    .tabla{display: table; border: 3px #C0C0C0 solid; width: 90%;  }
    .cell { display: table-cell;  width: 300px;  padding: 10px; border: 1px solid #e7a219;  font-size:25px;}
  
    .cell1 { display: table-cell;  padding: 10px; border: 1px solid #e7a219;  font-size:25px; 
        vertical-align:top; text-align: left;}
  
    .row  { display: table-row; width: 90%;}  
    


  }

  @media screen and (min-width: 1000px){


    body { font-family:Verdana; color: #ffffff ; font-size:16px ; background-color: #000000; }


    .texto3 {width: 90%; text-align: center; font-size:1em;  font-family:Verdana; color: #ffffff ;}

    .texto3b {width: 70%; text-align: left; font-size:1em;  font-family:Verdana; color: #ffffff ;}

    .tit {color: #FF00FF ; font-family:Verdana; font-size:1em ; line-height:150%; }


    .tabla{display: table; border: 3px #C0C0C0 solid; width: 90%; }
    .cell { display: table-cell;  width: 300px;  padding: 10px; border: 1px solid #e7a219;  }

    .cell1 { display: table-cell;  padding: 10px; border: 1px solid #e7a219;   
        vertical-align:top; text-align: left;}

    .row  { display: table-row; width: 90%;}  
    
  }

  h1 {color: #FFFF33 ; font-family:Verdana; font-size:1.5em ;  }

  .texto2 {max-width: 90%; width: 90%; padding: 1em; border: 3px solid #e7a219; text-align: left; 
    font-size:1em; color: #ffffff ; margin-left: auto;   margin-right: auto;
  }

  .texto5 {width: 90%; color: #FFFF33 ; padding: 5px; border: 3px solid #e7a219; text-align: center; 
    font-size:2em;  margin-left: auto;   margin-right: auto;
  }
    /*
    es como el texto 2 pero con letra más grande, texto centrado y color diferente
    */



  a { color:#FF00FF; font-family:Verdana; font-size:1em ;  }
  .a1 { color:#FF00FF; font-family:Verdana; font-size:1.2em ;  }
  .a2 { color:#FF00FF; font-family:Verdana; font-size:1.4em ;  }
  .a3 { color:#FF00FF; font-family:Verdana; font-size:1.6em ;  }

    .texto3a {width: 90%; text-align: center;   padding: 10px; border: 3px solid #e7a219;  }
    /*
    solo hace un recuadro que ocupa el 90% y pone el texto centrado
    */


</style>
