/*
THEME NAME: DosOceanos
THEME URI: https://www.dosoceanos.com.ar/
DESCRIPTION:  Framework by Vertegrande
VERSION: 1
AUTHOR: <a href="https://Vertegrande.com">Vertegrande&reg;</a>
AUTHOR URI: https://Vertegrande.com
*/

/* Architecture */

@import "general.css";
@import "fontawesome/all.css";
@import "swiper/swiper.css";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import "css-idioma/it-front.css";


html { }

body {
	background: #fff;
  color: #333;
  font-size: 0.8em;
	overflow-x: hidden;
font-weight: 300;
  font-family: 'Lato', sans-serif;
}
/*
=========================
======== Embeber contenido ========
=========================
*/
/* Estilos generales para contenido incrustado */
.wp-block-embed__wrapper {
    background-color: #f6f6f6;
    border-radius: 7px;
    padding-top: 25px;
    padding-bottom: 25px;
    border: 1px solid transparent;
    text-align: center; /* Centrar el contenido */
}

.wp-block-embed-twitter iframe,
.wp-block-embed-twitter object,
.wp-block-embed-twitter embed,
.wp-block-embed-youtube iframe,
.wp-block-embed-youtube object,
.wp-block-embed-youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;  text-align: center;
    height: 100%;
    border-radius: 7px; /* Agregar radio de borde */
}
.wp-block-embed__wrapper .twitter-tweet-rendered {
text-align: center;
    margin: 0 auto; /* Centrar el contenido */
}
/* Estilos de incrustación de Twitter */
.entry-content .wp-block-embed-twitter {
    max-width: 100%; /* Ajustar el ancho según sea necesario */
    border-radius: 7px;
		text-align: center;
    margin: 0 auto; /* Centrar el contenido */
}

/* Estilos de incrustación de Facebook */
.entry-content .wp-block-embed-facebook {
    max-width: 100% !important; /* Ajustar el ancho según sea necesario */
    border-radius: 7px;
    position: relative;
    margin: 0 auto; /* Centrar el contenido */
}

/* Estilos de leyenda de imagen */
figcaption {
    font-size: 11px;
    line-height: normal;
		font-family: "Nunito", serif;
    color: #9f9f9f;
    text-align: center; /* Centrar la leyenda */
}

.wp-caption {
    background: none;
    border: none;
    border-radius: 4px;
    padding-top: 5px;
    margin: 4px 10px;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    color: #9f9f9f;
    text-align: center;
}

.wp-block-image figcaption strong,
.wp-block-image strong {
    background: none;
    border: none;
    border-radius: 4px;
    padding-top: 5px;
    margin: 4px 10px;
    font-size: 11px;
    color: #9f9f9f;
    text-align: center;
}

/* Imágenes responsivas */
.wp-block-image img {
    max-width: 100%;
    height: auto;
}

/*
=========================
======== author seccion========
=========================
*/
.w-100px {
  width: 100px !important;
}
.w-150px {
  width: 150px !important;
}
.w-200px {
  width: 200px !important;
}
.h-100px {
  height: 100px !important;
}
.h-150px {
  height: 150px !important;
}
.h-200px {
  height: 200px !important;
}
.hcf-author-1 .hcf-author-img,
.hcf-author-1 .hcf-author-meta {
  transition: transform 450ms cubic-bezier(0.16, 0.32, 0.21, 0.93);
}
.hcf-author-1:hover .hcf-author-img {
  transform: translateX(12px);
}
.hcf-author-1:hover .hcf-author-meta {
  transform: translateX(-8px);
}
.autor-enlaces { margin: 20px; }
.autor-enlaces li { margin: 0; font-weight: 900;}
.autor-enlaces a { color:#666;font-weight: 300;margin-bottom: 6px;}

.autor-enlaces { margin: 0; padding: 0; }
.autor-enlaces li { margin: 0 10px 0 0; display: inline-block; }
/*
=========================
========animaltravel========
=========================
*/
.texto-grauado {

	line-height: normal;
	font-family: 'Lato', serif;

}
.bxoverlay {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
		background: transparent url(images/8B7UFiv.png) repeat;
}
.titulo_animal {
	line-height: normal;
	font-family: 'Lato', serif;
}

.descrip_animal{
    color: #000;
    text-align: left;
    font-weight: 800;
    line-height: 18px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}
h2.wp-block-heading, .entry-content h2 {
    position: relative;
    margin: 10px 0 10px 0;
    padding: 20px;
    font-size: 0.8em !important;
    color: #000;
    display: inline-block;
    background: #f3f4f5;
    text-transform: uppercase;
}
/*
=========================
========header / MENU ========
=========================
*/

.dropdown-item {
    font-weight: 600;
    border: 0;
    border-radius: 0px;
}
.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
    color: #6d653f;
}
.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e1e1e1;
}
.bg-dark {
  background:#2d322f !important;
}
.bg-light {
    background-color: #e1e1e1 !important;
}

.bg-warning {
    background-color: #ffce00!important;
}
.btn-warning {
    color: #000;
    background-color: #ffce00;
    border-color: #ffce00;
}
.btn-size {
  font-size: 14px;
	font-weight: 700;
	font-family: "Nunito", serif;

}
.line-colores {
    display: block;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #186973 0%, #206671 37.5%, #394c4d 69.5%, #1f606b 100%);
}

/*** Button ***/


.btn.btn-primary,
.btn.btn-secondary {
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #186973;
    --bs-btn-border-color: #186973;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #123d42;
    --bs-btn-hover-border-color: #123d42;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #123d42;
    --bs-btn-active-border-color: #123d42;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #123d42;
    --bs-btn-disabled-border-color: #123d42;
}
/*** Navbar ***/

.navbar .navbar-brand {
    display: flex;
    align-items: center;
}
.navbar .navbar-brand {
    display: flex;
    align-items: center;
}
.navbar .navbar-brand img {
    max-height: 50px;
}


.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

.navbar .navbar-nav .nav-link {
    margin-right: 20px;
    padding: 25px 0;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
     outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: #222;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar .navbar-nav {
        border-top: 1px solid #EEEEEE;
    }
}

.navbar .navbar-nav .nav-link {
    color: #616869;
    font-weight: 800;
		font-size: 15px;
		font-family: "Nunito", serif;

}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
				font-size: 13px;
				font-weight: 500;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}


/*** Header ***/
.header-bg {
    background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url("images/48386755_2139900452708219_956866744444518400_n.jpg") center center no-repeat;
    background-size: cover;
}
.btn {
border-radius: 0;
}
.btn-play {
    position: relative;
    display: block;
    box-sizing: content-box;
    border-radius: 100%;
    border: none;
    outline: none !important;
    padding: 18px 20px 20px 28px;
    background: #FFFFFF;
}

.btn-play:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    background: #FFFFFF;
    border-radius: 100%;
    animation: pulse-border 1500ms ease-out infinite;
}

.btn-play:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    background: #FFFFFF;
    border-radius: 100%;
    transition: all 200ms;
}

.btn-play i{
    display: block;
    position: relative;
    z-index: 3;
text-align: center;
font-size: 27px;
   color: #ffce00;

}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
        opacity: 0;
    }
}

.modal-video .modal-dialog {
    position: relative;
    max-width: 800px;
    margin: 60px auto 0 auto;
}

.modal-video .modal-body {
    position: relative;
    padding: 0px;
}

.modal-video .close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    top: -30px;
    z-index: 999;
    font-size: 30px;
    font-weight: normal;
    color: #FFFFFF;
    background: #000000;
    opacity: 1;
}

 .owl-nav {
    position: absolute;
    width: 200px;
    height: 40px;
    bottom: 30px;
    left: 50%;
		    z-index: 9999;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
}

 .owl-nav .owl-prev,
  .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: transparent;
    border: 1px solid #FFFFFF;
    font-size: 22px;
    transition: .5s;
}

 .owl-nav .owl-prev:hover,
 .owl-nav .owl-next:hover {
    background: var(--primary);
    border-color: var(--primary);
}

 .owl-dots {
    position: absolute;
    height: 45px;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

 .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 1px;
    width: 15px;
    height: 15px;
    background: transparent;
    border: 1px solid #FFFFFF;
    transition: .5s;
}

  .owl-dot::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    top: 4px;
    left: 4px;
    background: #fff;
    border-radius: 5px;
}


/*** Img Border ***/
.img-border {
    position: relative;
    height: 100%;
    min-height: 400px;
}

.img-border::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 3rem;
    bottom: 3rem;
    border: 5px solid #ccc;
}

.img-border img {
    position: absolute;
    top: 3rem;
    left: 3rem;
    width: calc(100% - 3rem);
    height: calc(100% - 3rem);
    object-fit: cover;
}

/*
=========================
========Reset general========
=========================
*/
* {
	margin: 0;
	padding: 0;
}

a {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #333333;
	text-decoration: underline;
}

img {
	border: 0;
}
blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:focus {
	outline: 0px;}

a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}
ul li {
  list-style: none;
}

/*
=========================
========ALINEAR========
=========================
*/

.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
/*
=========================
========blockquote========
=========================
*/
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 1.2em;
}
/*
=========================
========MENU breadcrumb ========
=========================
*/
.breadcrumb {
  list-style: none;
  overflow: hidden;
	 background: #f7f7f7;
  font-family: 'Lato';
		font-size: 11px;
		padding:13px;
	color: #000;
	--bs-breadcrumb-margin-bottom: 1px;


}
.breadcrumb a{
  list-style: none;
  overflow: hidden;
	 font-weight: 600;color: #000;
  font-family: 'Lato';
	font-size: 11px;

}
.breadcrumb .back{
   margin-left: 5px;
	    margin-right: 5px;

}
/*
=========================
========top categorias ========
=========================
*/
.titulo_categorias {
	background: #f8f6f6;
padding: 33px 0px 33px 0px;
height: 100%;
margin-bottom: 30px;
color: #333;
line-height: normal;
font-size: 15px;
	font-family: 'Lato';
font-weight: 300;
}
.titulo_categorias strong{
color: #333;
font-weight: 600;
}
/*
=========================
======== PAGINADO ========
=========================
*/
.pagination .page-link  {
  color: #333;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    z-index: 3;
    color: #222;
		font-weight: 500;
    background-color: #f1f1f1;
    border-color: #ddd;
}
/*
=========================
======== attachment / SINGLE ADJUTNOS LINK ========
=========================
*/
.adjunto strong{
    font-weight: 600;
}
.adjunto .entry-meta a{
    font-weight: 600;
		color:#111;
}
.adjunto .bg-light {
    --bs-bg-opacity: 1;
    background-color: #f1f1f1 !important;
}


/*
=========================
========CONTENIDO ========
=========================
*/
.page-title {
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 160%;
}
.post {
	margin-bottom: 50px;
}
.infopost {
	font-size: 0.688em;
letter-spacing: 4px;
text-transform: uppercase;
color: #737373;
font-weight: 400;
clear: both;
}


 /*------------------------------------*\
 	TITULO NOTAS SINGLE
 \*------------------------------------*/
 .entry-title   {
	color: #000;
	line-height: 30px;
    font-size: 27px;
	font-family: 'Lato';font-weight: 700;
}
.entry-title a:hover {
	text-decoration: none;
}
.bajada   {
 color: #000;
text-align:left;
font-weight: 200;
line-height: 26px;
font-size: 20px;
	font-family: 'Lato', sans-serif;
}

/*------------------------------------*\
	REDES SOCIALES COMPARTIR
\*------------------------------------*/
.article-social {
 margin-top: 20px;
}
.article-social .social-shares {
 font-size: 12px;
 line-height: 33px;
}
.social-fav {
  float: right !important;
  margin-right: 0 !important;
  font-size: 20px;
}

.social-fav a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #f1f1f1; /* Agregado: Fondo redondo */
  border-radius: 50%; /* Agregado: Borde redondo para un aspecto circular */
  color: #000; /* Agregado: Color del ícono */
  text-decoration: none; /* Agregado: Elimina subrayado del enlace */
}

.social-fav i {
  display: block;
}

.mini-social {
 padding: 0;
 margin: 0;
 overflow: auto;
}
.mini-social li {
    list-style: none;
    float: left;
    margin-right: 23px;
    height: 40px;
    overflow: hidden;
    /* background-color: #f1f1f1; */
    /* border-radius: 50%; */
    /* text-align: center; */
    line-height: 40px;
    border-right: 1px solid #424242;
}

.mini-social a {
    width: 39px;
    height: 40px;
    display: inline-block;
    font-size: 20px;
    margin-bottom: 10px;
    color: #fff;
}

/* =========================
======== Singles ========
=========================*/
.entry-content  ul li, .entry-content  ul ol {
	list-style-type: square;
}
.entry-content {
    margin-top: 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5rem;
    font-family: 'Lato', sans-serif;
    margin-bottom: 10px;
    color: #444;
}
.entry-content a
{
word-break: break-all;
font-weight: 400;
position: relative;
	text-decoration: line-through;
}
.entry-content a:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, transparent 50%, #9e9e9e 50%);
    background-size: 4px 1px; /* Ancho y altura de los puntos */
    background-repeat: repeat-x;
    position: absolute;
    bottom: 0;
    left: 0;
}
.entry-content a:hover{
	text-decoration: none;
	border-bottom:none;
}
.entry-content img {
max-width:100%;
word-wrap: break-word;
height: auto;

}
  .entry-content strong{
	 font-weight: 700;
 color:#000;
}
 .entry-content ul li::before {
  color: #000;
	font-weight: 300;
	font-size: 14px;
	line-height:1.5rem;
  position: relative;
  top: 0em;
}
.entry-content ol {
	 display: block;
	 list-style-type: decimal;
	 margin-block-start: 1em;
	 margin-block-end: 1em;
	 margin-inline-start: 0px;
	 margin-inline-end: 0px;
	 padding-inline-start: 40px;
}

/*------------------------------------*\
	LISTADO NOTAS
\*------------------------------------*/
/* Títulos de artículo */
h1, h2 , h3, h4, h5, h6  {
 font-family: 'Nunito', sans-serif;
	line-height: normal;
	font-weight: 800;
}
.article h2 , .article h2 a  {
  font-family: 'Nunito', sans-serif;
  font-weight: 500;
  color: #000;
  position: relative;
  font-size: 18px;
  list-style: none;
  margin-top: 2px;
	line-height: 20px;
/* Ajusta este valor según tus preferencias */
overflow: hidden;
text-overflow: ellipsis; /* Esto añadirá puntos suspensivos (...) al final del texto cortado */
 }
 .article-body   {
   max-width: 100%; /* Ajusta según sea necesario */
   overflow: hidden;
   text-overflow: ellipsis; /* Esto añadirá puntos suspensivos (...) al final del texto cortado */

 }
/* Metadatos del artículo */
.article .article-meta {
  margin-bottom: 10px;
  margin-top: 10px;
}

.article .article-meta li {
  display: inline-block;
  color: #444;
  font-weight: 400;
  font-size: 12.5px;
  text-transform: uppercase;
}

.article .article-meta li + li {
  margin-left: 10px;
}

/* Estilos para la estructura de filas de artículo */
.article.row-article .article-img {
  width: 30%;
  float: left;
  margin-right: 30px;
  margin-bottom: 0px;
}
/* Estilos para pantallas más pequeñas */
@media only screen and (max-width: 767px) {
  .article.row-article .article-img {
    width: 30%;
    float: left;
    margin-right: 15px; /* Espaciado entre la imagen y el título en la versión móvil */
    margin-bottom: 15px;
  }
  .article.row-article .article-body {
    width: 65%;
		float: left;
  }

 .article-body   p {
    display: none;
  }
	.article h2 , .article h2 a  {
	  font-family: 'Nunito', sans-serif;
			font-weight: 500;
	  font-size: 16px;
			line-height: 18px;
	 }
}

@media only screen and (max-width: 480px) {
  .article.row-article .article-img {
    width: 100%;
    float: left; /* Elimina el float para que la imagen ocupe todo el ancho */
    margin-right: 0; /* Elimina el margen derecho en la versión más pequeña */
    margin-bottom: 15px;
  }
 .article-body  p {
		display: none;
	}
	.article h2 , .article h2 a  {
	  font-family: 'Nunito', sans-serif;
		font-weight: 500;
		font-size: 15px;
		line-height: 17px;
	 }
}
/*------------------------------------*\
	Sidebar titulos
\*------------------------------------*/
.widget-title {
    position: relative;
    margin: 0 0 20px 0;
    background: url(images/title_mod_line.png) bottom left no-repeat;
    padding: 0 0 10px 0;
		  font-size: 0.9em !important;
			color:#000;
			text-transform: uppercase;
}
  .wp-block-heading {
    position: relative;
    margin: 10px 0 10px 0;

    padding: 0 0 10px 0;
		  font-size: 1em !important;
			color:#000;
			text-transform: uppercase;
}

.widget-title h4 ,  .wp-block-heading h4,   .wp-block-heading h3 ,  .wp-block-heading h2 ,  .wp-block-heading h1{
    display: inline-block;
		font-family: 'Nunito';
    font-weight: 700;
    font-size: 1.1em !important;
    text-transform: uppercase;
    padding: 0 5px 0 0;  margin-bottom: 0rem;
}
/*------------------------------------*\
	tags Widget
\*------------------------------------*/

.widget-tags ul  {
	display:inline-block;
	margin-top:3px;
}

.widget-tags ul a {
	display: block;
	padding: 9px 15px;
	color: #555; float:   left;
	border: 1px solid #555;
	font-size: 12.5px; margin: 2px;
}

.widget-tags ul  a:hover {
	color:#EF233C;
	border-color:#EF233C;
}
/*------------------------------------*\
	WIDGET
\*------------------------------------*/
 .widget{
	    border-left-width: 0;
	    border-right-width: 0;
	    border-top-width: 0;padding-bottom: 20px;
    margin-bottom: 1px;
font-family: 'Lato';
font-size: 13px; color:#666;

	}.widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
 .widget ul li a{
    color: #000;
}
.widget ul li {
    margin: 0;	font-family: 'Lato';
    padding: 0;  color:#666;
    list-style: none;
		position: relative;font-size: 14px;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 15px;
margin-bottom: 15px !important;
}

/* calendar widget */
.widget_calendar {  clear: both;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 2px; margin-bottom: 2px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar #prev  { text-align:left; display:none;}
#wp-calendar #next { text-align:right; }
 .wp-calendar-nav{display: none;}



/* =========================
======== metas single ========
=========================*/

 .metas small,.metas small a {
font-size: 12px;
color:#000;
 }
 .metas small strong  {
font-weight: 600;
 }

 /* =========================
 ======== post ========
 =========================*/

.post-thumbnail {
	border: 0;
	display: block;
	margin-bottom: 2.4em;
}
.post-thumbnail img {
	display: block;
	margin: 0 auto;
}

a.post-thumbnail:hover,
a.post-thumbnail:focus {
	opacity: 0.85;
}
 .entry-attachment {
	margin-bottom: 1.6em;
}

.type-attachment .entry-title {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}
 .wp-caption {
  background:#F7F7F7;
  border: 1px solid #E7E8E6;
  border-radius: 4px;
  -moz-border-radius: 4px;
  padding-top:5px;
  margin:4px 10px;
    	font-size:12px;
font-family: 'Lato', sans-serif;
  color:#333;
  text-align:center;
}
.entry-content > :last-child,
.entry-summary > :last-child {
	margin-bottom: 0;
}
.entry-content,
.entry-summary,
.page-content{
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}

.entry-summary a,
.page-content a {
	border-bottom: 1px solid #333;
}
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.page-content a:hover,
.page-content a:focus,
.comment-content a:hover,
.comment-content a:focus{
	border-bottom: 0;
}
.entry-content a img,
.entry-summary a img,
.page-content a img,
.comment-content a img {
	display: block;
	word-break: break-all;
}
.textwidget p {
	margin-bottom: 10px;
}
.textwidget a {
	text-decoration: underline;
}
.widget_tag_cloud a {
	text-transform: lowercase;
}

/*
=========================
======== EDITADO DE  BOOSTRAP ========
=========================
*/
.sin-borde{
 border:none;
 margin-bottom: 15px;
}
.card-text{
	margin-top:10px;
}
.card-header {
	clear: left;
        font-family: 'Lato';
	   	background: transparent;
         color:#CBAA87;padding-bottom: -1px;
}
.card-header .btn-link {
    font-weight: 400;
    color: #000;
    background-color: transparent;
}
.bg-f1 {
    background-color: #f1f1f1;
}
.bg-f1 .list-group-item {
    background-color: transparent;
}

/*------------------------------------*\
	POST CARRUSEL
\*------------------------------------*/

/*** Carousel   ***/

.carousel-item {
    position: relative;
		font-family: "Raleway", sans-serif;
	  font-weight: 200;
	  font-style: normal;
}
/* Para que la imagen ocupe el 100% del ancho del contenedor sin recortarse */
.carousel-caption .img-fluid img {
    width: 100%;  /* La imagen ocupa todo el ancho del col-4 */
    height: auto; /* Mantiene la relación de aspecto */
    object-fit: contain;  /* Hace que la imagen se ajuste sin recortarse */
    object-position: center; /* Centra la imagen dentro del espacio disponible */
  }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 5%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
   text-align: left;
}
.carousel-item::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
     background: linear-gradient(to left, rgba(0, 0, 0, 0.6), #123d42);
}


.carousel-caption {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.carousel-item p {
    max-width: 700px;
    /* font-family: "Raleway", sans-serif; */
    font-weight: 400;
    font-style: normal;

    font-family: "Nunito", serif;
}

.carousel-caption h6 {
 font-weight: 400;
font-style: normal;
}
.carousel-caption h1 {
 font-weight: 600;
font-style: normal;
}
.carousel-caption .carousel-content a button.carousel-content-btn1 {
    background: var(--bs-secondary);
    color: #f1f1f1;
    opacity: 1;
    border: 0;
    border-radius: 20px;
}

.carousel-caption .carousel-content a button.carousel-content-btn1:hover {
    background: var(--bs-light);
    color: #333;
    border: 0;
    opacity: 1;
    transition: 1s;
    border-radius: 20px;
}

.carousel-caption .carousel-content a button.carousel-content-btn2 {
    background: #22427e;
    color: #f1f1f1;
    opacity: 1;
    border: 0;
    border-radius: 20px;
}

.carousel-caption .carousel-content a button.carousel-content-btn2:hover {
    background: var(--bs-light);
    color: #333;
    border: 0;
    opacity: 1;
    transition: 1s;
    border-radius: 20px;
}

#carouselId .carousel-indicators li {
    width: 30px;
    height: 10px;
    background: var(--bs-primary);
    margin: 10px;
    border-radius: 30px;
    opacity: 1;
}

#carouselId .carousel-indicators li:hover {
    background: var(--bs-secondary);
    opacity: 1;
}


@media (max-width: 992px) {
    .carousel-item {
        min-height: 500px;
    }

    .carousel-item img {
        min-height: 500px;
        object-fit: cover;
    }

    .carousel-item h1 {
        font-size: 40px !important;
    }

    .carousel-item p {
        font-size: 16px !important;
    }
}

@media (max-width: 768px) {
    .carousel-item {
        min-height: 400px;
    }

    .carousel-item img {
        min-height: 400px;
        object-fit: cover;
    }

    .carousel-item h1 {
        font-size: 28px !important;
    }

    .carousel-item p {
        font-size: 14px !important;
    }

		 .nav-link {
		    padding: 11px 2px;
				border-bottom: 1px solid #f1f1f1;


		}
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 9px;
    height: 23px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}
.carousel-indicators {
    position: absolute;
    right: var(--swiper-pagination-right, 8px); /* Ajusta según tu diseño */
    left: var(--swiper-pagination-left, auto); /* Ajusta según tu diseño */
    top: 45%;
    transform: translate3d(0, -50%, 0);
}
.carousel-indicators {

    display: flex;
    justify-content: center;
    padding: 0;
		margin-right: 1%;
    margin-bottom: 1rem;
    margin-left: 15%;
    flex-direction: column;
}

.carousel-indicators button {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; /* Ajusta según tu diseño */
    display: block;
    width: 23px; /* Ajusta según tu diseño */
    height: 23px; /* Ajusta según tu diseño */
    background-color: #000; /* Ajusta según tu diseño */
    border: none; /* Ajusta según tu diseño */
     cursor: pointer;
 }

.carousel-indicators button.active {
    background-color: #fff; /* Ajusta según tu diseño */
}

/* Transiciones y estilos adicionales */
.carousel-indicators button {
    transition: background-color 0.2s ease;
}

.carousel-indicators button:focus {
    outline: none; /* Evita el contorno al hacer foco */
}


.feature-section .custom-contaier {
    max-width: 1460px;
    margin-left: auto;
    margin-right: auto;
}
.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}



.btn-outline-light {
    border: 1px solid #0b3e4a;
    line-height: 61px;
    color: #fff;
		font-weight: 800;
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248,249,250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none;
}
.btn-outline-light:hover {
    background: #fff;
		color: #3c3c3c;		font-weight: 600;

		text-decoration: none;
		border: 1px solid #fff;


}
/*------------------------------------*\
	PAGINAS
\*------------------------------------*/

.head-page-titulo {
    font-size:34px;
	line-height:37px;
    font-weight: 600;
    text-transform: none;
    color:#fff;
}
.head-page-text {
    color:#fff;
}
.subtitulos {
    font-size: 25px;
    line-height: 29px;
    font-weight: 500;
    text-transform: uppercase;
}
.bajada-page   {
 color: #000;
text-align:left;
font-weight: 400;
line-height: 26px;
font-size: 19px;
	font-family: 'Lato', sans-serif;
 font-style:italic;
}
/*------------------------------------*\
	ARCHIVOS
\*------------------------------------*/
.archivo .list-group {

    border-radius: 0px;
}
.archivo  .list-group-item {
border:0px;
border-bottom:1px solid #dee2e6;
}
.tiempo-archivo{
font-weight: 600;
}
/* =========================
======== NO RESULTADOS ========
=========================*/
.sin_resultados {
background-color: #e1e1e1;
padding:40px;
}
.sin_resultados .entry-title {
text-align: center;
}
.sin_resultados p{
align-content: center;
font-size: 14px;
text-align: center;
padding-left: 30px;
padding-right: 30px;
}
/* =========================
======== ESCONDER  ========
=========================*/

 .mobile_only{
 	 display:none !important;
  }
 @media screen and (max-width: 768px) {
 	.mobile_only{
 		display: inline-block !important;
 	}
	.featured-thirds-vertical img {
		object-fit: cover;
		margin: auto;
 padding-top: 20px;
	}
  .desktop_only    {
 		display: none !important;
 	}

	 	}


	 /* =========================
	 ========  Footer ========
	 =========================*/
	 .footer{
background:#2d322f;
		 position:relative
	 }
   .footer-bottom  {
color:#fff !important;
border-top:1px solid #494f4b;
margin-top: 20px;
padding-top: 20px;
line-height: 14px;
 	 }
	 .footer-bottom a {
	color:#fff !important;
	 	 }
	 .footer dt{display:none}
	 @media screen and (min-width: 850px)
	 {
	 	.footer
	 dt{display:inline}
	 }
	 @media screen and (max-width: 568px){
	 	.footer dt{display:inline}
	 }
	 .footer:after{content:" ";
	 background:#220E27;
	 width:100%;bottom:0;
	 height:1000px}

 .footer .main-nav ul{
	 				margin:0
	 auto;max-width:1114px;
	 width:90%;
	 padding:32px
	 0;line-height:1.3
	 }
	 .footer .main-nav ul li{
	 	display:inline-block;
		margin-right:20px;
	 	font-size:13px
	 }
	 	.footer .main-nav a{color:#f9f9f9;
 	 	font-weight:600;
	 	letter-spacing:1px;
		font-family: "Nunito", serif;

	 }
	 	.footer .main-nav a:hover{color:#fff;
font-weight: 900;
		}
	 	.footer .main-nav a span{
	 		font-family:Georgia,serif;
	 		font-style:italic;
			font-weight:200}
	 		.footer .footer-contain span
	 		{margin:10px 0 0 0
	 		}
	 @media only screen and (max-width: 568px){
	 	.footer .main-nav ul {
	 	    padding: 5px 0;
	 	}

	 .footer .main-nav ul li {
	     border-bottom: 1px solid #494f4c;
	 		width: 100%;
	 		font-size: 13px;
	 		font-weight: 300;
	 		line-height:17px;
	 		text-align: center;
	 		padding-top: 17px;
	 		padding-bottom: 17px;
	 }
  .footer .main-nav  {
	     border-bottom: none;
 }}
 /* =========================
 ========  credits + logos footer========
 =========================*/
 .footer-copyright-wrapper {
     font-size: 14px;
     line-height: normal;
     color: #acacac;
 }
 .credits small{
	font-size: 12px;
		color:#fff;
}
.footer-copyright-wrapper a{
	 font-weight: 600;
	 	color:#fff;
}

.footer_logos   {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: auto;list-style: none;
}
.footer_logos ul {
    display: flex;
    list-style: none;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
		padding-left: 0;

}
.footer_logos ul li a  {
  list-style: none;
    display: block;
  margin-right: 20px;
	font-weight: 600;
	 color:#fff;
	 font-family: "Nunito", serif;
	 font-size: 22px;
}

.footer_logos ul li {
    margin: 0 2px;  list-style: none;
}

	 /*** tour destinos */
	 .cover-container {
    position: relative;
    overflow: hidden;
}

.cover-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.tour-grid .tour-item {
	 transition: all 0.3s ease-in-out;
}
.tour-grid .tour-item .tour-image {
   position: relative !important;
}
.tour-grid .tour-item:hover .tour-image figure img {
    transform: scale(1.1);
}
.tour-grid .tour-item .tour-image  figure figcaption  {
    position: absolute;
    color: #fff;
    left: 1.5rem;
    bottom: 1.35rem;
    z-index: 1;
		font-family: "Nunito", serif;

    font-size: 0.77rem;
    transition: 0.3s ease-in-out;
}
.tour-grid .position-relative {
    position: relative !important;
}
.tour-grid .tour-item .tour-image figure:after {
    background: linear-gradient(180deg,rgba(26,43,73,0),rgb(49 93 84 / 55%) 45%,rgb(9 58 61));
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 40%;
    z-index: 0;
}
.tour-grid .tour-item .tour-content {
    position: relative;
}
.tour-grid .tour-item .tour-content .tour-duration-location, .tour-grid .tour-item .tour-content .tour-duration-location a {
    margin-bottom: 0.5rem;
    font-size: 0.7rem;
     color: #606162;
    font-weight: 500;
}
.tour-grid .tour-item .tour-content .tour-title {
    font-size: 1.25rem;
    transition: all 0.3s ease-in-out;
    margin-bottom: 10px;
    letter-spacing: -.025em;
}
.tour-grid .tour-item .tour-content .tour-title a {
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
		font-family: "Nunito", serif;
		font-weight: 800;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.tour-grid .tour-item .tour-content .tour-review {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: .35rem;
}
.tour-grid .tour-item .tour-content .tour-price {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: .35rem;
}
.tour-grid .tour-item .tour-sticker {
    position: absolute;
    display: inline-block;
    top: 20px;
    right: 20px;
    background: #f7921e;
    color: #fff;
    border-radius: 50px;
    padding: 0.35rem 0.75rem;
    text-transform: uppercase;
    font-size: 0.65rem;
    line-height: 1;
    font-weight: 700;
    font-family: "Nunito", serif;
    /* white-space: nowrap; */
}
.star-rate-view, .star-rate-view {
    width: 80px;
    height: 16px;
    background-size: 16px;
    text-align: left;
		color:#ccc;
}
.tour-grid .btn {
    border-radius: 0;
    font-size: 12px;
}
.tour-grid .btn i {
  color:#fff;
	font-weight: 800;

}

.package-card3 .package-card-img .package-card-img-bottom ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
}


.tour-grid .mini-card .card-icon {
    color: #186973;
    border-right: 1px solid #ccc;
    margin-right: 1rem;
    padding-right: 1rem;
    font-size: 1rem;
    line-height: 1;
}
.tour-grid  .mini-card .card-title {
    color: #333;
    display: block;
    margin-bottom: 0;
    font-size: 14px;
}
/*=====================================
  precios
========================================*/

.sku {
    color: #222;
    font-size: 11px;
    font-weight: 500;
 }
 .sku strong{
     color: #222;
     font-size: 11px;
     font-weight: 900;
  }
.tour-grid  .price-area small {
    color: #a6a6a6;
    font-size: 11px;
    font-weight: 500;
 }
 div.info-precio {
     color: #a6a6a6;
     font-size: 10px;
     font-weight: 500;
     line-height: 11px;
		  inherit: none;
 }
  .info-precio {
     line-height: 11px; inherit: none;
 }

.tour-grid .card-content-bottom , .card-content-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 12px 4px;
    border-top: 1px solid rgb(180 180 180 / 20%);
}
.tour-grid .card-content-bottom .price-area .title , .card-content-bottom .price-area .title {
    color: #ccc;
     font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.26px;
     display: inline-block;
    margin-bottom: 5px;
}
.tour-grid  .card-content-bottom .price-area h6, .card-content-bottom .price-area h6 {
    color: #353352;
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 0;
}
.tour-grid .clase-h6 {
    color: #353352;
    font-size: 22px;
    font-weight: 800;

}
.price-area strong {
    font-weight: 600;
    font-size: 15px;
    color: #7b7b7b;
    line-height: 33px;
}
.tour-grid  .card-content-bottom .price-area  span, .card-content-bottom .price-area  span {
    color: #666;
     font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    letter-spacing: 0.22px;
 }
/*=====================================
  Inner Pages section
========================================*/
.breadcrumb-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 120px 0 130px;
  background-color: #1d231f;
}
.breadcrumb-section .banner-content h1 {
    color: #fff;
    text-align: center;
    font-size: 52px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 10px;
    line-height: 1.2;
    word-break: break-all;
}
.breadcrumb-section .banner-content {
  text-align: center;
}

.breadcrumb-section .breadcrumb-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  list-style: none;
}

.breadcrumb-section .breadcrumb-list li {
  color: #ccc;
   font-size: 15px;
  font-weight: 400;
  text-transform: capitalize;
  position: relative;
  padding-left: 26px;
}

.breadcrumb-section .breadcrumb-list li a {
  color: #fff
}

.breadcrumb-section .breadcrumb-list li::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.breadcrumb-section .breadcrumb-list li:first-child {
  padding-left: 0;
}

.breadcrumb-section .breadcrumb-list li:first-child::before {
  content: '';
}



.block-title {
    margin-bottom: 1rem
}

.block-title .title {
    margin-bottom: 0;
    font-weight: 500
}
/*--------------------------------------------------------------
>>> section titulo
----------------------------------------------------------------*/

.block-title .sub-title {
    text-transform: uppercase;
    color:#186973;
    letter-spacing: .175rem;
    font-weight: 600;
    display: block;
    margin-bottom: .5rem
}
/*--------------------------------------------------------------
>>> Home travel destination section
----------------------------------------------------------------*/

.section-disc {
    font-size: 12px;
    color: #161616;

    font-weight: 500;
}

.destination-section {
 padding-bottom: 100px;
 margin-top: 50px;

}
.section-heading {
    margin-bottom: 50px;
}
.rating-start {
    display: block;
    position: relative;
    font-size: 15px;
}.rating-start:before {
    color: #ccd6df;
    content: "\f005\f005\f005\f005\f005";
    display: block;
    font-family: "Font Awesome 5 free";
    font-weight: 900;
}
.rating-start span {
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}

.swiper-tour .card {
  background: transparent;
}
.swiper-tour  .tour-title {
    font-size: 1.5rem !important;
  line-height: 1.6rem;
	font-weight: 700;
    margin-bottom: 1rem;
}

/*--------------------------------------------------------------
>>> Galeria viajes
----------------------------------------------------------------*/
/* Estilos CSS para la galería automática */
/* Estilos CSS para la galería masonry con Bootstrap */
/* Ajustes para que las imágenes sean más cuadradas */
.square-thumbnail {
    width: 100%;
    height: 0;
    padding-bottom: 100%; /* Establece la altura según el ancho para que sea un cuadrado */
    object-fit: cover;
}

.galeria_auto {
    display: flex;
    flex-wrap: wrap;
}

.galeria_auto ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.galeria_auto ul li {
    list-style: none;
    width: calc(33.3333% - 10px); /* Establecer el ancho deseado con espacio entre elementos */
    margin: 5px; /* Espacio entre elementos */
}

.galeria_auto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 5px solid #f1f1f1;
}

/* Estilos Bootstrap para el sistema de columnas */
@media (max-width: 767px) {
    .galeria_auto ul li {
        width: calc(50% - 10px); /* Cambiar a 2 columnas en dispositivos pequeños */
    }
}

@media (max-width: 575px) {
    .galeria_auto ul li {
        width: 100%; /* Cambiar a 1 columna en dispositivos extra pequeños */
    }
}
/*--------------------------------------------------------------
>>> OVERLAY
----------------------------------------------------------------*/
 .overlay {
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 background: rgb(5 5 5 / 65%);
	 font-weight: 700;
}
/*--------------------------------------------------------------
>>> oferta turismo single
----------------------------------------------------------------*/

.banner-home{
	position: relative;
	display: grid;
	align-items: center;
	width: 100%;
	height: 360px;
	overflow: hidden;

}
.banner-content h1 {
	color: #fff;
	text-align: center;

	font-weight: 700;
	margin-bottom: 10px;
	line-height: 1.2;

		z-index: 2;

}
.banner-content {
    position: relative;
    z-index: 1;
		  color: #fff;
			text-align: center;

    display: inline-block;
    width: 100%;    z-index: 1;

}
.banner-slider-m {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: inline-block;
    width: 100%;
}


@media screen and (max-width:667px) {
	.banner-content h1{
		margin-bottom: 4px;
	}
	.banner-content h1 span{
		font-size:35px;
	}
	.banner-content p{
		width: 100%;
	}
	.banner-slider-m{
		height: 100%;
	}
	.banner-slider-m img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	.slider-nm{
		padding: 0 10px;
		height: 290px;
	}	}



	.hero-social-btn {
	    position: absolute;
	    width: auto;
	    height: auto;
	    bottom: 140px;
	    left: 30px;
	    z-index: 9;
	}

	.hero-social-btn .social-title {
	    -webkit-transform: rotate(90deg);
	            transform: rotate(90deg);
	    margin-left: -145px;
	}

	.hero-social-btn .social-title h6 {
	    margin-bottom: 0;
	    color: #fff;
	    line-height: 1;
	    margin-right: 30px;
	}

	.hero-social-btn .social-title span {
	    background-color: #fff;
	    width: 80px;
	    height: 1px;
	    display: block;
	}

	.hero-social-btn .social-btns {
	    margin-top: 170px;
	}

	.hero-social-btn .social-btns > a {
	    font-size: 15px;
	    color: #fff;
	    display: block;
	    margin-top: 30px;
	}

	/*--------------------------------------------------------------
	>>> cjas icon single tour
	----------------------------------------------------------------*/



	/*--------------------------------------------------------------
	>>> cotizador ajustes
	----------------------------------------------------------------*/


	.cotizacion-card {
   max-width: 100%;
    margin: 50px auto 0 auto;
    padding: 50px;
    background-color: #f5f5f5;
		border-radius: 0px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
#cotizar-btn {
    background-color: #128c7e;
		border-radius: 0px;
font-weight: 700;
}
.cotizacion-titulo {
    background-color: #8c8c8c;
    color: #fcfcfc;
    padding: 10px;
    font-size: 22px;
		font-weight: 500;
    /* display: inline-block; */
    margin: 6px 0px 24px 0px;
    border-radius: 0px;
}


.mini-card {
    display: flex;
    align-items: center;
    padding: .85rem 1rem;
    background-color: #fff;
    color: #000;
}

.mini-card.card-center {
    padding: 1.25rem;
    flex-direction: column;
    text-align: center
}

.mini-card.card-simple {
    padding: 0;
    background-color: #fff0;
}

.mini-card .card-icon {
    color: #186973;
    border-right: 1px solid #ccc;
    margin-right: 1.25rem;
    padding-right: 1.25rem;
    font-size: 1.35rem;
    line-height: 1
}

.mini-card.card-center .card-icon {
    border-right: unset;
    margin-right: unset;
    padding-right: unset;
    margin-bottom: .75rem
}

.mini-card .card-title {
    color: #333;
    display: block;
    margin-bottom: 0;
    font-size: 1.25rem
}

.mini-card.card-center .card-title {
    font-size: 1.275rem
}

.mini-card .card-desc {
    color: #666;
    display: block
}

.mini-card .card-link:hover {
    color: #000;
}

.mini-card.card-hover:hover,.mini-card.active {
    background-color: #ccc;
}

.mini-card.card-hover:hover .card-icon,.mini-card.card-hover:hover .card-title,.mini-card.card-hover:hover .card-desc,.mini-card.active .card-icon,.mini-card.active .card-title,.mini-card.active .card-desc {
    color: #fff
}

@media (max-width: 576px) {
    .mini-card.card-mobile-small .card-icon {
        margin-right:.75rem;
        padding-right: .75rem;
        font-size: 1.85rem
    }

    .mini-card.card-mobile-small .card-title {
        font-size: 1rem
    }

    .mini-card.card-mobile-small .card-desc {
        font-size: .85rem
    }
}

.team h4 {
    font-size: 15px;
    color: #000000;  text-align: center;
    font-weight: 700;
}
.team .text-secondary {
    color: #868e96!important;
    font-size: 12px;
    text-align: center;
    line-height: normal;
}
.team figcaption   {
  border-top: 7px solid #1d8894 !important;
}
.bg-team   {
background: #f1f1f1;
}

.grayscale-image {
  filter: grayscale(100%) brightness(1.2); /* Ajusta el valor de brightness según tus necesidades */
}
.grayscale-image:hover {
  filter: grayscale(10%); /* Ajusta el valor de brightness según tus necesidades */
}


/*--------------------------------------------------------------
# Why Choose
--------------------------------------------------------------*/
/*-----------------------------------------
# Why Choose One
-----------------------------------------*/
.why-choose-one {
  position: relative;
  background-color:  #2d322f;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .why-choose-one {
    padding: 80px 0;
  }
}
.why-choose-one__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	  z-index: 0;
  background-color:  #2D2330;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.4;
}
.why-choose-one .sec-title__title {
  color: #ffffff;
}
.why-choose-one__text {
	font-size: 16px;
color: #939393;
line-height: 1.875;
font-weight: 500;
position: relative;

 	z-index: 1;
    margin: 12px 110px 30px 50px;
}
@media (max-width: 1199px) {
  .why-choose-one__text {
    margin: 12px 0 0 0;
  }
}
@media (max-width: 991px) {
  .why-choose-one__text {
    margin: -30px 0 50px;
  }
}
.why-choose-one__box {
  position: relative;
  z-index: 1;
  border-radius: 12px;
  border: 1px solid rgba( 255, 255, 255, 0.1);
  padding: 25px 29px 24px;
  overflow: hidden;
  transition-duration: 700ms;
}
.why-choose-one__box::after {
  opacity: 0;
  visibility: hidden;
  content: "";
  z-index: -1;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 150%;
  height: 150%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  background-color: #ffffff;
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.why-choose-one__box:hover {
  border-color: #ffffff;
}
.why-choose-one__box:hover .why-choose-one__box__title {
  color: #2D2330;
}
.why-choose-one__box:hover::after {
  bottom: -50%;
  visibility: visible;
  opacity: 1;
}
.why-choose-one__box__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(15px);
  z-index: -1;
}
.why-choose-one__box:hover .why-choose-one__box__bg {
  background:  #ffffff;
}
.why-choose-one__box__icon {
    font-size: 55px;
    color: #028993;
    line-height: 55px;
    margin-bottom: 18px;
}
.why-choose-one__box__icon span {
  display: inline-block;
}
.why-choose-one__box__title {
  color:  #ffffff;
  font-size: 20px;
  transition-duration: 500ms;
  margin: 0;
}
.why-choose-one__box:hover .why-choose-one__box__icon span {
  -webkit-animation-name: wobble-horizontal-on-hover;
  animation-name: wobble-horizontal-on-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
@keyframes wobble-horizontal-on-hover {
  16.65% {
    transform: translateX(5px);
  }
  33.3% {
    transform: translateX(-3px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}
.sec-title__tagline {
    font-size:  14px;
    color:  #fb903b;
    line-height: 0.9;
		position: relative;

    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin-bottom: 11px;
}

.sec-title__title, .sec-title__heading {
    font-size: 40px ;
    line-height: 1.25;
		position: relative;
    margin-bottom: 0;
}

.sec-title {
	 margin-bottom: 49px;
}
/*--------------------------------------------------------------
# viajemos
--------------------------------------------------------------*/
.card-advisor {
    position: relative;
    border: none;
    background: #fff;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    text-align: center;
    padding: 1.5rem 1rem;
}

.card-advisor:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.card-advisor .avatar-img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 1rem;
    border: 3px solid #f0f0f0;
}

.card-advisor h5 {
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 0.25rem;
}

.card-advisor .subtitle {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 1rem;
}

.card-advisor .contact-info {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.96);
    padding: 1.2rem;
    font-size: 0.9rem;
    color: #333;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.card-advisor:hover .contact-info {
    opacity: 1;
    pointer-events: auto;
}

.card-advisor .contact-info p {
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    line-height: 1.4;
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .9em;
    color: #ffffff;
    font-weight: 400;
}
figcaption {
    font-size: 11px;
    line-height: normal;
    font-family: "Nunito", serif;
    color: #9f9f9f;
      text-align: left;
}