/*
Theme Name:     Neve
Theme URI:      https://themeisle.com/themes/neve/
Author:         ThemeIsle
Author URI:     https://themeisle.com
Tested up to:   6.2
Requires PHP:   7.0
Requires at least: 5.5
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        3.8.7
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Pro Slug:  			neve-pro-addon
AMP: 						true
WordPress Available:  yes
Requires License:     no
Tags: blog, custom-logo, e-commerce, rtl-language-support, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles, footer-widgets, portfolio, left-sidebar, right-sidebar
*/

/* General */

.seccion-titulo {
    color: #2c9639;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 2.25rem; /* 36px */
    line-height: 2.5rem; /* 40px */
}

/* Header */
.header-section {
  width: -webkit-fill-available;
  display: inline-flex;
  background-color: black;
}

.header-contacts{
  color: white;
  display: inline-flex;
  width: -webkit-fill-available;
  text-align: end;
  align-self: end;
  justify-content: end;
  margin: 10px 10px;
  align-items: center;
  
}

.phone-call-logo{
 margin: 0 10px; 
 width: 20px;
 height: 20px;
}

.social-media-logo{
  margin: 0 15px;
  width: 20px;
  height: 20px;
}

/* Home */

.home-section{
	background-color: #d7d7d7;
}

.home-payment-banner {
  margin: 0 10%; 
}

.home-contract-subscription-banner {
  display: block;
  text-align: center;
  text-align: -webkit-center;
  background-color: #212429;
  color: white;
}

.home-payment-banner-button {
  border-radius: 0.5rem;
  background: black; 
  color: white;
  padding: 0.5rem 4rem;
}

.home-payment-banner .payment-company-logo {
  margin: 0 20px;
  height: 50px; 
}

.online-payment-div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto; /* Ensure the div does not exceed the content height */
}

.online-payment-image {
  object-fit: cover;
  border-bottom-left-radius: 35%;
}

.shaking-hands-div {
  background: url('https://scrn.frontec.cl/wp-content/uploads/2024/06/test.jpg') no-repeat center center;
  background-size: cover;
  height: 25vh;
  position: relative;
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
}

.home-contract-subscription-button{
  background-color: #0387c7;
  color: white;
  padding: 0.5rem 4rem;
  border-radius: 0.5rem;
}

.home-info-banner {
  background: url('https://scrn.frontec.cl/wp-content/uploads/2024/06/carretera_ciudad.jpg') no-repeat center center;
  display: inline-table;
  background-size: cover;
  width: 100%;
  background-color: rgba(1, 117, 174, 0.9);
}

.home-info-banner{
 color: white; 
}

.home-info-banner-transparency{
  background-color: rgba(1, 117, 174, 0.9);
}

.home-info-image{
  height: 40vh;
  border-radius: 35px;
}

.home-news-banner {
  display: block;
}

.test{
  background-color: white;
  width: 80%;
    
}

.home-main-news-image {
  border-radius: 10px;
}

.site-footer{
 display: none; 
}

.sub-menu{
 background: red; 
}

.contacts-footer{
  background: white !important;
}

/* Ruta */

.ruta-informacion-general .header{
  display: block;
  background: url('https://roads.porsche.com/wp-content/uploads/2022/11/route-66-road-trip-straight-road.jpg.fallback.jpg') no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 20rem;
  text-align-last: center;
  align-content: center;
}

.ruta-informacion-general .fondo-gris{
	background-color: #dadada;
}

.route-map-container{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.galeria-ruta{
  padding: 3% 8%;
}

/* General */

.texto-verde{
 color: #2c9639; 
}

.texto-azul{
  color: #156da5;
}

.fondo-gris{
	background-color: #dadada;
}

.list-disc li{
 margin: 2rem 0; 
}


.grid-galeria-rutas {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem; /* 8 * 0.25rem = 2rem */
    height: 100%;
    width: 100%;
    padding: 2.5rem; /* 10 * 0.25rem = 2.5rem */
}

.div-btn-volver-pagina{
  padding: 2.5rem 10%;
}

.btn-volver-pagina{
  background-color: #4376ae;
  color: white;
  padding: 10px 15px;
  border-radius: 7px;
}

.btn-volver-pagina:hover{
  color: white;
  background-color: #365b84;
}

/* Media query for medium screens and above (min-width: 768px) */
@media (min-width: 768px) {
    .grid-galeria-rutas {
        grid-template-columns: repeat(3, 1fr);
        padding: 0 10%;
    }
  
  .contact-info{
  	display: contents;
  }
}

@media (max-width: 768px) {
  
  .div-btn-volver-pagina{
    padding: 1rem 5%;
  }
  
  .btn-volver-pagina {
    font-size: 12px;
  }
  
  .grid-galeria-rutas{
   	padding: 1rem; 
  }
  
  .header-section {
  	display: block;
  }
  
  .header-section img{
  	max-height: 100px;
  }
}

/* Descargar informacion */

.header-informacion-comercial-image{
  display: block;
  background: url('https://www.lideco.com/lideco/images/newsletter/Junio2017/RiesgoInformacion_Slider.jpg') no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 20rem;
  text-align-last: center;
  align-content: center;
}

.informacion-comercial{
  padding: 3% 8%;
}

.archivos-download{
 	margin: 4rem 0; 
}

.descargar-informacion-div {
  display: flex;
  flex-direction: column;
  align-items: center; /* This centers the children horizontally */
  justify-content: center; /* This centers the children vertically */
  text-align-last: center;
  margin: 1rem 0;
}

.descargar-informacion-div p, .descargar-informacion-div a {
  margin: 0.5rem 0; 
}

.descargar-informacion-div p:first-child{
  color: #365b84;
 font-size: 20px; 
}

.descargar-informacion-div p:nth-child(2){
 font-size: 14px; 
}

.descargar-informacion-div div:nth-child(2){
 margin: 2rem 0; 
}

.descargar-informacion-div a {
  color: white;
  background-color: #365b84;
  font-size: 12px;
  padding: 12px 16px;
  border-radius: 10px;
}

.pdf-image-div{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}

.pdf-image-div img {
  max-width: 50%; /* Adjust this value to control the size */
  max-height: 100%;
  height: auto; /* Maintains aspect ratio */
  width: auto; /* Maintains aspect ratio */
}


/* Noticas */
.header-noticias-image{
  display: block;
  background: url('https://viajaresdescubrir.com/wp-content/uploads/2023/12/ruta-carretera-austral.jpg') no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 20rem;
  text-align-last: center;
  align-content: center;
}

.pagination a {
  padding: 8px 16px;
  margin: 0 4px;
  border-radius: 4px;
  background-color: #0175ae;
  color: white;
  text-decoration: none;
}

.pagination a:hover {
  background-color: #1f9c36;
}

.pagination .current {
  padding: 8px 16px;
  margin: 0 4px;
  border-radius: 4px;
  background-color: #1f9c36;
  color: white;
  text-decoration: none;
}

/* Contactos */
.header-contacto-image {
  display: block;
  background: url('https://st4.depositphotos.com/1008648/22640/i/450/depositphotos_226405696-stock-photo-businessman-blurred-background-using-thin.jpg') no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 20rem;
  text-align-last: center;
  align-content: center;
}

/* Tarifas */
.header-tarifas-image {
  display: block;
  background: url('https://www.girteka.eu/wp-content/uploads/free/ay/freeway-toll-booth-checkpoint-road-scaled-1-2048x1364.jpg') no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 20rem;
  text-align-last: center;
  align-content: center;
}

.header-mapa-ruta-image {
  display: block;
  background: url('https://previews.123rf.com/images/madmaxer/madmaxer1609/madmaxer160900160/63479590-3d-ilustraci%C3%B3n-de-un-mapa-con-la-ruta-de-navegaci%C3%B3n-sobre-fondo-blanco.jpg') no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 20rem;
  text-align-last: center;
  align-content: center;
}

.read-more>a{
  border-radius: 8px !important;
}

.news-image{
 height: 200px; 
}

.current_page_item {
 background: #D0D0D0; 
}


.menu-item:hover {
  background: #F0F0F0 !important;
  color: white;
}

.sub-menu{
  border-radius: 8px !important;
}

.boton-submeter-formulario{
  background: #61CE70 !important;
  border-radius: 8px 8px 8px 8px !important;
  padding: 4px 60px !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  font-family: "Roboto", "Sans-Serif" !important;
}

.boton-submeter-formulario:hover{
  background: #294b1e !important;
}

.nv-content-wrap>p{
  padding: 20px;
}

#masthead{
 background: white !important; 
}

body{
  text-align: justify;
}

.footer, p {
  font-family: "Roboto", sans-serif !important;
}

.e-n-accordion-item-title-text{
  font-family: var("Roboto"), Slab !important;
  font-size: 20px !important;
}

.footer {
  font-family: "Roboto", sans-serif !important;
}

/* TAG Card */

.tag-map-card {
    background: white;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.tag-map-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(90deg, #2c5aa0, #1e88e5);
}

.tag-map-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.tag-map-header {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.tag-map-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #2c5aa0, #1e88e5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    box-shadow: 0 4px 15px rgba(44, 90, 160, 0.3);
}

.tag-map-icon svg {
    width: 30px;
    height: 30px;
    fill: white;
}

.tag-map-title {
    font-size: 1.8rem;
    color: #2c5aa0;
    font-weight: 700;
    line-height: 1.2;
}

.tag-map-info {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 12px;
    background: #f8f9ff;
    border-radius: 12px;
    transition: background 0.2s ease;
}

.tag-map-info:hover {
    background: #e3f2fd;
}

.tag-map-info-icon {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #42a5f5, #1976d2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
}

.tag-map-info-icon svg {
    width: 20px;
    height: 20px;
    fill: white;
}

.tag-map-text {
    color: #333;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4;
}

.tag-map-divider {
    height: 2px;
    background: linear-gradient(90deg, transparent, #e0e0e0, transparent);
    margin: 20px 0;
}

.tag-map-map {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #4caf50, #388e3c);
    color: white;
    padding: 15px 25px;
    border: none;
    border-radius: 50px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    margin-top: 20px;
    box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);
}

.tag-map-map:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);
    background: linear-gradient(135deg, #66bb6a, #43a047);
}

.tag-map-map svg {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    fill: white;
}

.tag-map-pulse {
    animation: tag-map-pulse 2s infinite;
}

@keyframes tag-map-pulse {
    0% { box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(76, 175, 80, 0); }
    100% { box-shadow: 0 0 0 0 rgba(76, 175, 80, 0); }
}