/*
Theme Name: Arya Logistic Theme
Theme URI: https://aryalogistic.com
Author: Tu Nombre
Author URI: https://tusitio.com
Description: Tema personalizado para Arya Logistic SAC.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: arya-logistic
*/
body {
  font-family: Arial, sans-serif;
  max-width: 100%;
}

a{text-decoration: none;}
.logo1 { width:140px; }

/* Fondo video hero */
.bg-video { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:-1; }

/* Animaciones */
.fade-in { opacity:0; transform:translateY(20px); transition: all 0.8s ease-in-out; }
.fade-in.appear { opacity:1; transform:translateY(0); }
/* Quitar scroll en todos los elementos con .fade-in */
.fade-in * {
  overflow: hidden !important;  /* sin scroll interno */
}
.fade-in *::-webkit-scrollbar {
  display: none; /* oculta scrollbar en navegadores WebKit */
}

/* Hero */
#hero { position: relative; min-height:100vh; display:flex; align-items:center; background:rgba(0,0,0,0.6); }
.hero-content { position:relative; z-index:2; max-width:700px; margin-left:5%; }
#hero-title { font-size:3rem; }
#hero-title .highlight { color:#28a5f6; }
.small-text { font-size:1rem; margin-top:10px; }

/* Servicios */
.service-card {
  border:1px solid #e5e5e5; border-radius:12px; background:#fff;
  transition:all 0.3s ease; text-align:left; padding:1rem;
  display:flex; flex-direction:column; justify-content:space-between;
}
.service-card i { font-size:3rem; color:#000; margin-bottom:1rem; }
.service-card h4 { font-size:2rem; margin:1rem 0; }
.service-card p { margin:1rem 0 1.5rem; }
.service-link { text-decoration:none; font-weight:bold; color:#000; font-size:0.9rem; }
.service-link i { font-size:1rem; margin-left:5px; color:#000; }
.service-card:hover { background:#000; color:#fff; transform:translateY(-5px); box-shadow:0 8px 20px rgba(0,0,0,0.15); }
.service-card:hover i, .service-card:hover .service-link, .service-card:hover .service-link i { color:#fff; }

/* Otros servicios */
#otros-servicios .fondo-otros { width:45%; z-index:1; }
.img-otros { position:relative; z-index:3; width: 400px; max-width:90%; margin-right:-2rem; border-radius:10px; }

/* Clientes */
#clientes { padding-top:6rem; padding-bottom:6rem; }
#clientes h2 { font-size:2.4rem; }
#clientes .cliente-logo { max-height:80px; object-fit:contain; filter:grayscale(100%); opacity:0.8; transition:all 0.3s ease; }
#clientes .cliente-logo:hover { filter:grayscale(0%); opacity:1; }

/* Blog */
#blog { padding-top:6rem; padding-bottom:6rem; }
#blog h2 { font-size:2.2rem; margin-bottom:3rem; }
.blog-card { background:#fff; border-radius:10px; transition:transform 0.3s ease, box-shadow 0.3s ease; }
.blog-card:hover { transform:translateY(-5px); box-shadow:0 8px 20px rgba(0,0,0,0.1); }
.blog-img { flex:0 0 40%; }
.blog-img img { width:100%; height:auto; object-fit:cover; border-radius:10px; }
.blog-content { flex:1; }
.blog-link { text-decoration:none; color:#000; transition:color 0.3s ease; }
.blog-link:hover { color:#28a5f6; }

/* Contacto */
#contacto { padding-top:6rem; padding-bottom:6rem; }
#contacto h2 { font-size:2.4rem; }
#contacto .form-label { color:#fff; }
#contacto .form-control { background:#fff; border-radius:6px; border:none; padding:0.75rem; }
#contacto .form-control:focus { outline:none; box-shadow:0 0 0 2px #28a5f6; }
#contacto .btn-primary { background:#28a5f6; border:none; font-weight:bold; }
#contacto .btn-primary:hover { background:#1e8cd6; }
#contacto .contact-link { color:#28a5f6; text-decoration:none; }
#contacto .contact-link:hover { color:#fff; }

/* Footer */
#footer { font-size:0.95rem; }
#footer .footer-link { color:#fff; text-decoration:none; transition:color 0.3s ease; }
#footer .footer-link:hover { color:#28a5f6;  }
#footer .social-link { color:#fff; font-size:1.2rem; transition:color 0.3s ease; }
#footer .social-link:hover { color:#28a5f6; }
#footer .newsletter-form input { border-radius:0; border:none; padding:0.6rem; }
#footer .newsletter-form button { border-radius:0; background:#28a5f6; border:none; padding:0 1rem; }
#footer .newsletter-form button:hover { background:#1e8cd6; }

/* Responsive fixes */
img, video { max-width:100%; height:auto; }
.container, .row, .col { overflow-x:hidden; }
@media (max-width:767.98px){
  #otros-servicios .fondo-otros{ width:100%!important; }
  .img-otros{ margin-right:0!important; max-width:100%!important; }
}
/* Asegura que html y body ocupen siempre toda la altura */
html, body {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}

/* El contenido principal ocupa el espacio restante */
main {
  flex: 1 0 auto;
}

/* El footer siempre al fondo */
footer {
  flex-shrink: 0;
}
/* ====== Forzar el color "primary" a #28a5f6 en todo Bootstrap ====== */

/* Base */
:root{
  --bs-primary: #28a5f6;
  --bs-primary-rgb: 40,165,246;
}

/* Texto / Fondo / Borde */
.text-primary{ color:#28a5f6 !important; }
.bg-primary{ background-color:#28a5f6 !important; }
.border-primary{ border-color:#28a5f6 !important; }
a.link-primary{ color:#28a5f6 !important; }
a.link-primary:hover{ color:#1e8cd4 !important; }

/* Botón primary */
.btn-primary{
  --bs-btn-color: #fff;
  --bs-btn-bg: #28a5f6;
  --bs-btn-border-color: #28a5f6;
  --bs-btn-hover-bg: #1e8cd4;
  --bs-btn-hover-border-color: #1e8cd4;
  --bs-btn-focus-shadow-rgb: 40,165,246;
  --bs-btn-active-bg: #1d84c9;
  --bs-btn-active-border-color: #1d84c9;
  --bs-btn-disabled-bg: #28a5f6;
  --bs-btn-disabled-border-color: #28a5f6;
}

/* Botón outline primary */
.btn-outline-primary{
  --bs-btn-color: #28a5f6;
  --bs-btn-border-color: #28a5f6;
  --bs-btn-hover-bg: #28a5f6;
  --bs-btn-hover-border-color: #28a5f6;
  --bs-btn-active-bg: #28a5f6;
  --bs-btn-active-border-color: #28a5f6;
  --bs-btn-disabled-color: #28a5f6;
  --bs-btn-disabled-border-color: #28a5f6;
}

/* Paginación */
.pagination{
  --bs-pagination-color: #28a5f6;
  --bs-pagination-hover-color: #1e8cd4;
  --bs-pagination-focus-color: #1e8cd4;
  --bs-pagination-active-bg: #28a5f6;
  --bs-pagination-active-border-color: #28a5f6;
}

/* Badges, alerts, etc. (opcional)
.badge.bg-primary{ background-color:#28a5f6 !important; }
.alert-primary{
  --bs-alert-color: #0b4c71;
  --bs-alert-bg: rgba(40,165,246,.15);
  --bs-alert-border-color: rgba(40,165,246,.3);
}
*/