/* Ajustes propios de TALLERDESK sobre la plantilla Saasx */
.hero-content h1{ font-size:2.6rem; line-height:1.15; font-weight:800; margin-bottom:18px; }
.hero-content .sub-heading{ letter-spacing:.12em; }
.check-list{ list-style:none; padding:0; margin:0 0 24px; }
.check-list li{ padding:7px 0; display:flex; align-items:flex-start; gap:10px; }
.check-list li i{ color:#4f7dff; margin-top:4px; }
.feature-item h3{ font-size:1.15rem; }
.section-heading p.mx-auto{ margin-left:auto; margin-right:auto; }
@media (max-width:767px){ .hero-content h1{ font-size:2rem; } }

/* Botones y utilidades */
.default-btn.btn-outline-fill{ background:transparent; border:2px solid #4f7dff; color:#4f7dff; margin-left:10px; }
.default-btn.btn-outline-fill:hover{ background:#4f7dff; color:#fff; }
.rounded-4{ border-radius:16px; }
.shadow{ box-shadow:0 12px 40px rgba(20,25,40,.14); }
img.img-fluid{ max-width:100%; height:auto; }
/* Cabecera de pagina interna */
.page-header{ padding:120px 0 80px; color:#fff; }
.page-header h1{ color:#fff; font-weight:800; font-size:2.4rem; }
.page-header p{ color:rgba(255,255,255,.85); margin-top:12px; }
/* Precios */
.price-card{ background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:16px; padding:32px 28px; height:100%; transition:transform .2s, box-shadow .2s; }
.price-card:hover{ transform:translateY(-4px); box-shadow:0 12px 40px rgba(0,0,0,.10); }
.price-card.featured{ border-color:#4f7dff; box-shadow:0 12px 40px rgba(79,125,255,.18); }
.price-card .price{ font-size:2.4rem; font-weight:800; color:#1a1d2e; }
.price-card .price small{ font-size:.95rem; color:#8a8fa8; font-weight:500; }
.price-card ul{ list-style:none; padding:0; margin:18px 0 24px; }
.price-card ul li{ padding:7px 0; border-bottom:1px solid rgba(0,0,0,.05); }
.price-card ul li i{ color:#4f7dff; margin-right:8px; }
.badge-pop{ display:inline-block; background:#4f7dff; color:#fff; font-size:.72rem; font-weight:700; padding:3px 12px; border-radius:20px; letter-spacing:.05em; }
/* Formulario contacto */
.contact-form .form-control{ border:1.5px solid #d1d5db; border-radius:10px; padding:.7rem 1rem; margin-bottom:14px; width:100%; }
.contact-form textarea{ min-height:140px; }
.contact-info i{ color:#4f7dff; font-size:1.3rem; width:40px; }

/* Robustez: el contenido con animaciones WOW SIEMPRE visible (si WOW no dispara, no se oculta) */
.wow{ visibility:visible !important; }

/* ---- Caracteristicas: boton "mas informacion" y pagina de detalle ---- */
.feature-item .feature-more{ display:inline-block; margin-top:14px; font-weight:600; color:#4f7dff; text-decoration:none; }
.feature-item .feature-more i{ font-size:12px; margin-left:4px; transition:transform .2s ease; }
.feature-item .feature-more:hover{ color:#3b68f0; }
.feature-item .feature-more:hover i{ transform:translateX(4px); }
.feature-detail p{ font-size:17px; line-height:1.75; color:#4a4f5c; }
.feature-detail .feature-detail-icon{ width:72px; height:72px; border-radius:16px; background:rgba(79,125,255,.10); display:flex; align-items:center; justify-content:center; margin-bottom:26px; }
.feature-detail .feature-detail-icon i{ font-size:32px; color:#4f7dff; }
.feature-detail h3{ font-size:22px; margin-bottom:16px; }
.feature-detail .check-list li{ margin-bottom:12px; }
.related-features.bd-top{ border-top:1px solid #e9ecf2; }

/* ---- Barra de idiomas (horizontal, arriba, fija sobre el header) ---- */
.lang-bar{ position:fixed; top:0; left:0; width:100%; height:34px; z-index:100; background:#0f1117; border-bottom:1px solid rgba(255,255,255,.06); }
/* El header del template es fixed top:0; lo bajamos bajo la barra de idiomas */
.header-section{ top:34px !important; }
/* main.js fija .header-height a la altura del header (80px); sumamos la barra */
.header-height{ margin-top:34px; }
.lang-bar .container{ height:34px; display:flex; align-items:center; justify-content:flex-end; }
.lang-switch{ display:flex; flex-wrap:wrap; gap:2px; list-style:none; margin:0; padding:0; }
.lang-switch li{ display:inline-flex; }
.lang-switch a{ display:inline-block; padding:7px 12px; font-size:13px; line-height:1; color:#aeb4c2; text-decoration:none; letter-spacing:.02em; }
.lang-switch a:hover{ color:#fff; }
.lang-switch a.active{ color:#fff; font-weight:600; box-shadow:inset 0 -2px 0 #4f7dff; }
@media (max-width:575px){
  .lang-bar .container{ justify-content:center; }
  .lang-switch a{ padding:7px 9px; font-size:12px; }
}