/*
Theme Name: PopularFX Child
Template: popularfx
Author: Lic. Juan Pablo Millicay
Description: Somos una agencia de viajes minorista de origen familiar y corazon digital. Nos apasiona conectar a personas con sus destinos soñados, diseñando itinerarios a medida de forma comoda, personalizada y eficiente. Como especialistas online, seleccionamos minuciosamente a los mejores prestadores del mercado para ofrecerte opciones flexibles, tarifas competitivas y soluciones globales, asegurando que cada viaje sea una experiencia inolvidable con el respaldo y la asistencia humana que te mereces.
Version: 1.2.6
License: LGPL v2.1
License URI: LICENSE
*/
/* ==========================================================================
   Estilos personalizados del tema hijo
   Agrega tus estilos CSS personalizados debajo de esta l���nea.
   Puedes sobrescribir los estilos del tema padre aqu���.
   ========================================================================== */

/* ===================================================
   1. Estilos para la Galer���a de Im���genes (Izquierda)
   =================================================== */
/* Efecto para los contenedores/im���genes de la izquierda */
.wp-travel.trip-headline-wrapper .banner-image-wrapper{
   border-radius: 16px !important;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;

}

/*Fondo blanco para la secci���n de im���genes destacadas a la izquierda */
.wp-travel.trip-headline-wrapper .featured-side-image.left-plot {
    background:#ffffff;
}

/* ===================================================
   2. Estilos para la Tarjeta de Detalles (Derecha)
   =================================================== */
/* Contenedor principal de los detalles de Laguna Brava */
.wp-travel.trip-headline-wrapper .right-plot-inner-wrap {
    background: #ffffff !important; /* Fondo blanco limpio en lugar de verde saturado */
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 30px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important;
}

/* Encabezado "Laguna Brava" */
.wp-travel-feature-slide-content.featured-detail-section .right-plot-inner-wrap .entry-header .entry-title {
  color: #1a202c !important;
    font-weight: 700 !important;
}

/* Etiquetas y t���tulos internos (Tipo de viaje, Duraci���n, etc.) */
.wp-travel-trip-meta-info {
    color: #4a5568 !important;
    font-size: 0.95rem !important;
}

/* Ajuste de los m���rgenes y paddings para la secci���n de detalles */
.wp-travel.trip-headline-wrapper .featured-detail-section.right-plot {
    padding-left: 10px;
}



/* ===================================================
   3. Bot���n de WhatsApp Personalizado (WP Travel)
   =================================================== */

/* 1. Estructura general del contenedor principal */
#wp-travel-send-message-whatsapp,
a.wp-travel-message-whatsapp {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #25D366 !important; /* Verde oficial WhatsApp */
    color: #ffffff !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    padding: 12px 24px !important;
    border-radius: 50px !important; /* Esquinas completamente redondeadas */
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.35) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    cursor: pointer !important;
    margin-top: 15px !important;
    margin-bottom: 10px !important;
}

/* 2. Alineaci���n del contenido interno (���cono y texto) */
#wp-travel-send-message-whatsapp .wp-travel-booking-enquiry-message {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important; /* Espacio entre el ���cono y el texto */
    color: #ffffff !important;
}

/* 3. Estilo del ���cono */
#wp-travel-send-message-whatsapp .wp-travel-whatsapp-icon i {
    font-size: 20px !important;
    vertical-align: middle !important;
    color: #ffffff !important;
}

/* 4. Efectos interactivos al pasar el mouse (Hover) */
#wp-travel-send-message-whatsapp:hover {
    background-color: #1eb857 !important;
    transform: translateY(-2px) !important; /* Elevaci���n suave */
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.5) !important;
    color: #ffffff !important;
}

/* 5. Efecto al hacer clic (Active) */
#wp-travel-send-message-whatsapp:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(37, 211, 102, 0.3) !important;
}

/* ===================================================
   4. Barra Horizontal Informativa (Iconos Verdes)
   =================================================== */
/* Estilo minimalista para la franja de Traslados/Gu���a/Recorrido */
.tour-info .tour-info-box {
    /*background: linear-gradient(135deg, #2b6cb0, #2c5282) !important; /* Azul profesional o verde sobrio */
    background: #18b54c !important; /* Azul profesional o verde sobrio */  
    color: #ffffff !important;
    border-radius: 8px !important;
}

/* Ajuste de los ���conos y textos dentro de la franja */
.tour-info .tour-info-column .tour-info-item {
    color: #ffffff;
	  font-style: normal;
   
}

.wp-travel-trip-details {
    margin: 0px;
}

.checkout-page-wrap .panel.ws-theme-timeline-block, .wp-travel-trip-details {
    border: 0px;
    padding: 0px;
}


/* Ocultar por completo la pesta���a de rese���as en la ficha del viaje */
/*.wp-travel-tab-wrap #tab-reviews, 
li.reviews_tab, 
#wp-travel-tab-reviews {
    display: none !important;
}*/

/* Ocultar las estrellas de valoraci���n debajo del t���tulo y en listados */
/*.wp-travel-average-review, 
.trip-reviews-count, 
.wp-travel-review-stars {
    display: none !important;
}*/

/* Ocultar definitivamente el texto de "0 Reviews" y estrellas en la ficha */
/*.wp-travel-review-text,
.wp-travel-trip-meta-info .reviews,
.wp-travel-average-review,
.trip-reviews-count,
.wp-travel-review-stars {
display: none !important;
}*/