/*
Theme Name: 	   Corvita Pro
Slug: 			   corvita-pro
Text Domain: 	   corpiva-pro
Version:            1.0
Tested up to:       6.6
Requires at least:  4.7
Requires PHP:       5.6
Author:             DesertThemes
Author URI:         https://desertthemes.com/
Theme URI:          https://desertthemes.com/themes/corvita-pro/
Description:        Corvita is lightweight, highly extendable and multi-purpose WordPress Theme. Corvita is perfect for Startup, IT Solutions, IT Business, Agencies, Marketing, Consulting and Services Company related to any business websites. Corvita based on in-depth research into IT Solutions, IT Services, IT Business, Consulting & Software, Digital Solution, Technical Engineering, Technology, and Services Company, to deliver all needed layouts and blocks. It will enable you to create almost any type of website with a beautiful & professional design. Corvita supports popular WordPress plugins such as Elementor, WPML, Polylang, Yoast SEO, WooCommerce, Contact Form 7, Jetpack, and much more.
Tags:               one-column, two-columns ,right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
License: GPLv3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
 */
 
 
.process-card .icon i {
    font-size: 60px;
}

.dt_post_item .meta li {
    font-size: 1.4rem;
    color: var(--dt-secondary-color);
    font-weight: 600;
    transition: all .2s ease-in-out;
}

.dt_post_item .meta i {
    font-size: 2rem;
    color: var(--dt-main-color);
    vertical-align: middle;
    margin-right: 0.8rem;
}

.awards-item .icon i {
    font-size: 4rem;
    color: var(--dt-main-color);
}

.dt_product {
    background-color: rgba(189, 189, 189, 0.1);
}
/* Contenedor del formulario en una sola línea */
.slider-inline-form {
  display: flex;               /* Activa Flexbox para alinear los elementos en línea */
  align-items: center;         /* Alinea verticalmente al centro */
  gap: 10px;                   /* Espacio entre los elementos */
  flex-wrap: nowrap;           /* Evita que se envuelvan a una segunda línea */
  width: 100%;
}

/* Cada grupo de campo (input + label) */
.slider-inline-form .form-group {
  position: relative;
  flex: 1 1 auto;              /* Permite que el grupo ocupe el espacio disponible */
}

/* Estilos para los campos de entrada */
.slider-inline-form .form-group input {
  width: 100%;
  padding: 10px;
  font-size: 1.6rem;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* Estilos para las etiquetas (labels) dentro de los campos */
.slider-inline-form .form-group label {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  transition: all 0.2s ease-in-out;
  pointer-events: none;        /* Evita que el label interfiera con el clic en el input */
  color: #aaa;
  font-size: 1.6rem;
}

/* Efecto Floating: cuando el input está enfocado o ya tiene contenido */
.slider-inline-form .form-group input:focus + label,
.slider-inline-form .form-group input:not(:placeholder-shown) + label {
  top: -5px;
  left: 10px;
  font-size: 1.2rem;
  background: #fff;
  padding: 0 4px;
  color: #333;
}

/* Estilos para el botón */
.slider-inline-form button {
  flex: 0 0 auto;              /* Mantiene el tamaño natural del botón */
  padding: 10px 20px;
  font-size: 1.6rem;
  background-color: var(--dt-main-color, #0073e6); /* Usa la variable o un color fijo */
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.slider-inline-form button:hover {
  background-color: #005bb5;
}