@charset "UTF-8";

	/* --------------------sumary--------------------
        03  navigation scrollbar --- next prev navigation dots
        04  add to home screen 
        05 offcanvas lef menu - tabs
        06 footer menu
        07 scrollbar
        08  tipofrafías
        09 categoria
        10 modulo sumario
        11 loging module 
        12 pulse blob menu offcanvas
        13 category covers
----------------------------------*/


/* CSS Document */



* {
  touch-action: manipulation;
}
.no-double-tap {
      touch-action: manipulation;
    }

html
{
  -webkit-tap-highlight-color:transparent;
}

div::-moz-selection { background:transparent; }
div::selection { background:transparent; }
::-moz-selection { background:transparent; }
::selection { background:transparent; }
	/* ----02 barba----*/
:root { 
  /** azules roadis **/
	--color-primary: #1654A2 ; /** blue **/
	--color-secondary:#9fbee4 ; /** blue light **/
  
	--color-primary-dark:  #1654A2; /** blue dark **/
	--color-primary-light:#9fbee4 ; /** blue light **/
	--color-primary-alpha:rgba(3,63,135,0.8) ;
	--color-secondary-alpha:rgba(77,141,225,0.85) ;
	--color-grey-light-alpha:rgba(231,231,231,0.85) ;


	/* ----reset tema----*/

	--font-weight-heading: 200;
	--font-weight-body: 200;
	--font-size-base: 14px;
	
	--body-font: "Karla", sans-serif;
  	--font-H:"DM Sans", sans-serif;
	--heading-font:"DM Sans", sans-serif;
    --font-code: Menlo, monaco, Consolas, Lucida Console, monospace;
    --font-pre: "Courier 10 Pitch", Courier, monospace;
	--font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	
}


	/* ----colores corporativos roadis----*/
.site-header.light .header-cta-but a {
    color: var(--color-secondary);
}


a:link { text-decoration: none;color:grey }

a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; }


/* ------------------------------------

--------------------- 03  navigation scrollbar --- next prev navigation dots--------------*/



/* Hide scrollbar for Chrome, Safari and Opera */
.site__main.main {
overflow-y: scroll; height:100vh;min-height: 100vh;


  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
}

.site__main.main::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}



	/* -------*/



.NexTPages__link  ,  .PrevTPages__link{
    display: block;
	position: absolute;

  	min-height: 100vh;
    z-index: 99999999999999;
	padding: 0px;
	margin: 0px;
	font-size: 50px;
    overflow: hidden; opacity: 0
	
}

.NexTPages__link {
	padding-top: 50vh;
	 right: 0px;
     
}
.PrevTPages__link {
	padding-top: 50vh;
     left: 0px;
}

.dot {
  height: 45px;
  width: 45px;
  background-color: rgba(187, 187, 187, 0.26);
  border-radius: 50%;
  display: inline-block;
}






	/* ------------------------------------

--------------------- 04  add to home screen --------------*/

.add-button {
    position: absolute;
    top: 10px;
    left: 10px;
}


/* ----------------------------05 offcanvas lef menu - tabs
-----------------------------------*/

.offcanvas {
color: #fff;
    background-color: #000;
    font-size: 12px; 

}

.offcanvas-body {
     overflow-y: visible;
     /* Hide vertical scrollbar overflow-y: hidden;*/
  overflow-x: hidden; /* Hide horizontal scrollbar */
    background-color: #000;
}

.offcanvas-body::-webkit-scrollbar {
  width: 10px;
}

.offcanvas-body::-webkit-scrollbar-track {
  background-color: #151515;
}

.offcanvas-body::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

img.how-to-navigate{width: 80%}

@media screen and (max-width: 750px) {
  #nav-tab{ margin-top:0px; padding-left: 15px}
    .nav-tabs-sumary{ margin-top:70px!important; margin-bottom:10px!important; }
.offcanvas-header .btn-close {
 
    margin-top: -6rem;
    
}
}


.offcanvas-start {
    top: 0;
    left: 0;
    width: 65vw;
    border-right: 1px solid rgba(0,0,0,.2);
    transform: translateX(-100%);
}
/* -------reminder loging------*/
ul.mod-login__options.list-unstyled{display: none;}
div#form-login-input-remember-16.form-check {display: none!important;}
div.mod-login__username.form-group{ padding-bottom: 10px}
div.mod-login__password.form-group{padding-bottom: 10px}
/* ----------------------------06 footer menu
-----------------------------------*/


.btn-menu-footer{ background-color: white}

/* ----------------------------08 tipografias 
-----------------------------------*/

.stan0757, .stan0757 strong, p.stan0757 {
    font-family: stan0757;
    font-size: 8px;
    line-height: 12px;
    display: inline;
    text-transform: uppercase;
    padding: 0px 2px;
}

/* ----------------------------09 categoria cover images
-----------------------------------*/
.demo-list .demo-section .demo-item .img-cover {
    height: auto;
    width: 100%;
}

.covers-category-blog{ margin-top: 50px}
form#com-users-login__form{padding: 10%}
div.page-header{padding: 3%}
joomla-alert[type=warning] {
  margin: 5%
}
/* ----------------------------10 modulo sumario
-----------------------------------*/
div.moduletable h3{display: none;} 
/* ----------------------------11 loging module
-----------------------------------*/

div.com-users-login__options.list-group{display:none}

/* ----------------------------12 pulse blob
-----------------------------------*/
 /* 08.4 pulse dot ; */

.mb-cta-menu{ margin-bottom: 10px;}

.blobs-container {
	display: flex;
    
}

.blob {
	background: black;
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	margin: 0px;
	height: 25px;
	width: 25px;
	transform: scale(1);
	animation: pulse-black 2s infinite; opacity: 0.2;
 
}
.blob-static {
	background: #ffffff;
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgb(ffffff, ffffff, ffffff);
	margin: 0px;
	height: 25px;
	width: 25px;
	transform: scale(1);
	
 
}
@keyframes pulse-black {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

.blob.white {
	background: white;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
	animation: pulse-white 2s infinite;
}

@keyframes pulse-white {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

/* ----------------------------13 category covers
-----------------------------------*/
#scrolldiv-categorycovers-container{position: absolute; top:100px; left:0%; z-index: 25; background-color: rgba(fff, fff, fff, 0);color:black;width:100%;}
.scrolldiv-categorycovers-content{min-width:100vw; max-height: 90vh;width:100%; padding: 0px}
.scrolldiv-categorycovers-content::-webkit-scrollbar { width: 2px;}
.scrolldiv-categorycovers-content::-webkit-scrollbar-track { background-color: #fff;}
.scrolldiv-categorycovers-content::-webkit-scrollbar-thumb {box-shadow: inset 0 0 3px rgba(fff, fff, fff, 0);}