/*!
Theme Name: Invite
Theme URI: http://themexriver.com/wp/invite
Author: themexriver
Author URI: http://themexriver.com/
Description: transport and logistics WordPress Theme
Version: 1.0.9
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: invite
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

invite is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.invite-slider-two .thm-btn {
    background-color: #e1af23 !important;
}
.slider__arrow-updown {
    border: 3px solid #e1af23 !important;
}
.main-menu ul li:not(:last-child) {
    margin-right: 30px;
}
.headeer__right.ul_li_right {
    display: none !important;
}
.ul_li {
    justify-content: right !important;
    margin-left: 135px !important;
}
.header-style-two .main-menu > ul > li > a span::before, .header-style-two .main-menu > ul > li > a span::after {
    background: #e1af23 !important;
}
.section-heading .heading-subtitle {
    font-size: 26px !important;
	margin-bottom: 5px !important;
}



/* Asegura posicionamiento relativo del card */
.testimonial__inner{ position:relative; }

/* Texto vertical en la franja lateral */
.testimonial__side-label{
  position:absolute;
  top:0; bottom:0; left:0;
  width:56px;                  /* ajusta al ancho real de tu franja */
  display:flex; align-items:center; justify-content:center;
  padding:8px 0;
  color:#fff;                  /* color del texto */
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  writing-mode: vertical-rl;   /* vertical */
  text-orientation: mixed;
  transform: rotate(180deg);   /* lectura de arriba a abajo */
  z-index:2;
  pointer-events:none;
}

/* Oculta cualquier rastro de estrellas si existiera en caché */
.testimonial__rating{ display:none !important; }


.dg-btn-banne span.button-text {
    font-size: 22px !important;
    color: #803963 !important;
}


.dg-tabs-espac .mt-60 {
    margin-top: 0px;
}

h1, h2, h3, h4, h5, h6, p, a, li, span {
    font-family: 'hagrid', sans-serif !important; /* Confirma el nombre exacto en Adobe Fonts */
	letter-spacing: 0.5px !important;
}


body {
  font-family: "hagrid", sans-serif !important;
}

h1, h2, h3 {
  font-family: "hagrid", serif !important;
}


.split-line {
    font-family: "hagrid", serif !important;
    font-size: 50px !important;
}

.dg-btn-banne .slider-btn-two.thm-btn {
    background-color: #dc5159 !important;
}
.dg-btn-banne span.button-text {
    color: #dbcba9 !important;
}
.dg-txt-cel-v {
    font-family: 'hagrid' !important;
    font-weight: 700 !important;
}




/* Estilos generales del botón */
.btn-flotante {
  position: fixed;
  top: 20%; /* posición vertical: 20% desde arriba */
  right: 0;
  transform: rotate(-90deg); /* texto de abajo hacia arriba */
  transform-origin: right bottom;
  background-color: #dc5159;
  color: #fff;
  font-family: 'Hagrid', sans-serif; /* asegúrate de cargar la fuente */
  font-size: 16px;
  font-weight: 400;
  padding: 12px 20px;
  border-radius: 8px 8px 0 0;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  z-index: 9999;
  transition: all 0.3s ease;
}

/* Ícono dentro del botón */
.btn-flotante i {
  font-size: 18px;
}

/* Hover con movimiento y efecto */
.btn-flotante:hover {
  transform: rotate(-90deg) translateX(-10px); /* movimiento hacia la izquierda */
  background-color: #c33d45; /* tono más oscuro en hover */
  box-shadow: 0 6px 16px rgba(0,0,0,0.35);
	 color: #fff !important;
}









.dg-txt-bann-title {
    font-family: 'hagrid' !important;
    font-weight: 700 !important;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0px !important;
}

.split-line {
    font-family: "hagrid", serif !important;
    font-size: 39px !important;
}








@media screen and (max-width: 768px) {

	.btn-flotante {
    top: auto;
    bottom: 15%; /* que quede más cómodo en móvil */
    transform: rotate(0deg); /* ya no girado */
    border-radius: 50%;
    padding: 15px;
    justify-content: center;
    gap: 0;
  }

  .btn-flotante span {
    display: none; /* ocultamos el texto, solo queda el ícono */
  }

  .btn-flotante i {
    font-size: 22px; /* ícono un poco más grande */
  }
	
	
}
@media screen and (max-width: 425px) {
.dg-txt-quote-vivi blockquote {
    background-color: transparent !important;
    padding: 25px;
    padding-right: 25px;
}	
.split-line {
    font-family: "hagrid", serif !important;
    font-size: 32px !important;
}
	
.elementor-column {
    padding: 0px 15px !important;
}	
p {
    font-size: 16px !important;
    line-height: 28px !important;
    letter-spacing: 0.5px !important;
}	
.dg-text-cele .split-line {
    font-size: 32px !important;
    line-height: 38px !important;
}	
.dg-tex-nto .split-line {
    font-family: "hagrid", serif !important;
    line-height: 36px !important;
    font-size: 27px !important;
}	
.dg-title-nuestros .split-line
 {
    font-family: "hagrid", serif !important;
    font-size: 25px !important;
    line-height: 28px !important;
}	
.dg-title-espac-zon .split-line {
    font-family: "hagrid", serif !important;
    font-size: 33px !important;
    font-weight: 800 !important;
}
.dg-tabs-espac .service__slide-content .section-heading p {
    font-size: 16px !important;
    line-height: 27px !important;
    opacity: 1 !important;
    font-weight: 300 !important;
}	
.dg-tabs-espac .service__list li {
    font-size: 16px !important;
    line-height: 24px !important;
    opacity: 1 !important;
    font-weight: 400 !important;
    margin-bottom: 10px;
}	
.dg-icon.ubicacion h3 {
    font-family: "hagrid", sans-serif !important;
    font-weight: 500 !important;
    font-size: 11px !important;
}	
.dg-menu-footer .elementor-nav-menu--dropdown {
    background-color: #ffffff00;
    font-size: 13px;
    color: #fff !important;
}	
	.dg-menu-footer .elementor-nav-menu--dropdown a {
    color: #ffffff !important;
}
.dg-menu-footer .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover {
    background-color: #3f444b00;
    color: #fff;
}	
.dg-row-footer p.elementor-icon-box-description {
    font-weight: 300 !important;
}	
	.dg-row-header-movil .elementor-column {
    padding: 0px !important;
}
    .dg-title-blog .split-line {
        font-family: "hagrid", serif !important;
        font-size: 23px !important;
    }	
    .dg-text-condu .split-line {
        font-family: "hagrid", serif !important;
        font-size: 36px !important;
        font-weight: 600 !important;
    }	
.swiper-slide-contents {
    max-width: 100%;
}	
.dg-txt-quote-vivi blockquote {
    padding: 25px;
    padding-right: 25px;
}	
.elementor-5076 .elementor-element.elementor-element-9b9784a .swiper-slide-contents {
    max-width: 100% !important;
}	
blockquote {
    background-color: transparent !important;
    padding: 25px;
    padding-right: 25px;
}	
	
}
@media screen and (max-width: 414px) {

}
@media screen and (max-width: 375px) {

}



@media screen and (min-width: 1024px) {

}
@media screen and (min-width: 1200px) {

}
@media screen and (min-width: 1280px) {
	
}
@media screen and (min-width: 1360px) {
}
@media screen and (min-width: 1440px) {
}
@media screen and (min-width: 1536px) {
}
@media screen and (min-width: 1600px) {
}
@media screen and (min-width: 1920px) {

}