@charset "UTF-8";

/* MENU CELULARES */

.offcanvas-menu .offcanvas-inner ul.menu-child li > a {
  overflow: hidden;
  white-space: nowrap;
}

.offcanvas-menu .offcanvas-inner ul.menu-child li.active.current > a {
  color: #ffbf00 !important;
  opacity: 1;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  padding: 4px 0px 0px 10px;
  line-height: 25px;
  font-weight: 600;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a {
  opacity: 0.8;
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu > li.current.active.menu-parent > a {
 color: #ffbf00 !important;
  opacity:1;
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu > li.current.active.default a {
  color: #ffbf00 !important;
  opacity:1;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active > a {
  color: #ffbf00 !important;
  opacity:1;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent .menu-toggler {
  -webkit-transform: translateY(-17%);
}

.offcanvas-menu .offcanvas-inner ul.menu > li span
{
  padding: 10px;
}

body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, 
body.ltr .sp-megamenu-parent > li.sp-has-child > span::after,
.sp-megamenu-parent > li.sp-has-child > a::after, 
body.ltr .sp-megamenu-parent > li.sp-has-child > span::after,
body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after,
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler::after, 
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler::after,
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > a > .menu-toggler::after, 
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler::after,
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent.menu-parent-open .menu-toggler::after,
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent .menu-toggler::after {
  font-family: "Font Awesome 5 Free";
}

/*************************/

.sp-menu-item.sp-has-child .sp-menu-heading {
    cursor: pointer !important;
}

.sp-menu-item.sp-has-child .sp-menu-separator {
  color: #ffffff;
}

.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
	line-height: 57px
}

/*.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  line-height: 1rem;
}*/

/* Separador arriba de item de menú*/
.py-fi {
  padding-top: 1.5rem !important;
}
/** Botones **/
div .btn.btn-primary,
.scLogoutButton,
.article-details .article-can-edit a {
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
  border-color: #347cbb;  
  background: #347cbb;   
  border-radius: 4px;
  margin: .25em;  
}

div .btn.btn-primary:hover,
.article-details .article-can-edit a:hover {
  background-color: #003b5a; /* #2b75af;  #00729f;*/
}

div .btn.btn-secondary{
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
  border-color: #357ebd;  
  background: #6c757d;   
  border-radius: 4px;
  margin: .25em;  
}

.button,
.readon,
.readmore,
.btn-primary {
  background: #FF9900;
  border: 1px solid #2b75af;
  display: inline-block;
  padding: 4px 14px;
}
.button:hover,
.readon:hover,
.readmore:hover,
.btn-primary:hover {
  background-color: #00729f;
}


/** Categorias **/

.categoria {
  border-style: solid;
  border-radius: 1em;
  border-width: medium;
  transition: background-color 0.3s ease, text-shadow 0.3s ease;
} 

div.categoria a {
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
  font-weight: 600;
  color: #666666;
  border-style: none;
}

div.categoria:hover a {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}

/*div.categoria a.btn:active {
  border-color: white;
}*/


div.ASI {
  border-color: #5B9BD5;
  display: inline-block;
}

div.ASI:hover a {
  color: white;
}

div.ASI:hover {
  background-color: #5B9BD5;
}

div.ARSO {
  border-color: #333333; 
}
div.ARSO:hover a {
  color: white;
}
div.ARSO:hover {
  background-color: #333333;
}

div.BDMD {
  border-color: #7D7D7D; 
}
div.BDMD:hover a {
  color: white;
}
div.BDMD:hover {
  background-color: #7D7D7D;
}

div.CGIV {
  border-color: #1f618d; 
}
div.CGIV:hover a {
  color: white;
}
div.CGIV:hover {
  background-color: #1f618d;
}

div.IS {
  border-color: #FF7F00; 
}
div.IS:hover a {
  color: white;
}
div.IS:hover {
  background-color: #FF7F00;
}

div.IEI {
  border-color: #8B0000; 
}
div.IEI:hover a {
  color: white;
}
div.IEI:hover {
  background-color: #8B0000;
}

div.ISS {
  border-color: #f1c40f; 
}
div.ISS:hover a {
  color: white;
}
div.ISS:hover {
  background-color: #f1c40f;
}

div.PDP {
  border-color: #E74C3C; 
}
div.PDP:hover a {
  color: white;
}
div.PDP:hover {
  background-color: #E74C3C;
}

div.PSST {
  border-color: #8E44AD; 
}
div.PSST:hover a {
  color: white;
}
div.PSST:hover {
  background-color: #8E44AD;
}

div.RCCI {
  border-style: double;
  border-color: black; 
  border-width: medium;
}
div.RCCI:hover {
  border-width: thin;
  border-style:solid;
  border-color: gray; 
  background-color: #FAFAFA;
}

div.SI {
  border-color: #8B4513; 
}
div.SI:hover a {
  color: white;
}
div.SI:hover {
  background-color: #8B4513;
}

div.TIAE {
  border-color: #228B22; 
}
div.TIAE:hover a {
  color: white;
}
div.TIAE:hover {
  background-color: #228B22;
}


/** Ubicación en el sitio **/
.breadcrumb {
  background-color: #f5f5f5;
  border-radius: 1rem;
  color: #0096D2;
}

.breadcrumb .divider.fas.fa-map-marker-alt {
  padding-right: 0.5em;
}

/** Artículos listados en categoría **/
.article-list .row div.article {
  line-height: 1.25em;
  border-bottom: 2px solid #495057;
}

/** Más artículos **/
div .articles-more > ul .list-group > li .list-group-item,
.list-group-item,
.nav.nav-tabs.nav-stacked li {
  color: #347cbb;   /* #2b75af; */ 
  text-decoration: none;
  padding: 0;
  border: 0;
  background: transparent;
}
/** Menú principal **/ 
.sp-menu,
.sp-menu-item {
  background-color: #347cbb;   /* #2b75af; */
  transition: color 0s 2s;
  color: #ffffff;
}
.sp-menu.dropdown {
  background-color: #006699;
}

.sp-menu-item:hover {
  color: orange;
}

.sp-menu-item.current-item.active,
.sp-menu-item.sp-has-child.active,
ul li .sp-menu-item:hover {
  background: #00476b;
}

.sp-menu-item.sp-has-child > .sp-menu-heading {
  color: #ffffff;  
  border-radius: 20px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  padding: 0px;
  border-radius: 20px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner > ul > li.sp-menu-item {
  padding-left: 1.5em;
}

.sp-megamenu-parent > li:last-child {
  padding: 0px 15px 0px 1px;
}

.ocultar,
.i4ewOd-pzNkMb-nK2kYb,
.article-list .article .featured-article-badge {
  display: none;
}
.mnu-organizacion:hover .ocultar {
  display: inline;
  position: absolute;
  z-index: 1;
  bottom: 1em;
  color: #ffffff;
  background: #428bca;
  border-radius: 5px;
}


.datosdescuento {
  display: block;
  
}

.btn.btn-dto,
.btn.btn-dto:hover {
  border: solid #347cbb medium;
  border-radius: 1em;
  padding: 1em;
  font-weight: 600;
  --bs-btn-active-bg: #347cbb;
  --bs-btn-active-color: #fff;
  --bs-btn-hover-border-color: #347cbb;
}

.Alojamiento {
  /*border-left:.5em solid #922415;*/
  border-left: .15em solid #347cbb;
  padding-left: 1em;
  padding-bottom: .5em;
}

.Agencia {
  /*border-left: .5em solid green;*/
  border-left: .15em solid #347cbb;
  padding-left: 1em;
  padding-bottom: .5em;
}
.Restaurante {
  /*border-left: .5em solid #ffbf00;*/
  border-left: .15em solid #347cbb;
  padding-left: 1em;
  padding-bottom: .5em;
}
.Buceo {
  /*border-left: .5em solid lightblue;*/
  border-left: .15em solid #347cbb;
  padding-left: 1em;
  padding-bottom: .5em;
}

.datosdescuento .ocultar {
  display: none;
}

.datosdescuento:hover {
  position: relative;
}

.datosdescuento > .masdatos  {
  display: block;
  border-radius: 5px;
  border-bottom: solid 2px #347cbb;
  padding: 1em;
  position: right;
}



/** Títulos de artículos **/
.article-list .article .article-header h2 a {
  color: #347cbbff; /* #2b75af; */
  font: bold 1.5em Montserrat;
}

.article-list .article .article-header h2 a:hover {
  color: #666; 

}
.page-header {
  display: none;
}

.tabla-sep-renglones thead,
.tabla-sep-renglones thead tr td {
  background: #5393cb;
  font-weight: bold;  
  color: #000000;
  text-align: center;
}
.tabla-sep-renglones tr td {
  border: 2px solid gray;
  vertical-align: middle;
  padding: .75em;
}
.tabla-sep-renglones tbody tr:hover,
.tabla-sep-renglones tr:nth-child(even):hover  {
  background: #f6b944;
}
.tabla-sep-renglones tr:nth-child(even) {
  border: 2px solid gray;
  background: #b6c0c8;
}

/** fields **/

/*.fields-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.field-item {
    /* Style each field item if necessary 
}*/
div .field-entry span.field-label {
  display: none;
}

ul > .fields-container > span.field-value.poster_autores {
  display: inline; /* block;*/
  color: #f6b944;
}

.flex-content,
.flex-container{
  display: flex;
  flex-direction: column;
}

/* #sp-encabezado {
  padding-left: 15px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
   background: rgb(53,125,187);
background: linear-gradient(135deg, rgba(53,125,187,0.12488322965905108) 25%, rgba(53,125,187,0.5030344901632529) 30%, rgba(53,125,187,0.75) 35%, rgba(53,125,187,0.8) 40%, rgba(53,125,187,0.9) 45%, rgba(53,125,187,1) 50%, rgba(53,125,187,1) 68%, rgba(53,125,187,1) 100%);  }
*/

/** grid poster **/

.grid-principal {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.columna-izquierda {
    display: grid;
    grid-template-rows: 1fr;
    gap: 20px;
    grid-template-areas: "fila"
}

.box {
    padding: 20px;
}

#fila {
    grid-area: fila;
}

/* una sola columa en movil */ 

@media (max-width: 768px) {
    .grid-principal {
        grid-template-columns: 1fr; /* 1 sola columna en móviles */
        grid-template-rows: repeat(3, auto); /* 3 filas, una para autores, otra para audio, y otra para PDF */
    }

    .columna-izquierda {
        grid-template-rows: 1fr; /* 1 sola fila en móviles porque cada elemento será una fila en la grilla principal */
    }
  #audio-display {
    width: 300px !important;
  }
}

/* Pantallas grandes */
@media (min-width: 769px) {
    /* Imagen entre el texto  */
  .integrada {
    float: right; 
    padding-left: 1em;
    width: 50%;
  }
}

/* pdf responsivo */
.embed-responsive {
    position: relative;
    padding-bottom: 141.42%; /* Proporción 16:9 (se puede ajustar según tus necesidades) */
    height: 0;
    overflow: hidden;
}

.embed-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*  */

.article-list .article {
  border: none;
}

/* Logo encabezado */
span.logo,
.logo-image {
  display: none;
}

/* footer */
#sp-footer a:active, #sp-footer a:focus {
  color: #347CBB;
}

/* pruebas vista menú artículos de categoría en formato blog */
/*.bloque {
  border: 1px dashed #347cbb;
}
*/
.bloque h2,
.bloque h2 a {
  text-align: center;
  color: #347cbb;
  font-size: 2.25rem;
}


a {
  color: #347cbb;  
}


/** map **/

.i4ewOd-pzNkMb-haAclf {
	background-color: #ffffff;
}

/** external links **/
.externallinks {
    object-position: center right;  
}

/* tabla agenda de actividades */
.cronograma {
  max-width: 100%; 
  overflow-x: scroll; 
  overflow-y: scroll;
  display: inline-block;
}

.cronograma td {
  border: .15em solid black; 
  padding: .5em;
  
}
.cronograma  div.horario {
  rotate: 0 0 1 -90deg;
  display: inline-block;
  white-space: nowrap;
}
.cronograma .horario {
  background: #347cbb;
  color: white;
}
/* tabla vuelos */
div.vuelos {
  overflow: scroll;
  white-space: nowrap;
  font-size: smaller;
}
.vuelos img {
  max-width: 50px;
}
.vuelos td {
  padding: .15rem;
}
.vuelos .aa {
  background-color: #a5cbea5c;
}
.vuelos .fl {
  background-color: #fcbd1429;
  padding: .1em;
}
/* Auspiciantes */

.auspicianteG,
.auspicianteM,
.auspicianteCh {
  padding: 1em;
  background: #ffffff;
}
.auspicianteG img { /* tamaño grande */
  height: 8em;
  width: auto;
  display: inline;
  margin-right: 10%;
  margin-left: 10%;
}
.auspicianteM img { /* tamaño mediano */
  height: 6em;
  width: auto;
  display: inline;
  margin-right: 10%;
  margin-left: 10%;
}
.auspicianteCh img { /* tamaño chico */
  height: 4em;
  width: auto;
  display: inline;
  margin-right: 10%;
  margin-left: 10%;
}

/* imagen en lugar de viñetas */
.logo-item-lista {
    display: inline; 
    padding: .5em .25em;
    width: 3em;
    margin: 0 1em 0 auto;
  }