@charset "UTF-8";
/*@media (min-width:375px){.container{max-width:340px}}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container,.container-lg{max-width:960px}}
@media (min-width:1200px){.container,.container-lg{max-width:1140px}}
@media (min-width:1400px){.container,.container-lg{max-width:1320px}}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}
.row>*{flex-shrink:0;width:100%;max-width:80%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}
.col-12{flex:0 0 auto;width:100%}.gy-5{--bs-gutter-y:3rem}
@media (min-width:768px){.col-md-12{flex:0 0 auto;width:100%}}
*/

/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Global Footer 12 Junio 2025
--------------------------------------------------------------*/
.baseTitle{
 width: 80%;
}
.titleFooter{
  margin: 10px 0 8.5px; text-align-last: left;padding-top:3%; font-size: 1.5rem
}
.subtitleFooter{
  text-align-last: left;font-size: 1.5rem
}
.despliegueFooter{
  list-style-type: none;
  padding: 30px
}
.flex {
  display: flex;
}

@media (min-width: 992px) {
  .pkp_site_name_wrapper {
    height: auto;
  }
}


.header .top-row {
  padding-bottom: 10px;
}

.header .top-row .logo {
  text-decoration: none;
}

.header .top-row .logo img {
  max-height: 40px;
  margin-right: 10px;
}
/*
.header .top-row .logo .sitename {
  font-size: 32px;
  font-weight: 400;
  color: var(--heading-color);
  font-family: var(--heading-font);
  margin: 0;
}

.header .top-row .logo span {
  color: var(--accent-color);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1;
}

.header .social-links a {
  color: var(--heading-color);
  padding: 0 8px;
  display: inline-block;
  font-size: 18px;
  transition: 0.3s;
}

.header .social-links a:hover {
  color: var(--accent-color);
}*/

.headerBoton{
  margin-right:5.7%;
}

@media (max-width: 1200px) {
  .header  {
    padding-right: 40px;
  }
}

@media (max-width: 800px) { /*1200*/
  .header .search-form {
    display: none;
  }



.header .nav-wrap {
  margin-top: 20%;
  display: flex;
  justify-content: center;
}
}

.header .mobile-nav-toggle {
  position: fixed;
  top: 20px;
  right: 5px;
}


.imagerev{margin-left:0px; border: 1px solid black;}
/*.section{border-top: 1px solid #ddd;}*/
.page-header{margin-top:20px;}
.media-heading{font-size: 22px;}
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Navmenu - Desktop 
el ancho de la ventana mayor o igual a 800px*/
@media (min-width: 789px) {
  .navmenu {
    padding: 0;
  }

  .navmenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
  }

  .navmenu li {
    position: relative;
  }

  .navmenu a,
  .navmenu a:focus {
    color: var(--nav-color);
    padding: 18px 15px;
    font-size: 16px;
    font-family: var(--nav-font);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    transition: 0.3s;
  }

  .navmenu a i,
  .navmenu a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
    transition: 0.3s;
  }

  .navmenu li:last-child a {
    padding-right: 0;
  }

  .navmenu li:hover>a,
  .navmenu .active,
  .navmenu .active:focus {
    color: var(--nav-hover-color);
  }

  .navmenu .dropdown ul {
    margin: 0;
    padding: 10px 0;
    background: var(--nav-dropdown-background-color);
    display: block;
    position: absolute;
    visibility: hidden;
    left: 14px;
    top: 130%;
    opacity: 0;
    transition: 0.3s;
    border-radius: 4px;
    z-index: 99;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  }

  .navmenu .dropdown ul li {
    min-width: 200px;
  }

  .navmenu .dropdown ul a {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: none;
    color: var(--nav-dropdown-color);
  }

  .navmenu .dropdown ul a i {
    font-size: 12px;
  }

  .navmenu .dropdown ul a:hover,
  .navmenu .dropdown ul .active:hover,
  .navmenu .dropdown ul li:hover>a {
    color: var(--nav-dropdown-hover-color);
  }

  .navmenu .dropdown:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }

  .navmenu .dropdown .dropdown ul {
    top: 0;
    left: -90%;
    visibility: hidden;
  }

  .navmenu .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: -100%;
    visibility: visible;
  }
}
.panel-default {
  border-color: #fff;
}
.panel-default > .panel-heading {
  color: #fff;
  background-color: #fff;
  border-color: #fff;
}

/*.panel-title{ color: #09177C;  text-align-last: center;}*/
.panel-heading {
  padding: 4% 0px;
  border-bottom: 1px solid transparent;
  border-bottom-color: transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.pkp_block h2 {
  color: #09177C !important;
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
}
h2.panel-title{
  font-size: 0px;
  margin-bottom: 0px;
  margin-top: 0;
  text-align-last: left;}
  
  div > .btn-group, .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5%;
   margin-left:-14px
}

.btn-default {
  color: #09177C;
  background-color: #fff;
  border: 1px solid #09177C !important;
  border-radius:25px
}
 
 .btn.focus, .btn:focus, .btn:hover {
  text-decoration: none;
  color: #09177C;
  background-color: var(--bg-yellow);
  border:  1px solid #ffcd00 !important;
}
/* Navmenu - Desktop 
el ancho de la ventana mayor o igual a 992px*/
@media (min-width: 992px) {
  .dropdown-menu a {
	  color: #09177C !important;
  }
  .nav .nav.navbar-nav  {
  position: absolute; z-index: 100;
}
}
.csl-bib-body{margin-top:-20%; margin-left:-9%; margin-bottom:10%}



/* 	NO	 modificar esta perfeco para las pantallas hasta 539 */
@media (max-width: 769px) {
  .header {background:var(--bg-primary); /*height: 60px;*/ width: 100%; display: flex; align-items: center;}
  .headerlogo {margin-top:0px;}
  img {max-width:95%; height: auto;}

  .mi-clase-oculta-sm {display: none !important;}
  
  .menu > nav > ul > li > a {display:none !important;}
  
  .pkp_doi {margin-top:55px; font-size: 8px; color:#fff; margin-left:-80px; width:180px;  padding-right: 12px;}
  .logo {display:none !important;}
 
  .mt-4 {margin-top: -12rem;}
  .container-image{max-width:70px}
  .imagerev{margin-left:6px; border: 1px solid #09177C; margin-top:-4% }


  .panel-title{ font-size: 15px;  color: #09177C;  text-align-last: center;}
  .pkp_block .title {width: 100%; padding-top: 10px; padding-bottom:3px; line-height: 1rem; text-align: center; font-size: 24px; color:white;}
  .pkp_block ul > li a {padding: 0.55rem 0.55rem; font-size: 12px;}
  .most_read_article_journal{font-size: 12px;}
  .btn-primary {font-family: 'Poppins'; font-size: 12px;}
  .media-heading{font-size: 16px;}
  .pkp_block {padding: 0px;}
   p{margin: -4px 0 10.5px; font-size: 13px;}
  .bi::before, [class*=" bi-"]::before, [class^="bi-"]::before {font-size: 20px;}
  .container-fluid{ --bs-gutter-x: 0rem;}
  .header .mobile-nav-toggle { position: fixed;  top: 20px;}
  .mobile-nav-toggle { margin: -4px 5px 0 15px; }
  /*.navmenu {display:none !important;}*/
  .two-bottom {display:none !important;}
  .migas{display:flex; grid-template-columns: 100%  0%; height:auto; margin-top:2%}
  .hero{padding:0px 15px}
  .gb_B::after {  content: "";  position: absolute;  top: -4px;  bottom: -4px;  left: -4px;  right: -4px;}
  .dropdown-menu-right {  right: 0;  left: auto;}
 /* .dropdown-menu{ color: rgba(9,23,124,0.87) !important; position: static}
  .dropdown-toggle { color: rgba(9,23,124,0.87) !important; position: static;}
  .dropdown-menu {color: rgba(9,23,124,0.87) !important; position: static;  display: inline-block}*/
  .header-bottom nav.main-menu #navbar {
        color: rgba(9,23,124,0.87) !important; position: static;  display: inline-block
    }

    .nav .nav.navbar-nav  {
        color: #fff;
        background-color: rgba(9,23,124,0.87) !important; 
        position: relative; z-index: 100;
    }
}

@media (min-width: 450px) and (max-width: 599px) {
  .header {background:var(--bg-primary); height: 60px; width: 100%; display: flex; align-items: center;}
 .navmenu ul {margin: 0; padding: 0; display: flex; list-style: none; align-items: center;  }
 .pkp_doi {margin-top:20px; font-size: 10px; color:#fff; /* margin-right: -25px;*/}
 /*  p.lugar {font-family:'Open Sans'; font-weight:bold; font-size:055em; margin-top:2px; color:#fff; margin-left: -18%}
.container-image{max-width:90px;         margin-top: 0rem;}*/
 .header .mobile-nav-toggle {margin: -4px 0px 0px 15px;}
  }
  
@media (min-width: 600px) and (max-width: 769px) { /*Hasta aqui va la barra azul*/
 .header {background:var(--bg-primary); height: 60px; width: 100%; display: flex; align-items: center;}
/*  h1.headertitulovitae {display:grid block !important; font-family:'Open Sans'; font-weight:bold; font-size:1em; margin-top:20px; color:#fff; line-height:1.5px; width:310px}
  p.headerlugar {display:grid block !important;font-family:'Open Sans'; font-weight:bold; font-size:0.55em; margin-top:2px; color:#fff; margin-left: 0px}*/
 .pkp_doi {margin-top:12px;font-size: 10px; color:#fff;  padding-right: 14px;}
 /*.container-image{max-width:90px; margin-top:  3.75rem;}*/
 .header .mobile-nav-toggle {margin: -4px 0px 0px 15px;}
 
  }
  
  /*Esta regla se aplica solo cuando el ancho de la ventana es igual o mayor a 770px.*/
  @media (min-width: 770px) and  (max-width: 779px) {
	.mi-clase-oculta-sm {display:inline}
	.mi-clase-oculta-xl {display: none !important;}
  .pkp_site_name_wrapper { margin-top: -30px; margin-bottom: 10px; padding: 0 10px; display: inline-flex}
	.container-image{ margin-top: 8px;}
 /* .titulovitae {font-family:'Open Sans'; font-size: 20px; line-height:2rem;}
  .lugar {font-family:'Open Sans'; font-size: 16px;}*/
	.pkp_doi {font-size: x-small; margin-left: -20px; line-height:1px; margin-top: 2%;}
	.menu {margin-top: 0%;}
	.menu > nav > ul > li > a { margin: 5px 5px;  display: block; font-size: 1em; text-align: right;  background-color: #ffcd00;  font-family: 'Poppins';  font-style: normal;  font-weight: normal;  padding: 5px 1.5em;  border-radius: 25px;  color: #09177C;  list-style-type: none;   box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);}
	.menu > nav > ul > li > a:hover {  background-color: #160b8b;  color: #fff;}
	.pkp_site_nav_menu {
    background: var(--bg-gray);
    border-radius:1rem; /*.25rem;*/
    color: var(--bg-primary);
  }
  	.navmenu {
    padding: 0;
  }

  .navmenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
  }

  .navmenu li {
    position: relative;
  }

  .navmenu a,
  .navmenu a:focus {
    color: var(--nav-color);
    padding: 18px 15px;
    font-size: 16px;
    font-family: var(--nav-font);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    transition: 0.3s;
  }

  .navmenu a i,
  .navmenu a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
    transition: 0.3s;
  }

  .navmenu li:last-child a {
    padding-right: 0;
  }

  .navmenu li:hover>a,
  .navmenu .active,
  .navmenu .active:focus {
    color: var(--nav-hover-color);
  }

  .navmenu .dropdown ul {
    margin: 0;
    padding: 10px 0;
    background: var(--nav-dropdown-background-color);
    display: block;
    position: absolute;
    visibility: hidden;
    left: 14px;
    top: 130%;
    opacity: 0;
    transition: 0.3s;
    border-radius: 4px;
    z-index: 99;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  }

  .navmenu .dropdown ul li {
    min-width: 200px;
  }

  .navmenu .dropdown ul a {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: none;
    color: var(--nav-dropdown-color);
  }

  .navmenu .dropdown ul a i {
    font-size: 12px;
  }

  .navmenu .dropdown ul a:hover,
  .navmenu .dropdown ul .active:hover,
  .navmenu .dropdown ul li:hover>a {
    color: var(--nav-dropdown-hover-color);
  }

  .navmenu .dropdown:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }

  .navmenu .dropdown .dropdown ul {
    top: 0;
    left: -90%;
    visibility: hidden;
  }

  .navmenu .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: -100%;
    visibility: visible;
  }
	/*.hero{margin-top:20%; padding:5% 15px}*/



	.container {width: 100%;  padding: 0;  margin: 0 auto; --bs-gutter-x: 1.5rem;  --bs-gutter-y: 0; max-width: 802px; margin: 0 auto;}
	
		.flex-row {display: flex;flex-wrap: wrap;}
    .hidden-xs {
        display: block;
    }
	.d-xl-flex{display:flex!important}
	
	.btn-primary {font-family: 'Poppins'; font-size: 14px;padding-left: 5px; padding-right: 5px;}
	.two-bottom {width: 180px;}
	
  .container-fluid{

        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-top: 8%;
    }
	
	.header .nav-wrap {
     /* margin-top: 20%;
      display: flex;*/
      justify-content: center;
    }
	
	

	.hero h1{font-size:42px;font-weight:700;margin-bottom:20px;color:#024077}
	.hero p{font-size:20px;line-height:26px;margin-bottom:0;font-weight:400;max-width:800px;color:#024681}
	.migas{display:flex; grid-template-columns: 70%  30%; height:auto; margin-top:0%}
	
	/*.navmenu {padding: 0; color:var(--bg-primary); background-color: var(--bg-gray); border-radius: 15px}
	*/
  .navmenu > ul > li > a > span {text-decoration: none;  padding-left: 5px;  color: var(--bg-primary); font-size: 14px; font-family: 'Poppins';   font-weight: 400;   align-items: center;   justify-content: space-between;  display: inline-flex;  text-transform: uppercase;}
}

/*Esta regla se aplica solo cuando el ancho de la ventana es igual o mayor a 780px.*/

  @media (min-width: 780px) {
  .header{background:var(--bg-white); height: auto; width: 100%; display: grid; align-items: center;}

	.mi-clase-oculta-sm {display:inline}
	.mi-clase-oculta-xl {display: none !important;}
  
	.menu {margin-top: 0%;}
	.menu > nav > ul > li > a {/*margin: 5px 5px; */ display: block; font-size: 1em; text-align: center;  background-color: #ffcd00;  font-family: 'Poppins';  font-style: normal;  font-weight: normal;  padding: 5px 1.5em;  border-radius: 25px;  color: #09177C;  list-style-type: none;  box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);}
	.menu > nav > ul > li > a:hover {  background-color: #160b8b;  color: #fff;  text-decoration: none;}

	.hero{margin-top:20%; padding:5% 15px}

  .logo {/*display: grid; */width: 100%;}
	.container-image{max-width:40%; margin-top: 8px;}
	
	.flex-row {display: flex;flex-wrap: wrap;}
    .hidden-xs {
        display: block;
    }
	.d-xl-flex{display:flex!important}
	
	.obj_galley_link, .btn-primary, .btn-yellow {font-size: 14px; padding-left: 15px; padding-right: 15px; border-radius: 25px;} /**no borrar **/
	.btn-primary {
  color: #09177C;
  background-color: #fff;
  border-color: #09177C;
  border:1px solid  #09177C;
  box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
.btn-primary:focus,
.btn-primary.focus {
  color: #09177C;
  background-color: #ffcd00;
  border-color: #ffcd00;
}
.btn-primary:active,
.btn-primary.active,
.btn-primary:hover {
  color: #09177C;
  background-color: #ffcd00;
  border-color: #ffcd00;
}
	.two-bottom {width: 180px;}

	.hero h1{font-size:42px;font-weight:700;margin-bottom:20px;color:#024077}
	.hero p{font-size:20px;line-height:26px;margin-bottom:0;font-weight:400;max-width:800px;color:#024681}
	.migas{ grid-template-columns: 70%  30%; height:auto; margin-top:0%}
      

    .btn-envio{text-align: right; float: right; margin-left: 36.7%;}

 }

input#search {
    background-image: url('https://www.flaticon.es/iconos-gratis/buscar');
    background-repeat: no-repeat;
    text-indent: 10px;
}
@media (min-width:800px){
.col-xl-2{flex:0 0 auto;width:16.66666667%}
.col-xl-3{flex:0 0 auto;width:25%}
.col-xl-5{flex:0 0 auto;width:41.66666667%}
.col-xl-12{flex:0 0 auto;width:100%}}

@media (min-width:1200px){
.col-xl-2{flex:0 0 auto;width:16.66666667%}
.col-xl-3{flex:0 0 auto;width:25%}
.col-xl-5{flex:0 0 auto;width:41.66666667%}
.col-xl-12{flex:0 0 auto;width:100%}}

@media (min-width:1400px){
.col-xxl-2{flex:0 0 auto;width:16.66666667%}
.col-xxl-6{flex:0 0 auto;width:50%}
}



.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}
.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}
@keyframes spinner-border{to{transform:rotate(360deg)}}
@keyframes spinner-grow{0%{transform:scale(0)}
50%{opacity:1;transform:none}}
.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}
@keyframes placeholder-glow{50%{opacity:.2}}
@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0;mask-position:-200% 0}}
.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.d-flex{display:flex!important}
.d-none{display:none!important}

.flex-column{flex-direction:column!important}
.flex-shrink-0{flex-shrink:0!important}
.justify-content-center{justify-content:center!important}
.align-items-center{align-items:center!important}
.mt-3{margin-top:1rem!important}
.me-auto{margin-right:auto!important}
.mb-3{margin-bottom:1rem!important}.mb-5{margin-bottom:3rem!important}
.text-center{text-align:center!important}
.readmore{
	display: inline-block;  
	padding: 5px 1.5em; 
	font-size: .93rem; 
	line-height: calc(2.143rem - 2px); 
	text-decoration: none; 
	position: relative; top: -10px; 
	right: 42px; 
	width: 115px;
    font-family: 'Poppins';
}
@media (min-width:1200px){.d-xl-flex{display:flex!important}}


a{color:#09177C;transition:.3s;text-decoration:none}
a:active,a:focus,a:hover{/*color:var(--bg-yellow);*/outline:0;text-decoration:none}
.header-logo {margin-left: -19%; /*width: 80%;margin-bottom: 0%;*/}
.main{margin-top:60px}
.icon{width:16px;height:16px}
.scroll-top{display:flex;justify-content:center;align-items:center;position:fixed;right:15px;bottom:-15px;visibility:hidden;opacity:0;width:44px;height:44px;background:var(--bg-yellow);border-radius:4px;transition:.3s;z-index:11}
.scroll-top:hover{background:#03b7ff;box-shadow:0 6px 15px 0 rgba(0,155,217,.3)}.scroll-top .icon{color:#fff;width:20px;height:20px}
.scroll-top.active{visibility:visible;opacity:1;transition:.3s;bottom:15px}

.header .search-form{min-width:240px}
.header .search-form input{border:1px solid rgba(255,255,255,.4);background-color:rgba(255,255,255,.05);color:#fff;border-radius:0}
.header .search-form input:active,.header .search-form input:focus,.header .search-form input:focus-within,.header .search-form input:hover{border-color:rgba(255,255,255,.8)}
.header .search-form input::placeholder{color:rgba(255,255,255,.5)}
.header .search-form .icon{color:rgba(255,255,255,.8)}

@media (min-width:1280px){
	.navbar{padding:0;position:static}
	.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}
	.navbar>ul>li{white-space:nowrap;padding:10px 0 10px 25px}
	.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:0 3px;font-size:16px;font-weight:400;color:rgba(255,255,255,.7);white-space:nowrap;transition:.3s;position:relative}
	.navbar a .icon,.navbar a:focus .icon{width:20px;height:20px;color:var(--bg-yellow)}
	.navbar .active,.navbar .active:focus,.navbar a:hover,.navbar li:hover>a{color:#fff}
	.navbar .nav-categories ul{position:absolute;top:60px;left:12px;right:12px;padding:15px;height:auto;background:#fff;box-shadow:0 5px 15px 0 rgba(2,59,109,.1);opacity:0;visibility:hidden;transition:.2s;flex-wrap:wrap}
	.navbar .nav-categories ul li{display:flex;flex:0 20%;align-items:center;padding:8px 8px}
	.navbar .nav-categories ul a{padding:0;color:#09177C;margin-right:5px;font-size:15px;font-weight:400}
	.navbar .nav-categories ul a:hover{color:var(--bg-yellow)}.navbar .nav-categories ul a.active{font-weight:700;color:var(--bg-yellow)}
	.navbar .nav-categories ul .icon{color:var(--bg-yellow);width:18px;height:18px}
	.navbar .nav-categories ul span{color:#999;font-size:13px;font-weight:400}
	.navbar .nav-categories:hover>ul{opacity:1;visibility:visible;transition:.2s}
	.navbar .memberarea .icon{margin:2px 5px 0 0}.mobile-nav-hide,.mobile-nav-show{display:none}
}
	
@media (max-width:1279px){
	.navbar{position:fixed;top:60px;right:-100%;width:100%;max-width:400px;border-left:1px solid #666;bottom:0;transition:.3s;z-index:9997}
	.navbar>ul{position:absolute;inset:0;padding:15px 0;margin:0;background:rgba(255,255,255,.9);overflow-y:auto;transition:.3s;z-index:9998;list-style:none;display:flex;flex-direction:column}
	.navbar a,.navbar a:focus{display:flex;align-items:center;padding:10px 20px;font-size:18px;font-weight:400;color:#09177C;white-space:nowrap;transition:.3s}
	.navbar a .icon,.navbar a:focus .icon{width:20px;height:20px;color:var(--bg-yellow);margin-left:4px}
	.navbar .active,.navbar .active:focus,.navbar a:hover,.navbar li:hover>a{color:var(--bg-yellow)}
	.navbar .memberarea .icon{margin:2px 6px 0 0}.navbar .nav-search-form{display:none}
	.navbar .nav-categories{position:relative}.navbar .nav-categories ul{padding:0 15px 0 25px;background:#fff;transition:.2s;display:none}
	.navbar .nav-categories ul li{display:flex;align-items:center;padding:8px}.navbar .nav-categories ul a{padding:0;color:#09177C;margin-right:5px;font-size:16px;font-weight:400}.navbar .nav-categories ul a:hover{color:var(--bg-yellow)}
	.navbar .nav-categories ul a.active{font-weight:700;color:var(--bg-yellow)}.navbar .nav-categories ul .icon{color:var(--bg-yellow);width:18px;height:18px}
	.navbar .nav-categories ul span{color:#999;font-size:13px;font-weight:400}.navbar .nav-categories .nav-categories-active{display:block}
	.mobile-nav-toggle{margin:-4px 15px 0 15px}.mobile-nav-toggle .icon{color:rgba(255,255,255,.7);transition:.5s;z-index:9999;width:24px;height:24px}
	.mobile-nav-active{overflow:hidden}.mobile-nav-active .navbar{right:0}
	.mobile-nav-active .navbar:before{content:"";position:fixed;inset:60px 0 0 0;background:rgba(255,255,255,.8);z-index:9996}
}




.template-card{transition:.3s ease-in-out;height:100%;background:#fff;border-radius:10px;overflow:hidden;position:relative;z-index:1; font-family: 'Poppins'; border:1px solid #eee; height:auto;}
.template-card picture{width:100%;overflow:hidden}

@media (min-width:1200px){.template-card picture{width:380px}}.template-card .details{padding:40px;border-left:1px solid #eee}

@media (max-width:1200px){.template-card .details{padding:30px;border-top:1px solid #eee;border-left:0}}

.template-card h2{margin:0;padding:0 0 25px 0;font-size:20px;font-weight:600;font-family:'Poppins'}

.template-card h2 a{color:var(--bg-primary)}

.template-card h2 a::after{position:absolute;inset:0;z-index:1;content:""}

.template-card p{color:#555;margin:0 0 5px 0;overflow:hidden; font-family: 'Poppins'}

.template-card .buttons{position:relative;z-index:2}

@media (max-width:1200px)

{.template-card .buttons{text-align:center}}

.template-card .buttons a{display:inline-flex;align-items:center;padding:10px 30px;font-size:16px;font-weight:400;letter-spacing:.3px;border-radius:4px;color:#09177C;transition:all .3s;flex-grow:1;flex-basis:auto;justify-content:center;border:1px solid #cfd4e4;margin:0 2px 12px 2px}

@media (min-width:1200px){.template-card .buttons a:first-child{margin-left:0}}
.template-card .buttons a:hover{border-color:var(--bg-yellow);color:var(--bg-yellow)}


.template-card:hover{box-shadow:0 0 40px rgba(2,59,109,.1)}.template-card:hover h2 a{color:var(--bg-yellow)}@keyframes animate-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.overlay-frame{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:99999;display:flex;align-items:center;justify-content:center}.overlay-frame .close{position:absolute;top:12px;right:22px;width:30px;height:30px;background:var(--bg-yellow);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;box-shadow:0 0 15px rgba(0,0,0,.4);transition:.3s;z-index:99998;border:0;line-height:0}.overlay-frame .close:hover{background-color:#0089c0;color:#fff}.demo-iframe{width:calc(100% - 60px);height:calc(100% - 60px);border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.2);border:0;outline:6px solid rgba(255,255,255,.2);background-color:#fff;overflow:hidden;position:relative;z-index:99997}.page-content h3{font-size:20px;font-weight:500;color:var(--bg-yellow)}.search-bar-toggle{color:rgba(255,255,255,.7);width:24px;height:24px;margin-right:5px;cursor:pointer;transition:.3s;display:none}.search-bar-toggle:hover{color:#fff}

@media (max-width:1279px){.search-bar-toggle{display:block}}
.search-bar{position:fixed;top:60px;left:0;right:0;padding:20px 0;box-shadow:0 0 15px 0 rgba(2,59,109,.1);background:#fff;z-index:9999}.search-form input{border:0;font-size:14px;color:#09177C;border:1px solid rgba(2,59,109,.2);padding:7px 38px 7px 10px;border-radius:3px;transition:.3s;width:100%}.search-form input:focus,.search-form input:hover{outline:0;box-shadow:0 0 10px 0 rgba(2,59,109,.15);border:1px solid rgba(2,59,109,.3)}
/*.search-form button{border:0;padding:0;margin-left:-30px;background:0 0}*/
/*.search-form button .icon{color:rgba(2,59,109,.6);width:20px;height:20px}*/

.loading{display:none;background:#fff;text-align:center;padding:15px;margin:0 0 15px 0}.loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;border:3px solid #18d26e;border-top-color:#eee;animation:animate-loading 1s linear infinite}@keyframes animate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.footer{margin-top:30px}.footer-newsletter{background:#f4faff}.newsletter-form{padding:50px 0;font-size:16px;background:#f4faff;text-align:center}.newsletter-form h3{font-size:24px;margin:0 0 20px 0;padding:0;line-height:1;font-weight:600}.newsletter-form input[type=email]{border:1px solid #fff;padding:10px 12px;width:100%;box-shadow:0 2px 15px rgba(2,59,109,.12);display:block;transition:.3s}.newsletter-form input[type=email]:focus{outline:0;border-color:var(--bg-yellow)}.newsletter-form input[type=submit]{font-size:16px;padding:12px 40px;border:0;background:var(--bg-yellow);color:#fff;transition:.3s;border-radius:3px;box-shadow:0 2px 15px rgba(2,59,109,.12)}.newsletter-form input[type=submit]:hover{background:#00a6e8;box-shadow:0 0 30px rgba(2,59,109,.2)}.newsletter-form .error-message{display:none;color:#fff;background:#ed3c0d;text-align:center;padding:15px;font-weight:600;margin:15px 0 0 0}.newsletter-form .sent-message{display:none;color:#fff;background:#18d26e;text-align:center;padding:15px;font-weight:600;margin:15px 0 0 0}.footer-top{padding:60px 0 30px 0;background:#09177C;border-top:2px solid #f4faff}.footer-top h3{font-size:16px;font-weight:600;position:relative;padding-bottom:12px;margin-bottom:0;color:#fff}.footer-about{margin-bottom:30px}.footer-about .description{font-size:14px;line-height:24px;margin:10px 0 0 0;color:#fff}
/*.social-links a{background:rgba(255,255,255,.2);color:#fff;margin-right:5px;border-radius:50px;text-align:center;width:40px;height:40px;transition:.3s;display:flex;justify-content:center;align-items:center;cursor:pointer}
.social-links a:hover{background:var(--bg-yellow);color:#fff;text-decoration:none}*/

/*.social-links .icon{width:18px;height:18px}*/
.footer-nav{margin-bottom:30px}.footer-nav ul{list-style:none;padding:0;margin:0}.footer-nav .icon{color:var(--bg-yellow);width:18px;height:18px;margin:0 2px 0 -5px}.footer-nav li{padding:6px 0;display:flex;align-items:center}.footer-nav li:first-child{padding-top:0}.footer-nav a{transition:.3s;font-size:15px;color:rgba(255,255,255,.7)}.footer-nav a:hover{text-decoration:none;color:#fff}.copyright{font-size:15px;padding:25px 0}.cookie-bar{background-color:rgba(0,0,0,.8);color:#fff;padding:15px;position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;font-size:14px;z-index:99999999;transition:bottom 1s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.cookie-bar a{color:#fff;text-decoration:underline}.cookie-bar 
.accept-cookies{background-color:var(--bg-yellow);color:#fff;border:0;padding:3px 15px;cursor:pointer;border-radius:3px;transition:none;margin-left:10px}.cookie-bar .accept-cookies:active,.cookie-bar .accept-cookies:hover{background-color:#0089c0}

@media (max-width:1024px){.cookie-bar{flex-direction:column}
.cookie-bar span{padding-bottom:10px}}

body:has(.paddle-frame){overflow:hidden}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}


.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group .form-control:focus {
    z-index: 3;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
input[type="checkbox"], input[type="radio"] {
    /*box-sizing: border-box;*/
    padding: 0;
    border-color: #09177C;
}
.form-control:focus {
    border-color: #09177C;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px #09177C, 0 0 8px rgba(9, 23, 124, .6);
    box-shadow: inset 0 1px 1px rgba(9, 23, 124, .075), 0 0 8px rgba(9, 23, 124, .6);
}
.form-control:hover, .form-control:active  {
    border-color: #09177C;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px #09177C, 0 0 8px rgba(9, 23, 124, .6);
    box-shadow: inset 0 1px 1px rgba(9, 23, 124, .075), 0 0 8px rgba(9, 23, 124, .6);
}
.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
   /* outline: 5px auto -webkit-focus-ring-color;*/
    outline: 5px auto #09177C;
    outline-offset: -2px;
}

.alert-info {
    color: #09177C;
    background-color: var(--bg-yellow);
    border-color: var(--bg-yellow);
}

.form-group input, .form-group select {
    float: left;
    width: 90%;
    border-radius: 25px;
    border: solid #d9d8d6 1px;
    padding: 8px 15px;
    font-weight: 400;
    font-size: 13px;
    margin: 10px 0 0 12px;
    box-shadow: none;
	background: #fff;
    color: #999;
    /* height: 40px; */
}

.form-control select:focus {
    border-color: #09177C;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px #09177C, 0 0 8px rgba(9, 23, 124, .6);
    box-shadow: inset 0 1px 1px rgba(9, 23, 124, .075), 0 0 8px rgba(9, 23, 124, .6);
}
.form-control select:hover > option:hover  {
    border-color: #09177C;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px #09177C, 0 0 8px rgba(9, 23, 124, .6);
    box-shadow: inset 0 1px 1px rgba(9, 23, 124, .075), 0 0 8px rgba(9, 23, 124, .6);
}
/*
.prueba{
		position: relative;
        font-size: 1em;
        text-align: center;
        border-radius: 25px;
        color: #09177C;
        list-style-type: none;
}*/



.despliegue1:hover{
	background-color: #fff;
	color:  #09177C;    
	border-radius: 25px;
    text-align: center;
	box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: #09177C;
  border-color: #09177C;
}
.nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
  background-color: #ffcd00;
}
/*

.dropdown-toggle:hover {
	margin: 5px 5px;
	z-index: 2;
	position: relative;
}
	*/
.dropdown-menu > li > a {
  display: block;
  padding: 0px 0px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  background-color: #fff;
  padding: 6px 10px;
  z-index: 1002;
}
.badge{
  background-color: #ffcd00;
  color: #09177C;
}

@media (min-width: 768px) and (max-width: 991px) {
  .navbar-nav {
    background-color: rgba(9,23,124,0.87) !important; 
   /* position: relative; 
    z-index: 100;*/
  }
  .navbar-nav > li {
    float: left;
  }
  .header-bottom nav.main-menu ul.nav.navbar-nav > li a:hover,.header-bottom nav.main-menu ul.nav.navbar-nav > li a:focus{
    color: #09177C;
    background: #ffcd00;
    border-radius: 25px;
    border-bottom: 1px solid #09177C;
  }
  .header-bottom nav.main-menu ul.nav.navbar-nav > li a {
    color: #fff; 
  }
  .dropdown-menu {
    display: inline-block;
  }
  .header-bottom nav.main-menu ul.nav.navbar-nav > li a:focus, .header-bottom nav.main-menu ul.nav.navbar-nav > li a.active {
    background-color: transparent;
    border-bottom: 1px solid #09177C;
    color: #fff; 
  }
}

@media (max-width: 767px) {
    .header-bottom nav.main-menu ul.nav.navbar-nav > li a {
        color: #fff;
        font-size: 15px;
        padding: 12px 10px;
        text-transform: uppercase;
        letter-spacing: 0;
        font-weight: 700;
        background-color: rgba(9,23,124,0.87) !important; 
    }

    .header-bottom nav.main-menu ul.nav.navbar-nav > li a:hover, .header-bottom nav.main-menu ul.nav.navbar-nav > li a:focus, .header-bottom nav.main-menu ul.nav.navbar-nav > li a.active {
        color: var(--bg-yellow);
        background: transparent;
        box-shadow: none;
    }
}
.uno {
  display:flex;
}