/**
   * CANTIA CUSTOM STYLES
   * Remover capitalización de títulos
   * Fecha: 2024-02-26
   */

  /* ===== FIX DIFFERENT SIZES IN WORK SECTION ===== */

.ct-work-4-slide-item{
  min-height: 400px;
}

  /* ===== REMOVER CAPITALIZACIÓN DE TODOS LOS TÍTULOS ===== */

  /* Títulos generales con animación split-text */
  .ct-split-text .split-line div div:nth-child(1),
  .ct-split-text {
    text-transform: none !important;
  }

  /* Hero Slider 4 (el que estás usando) */
  .ct-hero-4-title,
  .ct-title-no-capitalize {
    text-transform: none !important;
  }

  /* Todos los heros */
  .ct-hero-1-section-title-wrap .hero-title,
  .ct-hero-2-content .hero-subtitle,
  .ct-hero-2-content .hero-top .hero-title-1,
  .ct-hero-2-content .hero-title-2,
  .ct-hero-3-content .hero-title,
  .ct-hero-5-content .hero-title {
    text-transform: none !important;
  }

  /* Títulos de secciones */
  .ct-section-title,
  .ct-section-title-1,
  .ct-section-title-2,
  .ct-section-title-3,
  .ct-section-title-4,
  .ct-section-title-5 {
    text-transform: none !important;
  }

  /* Widgets de Elementor */
  .elementor-gt-heading,
  .elementor-heading-title {
    text-transform: none !important;
  }

  /* Títulos HTML estándar (h1-h6) */
  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6 {
    text-transform: none !important;
  }

  /* Títulos de servicios, proyectos, team, blog */
  .ct-service-item .title,
  .ct-project-item .title,
  .ct-team-item .title,
  .ct-blog-item .title,
  .ct-about-title,
  .ct-pricing-item .title,
  .ct-cta-title {
    text-transform: none !important;
  }

  /* Sidebar y footer */
  .blog-sidebar .sidebar-box .sidebar-box-title,
  .ct-footer-title {
    text-transform: none !important;
  }



/**
 * PORTFOLIO 4 FIX - Soporte para 6+ items
 * Fecha: 2024-02-26
 *
 * PROBLEMA: El tema solo soporta hasta 4 items en Portfolio 3
 * SOLUCIÓN: Agregar z-index y shapes para items 5 y 6
 *
 * INSTALACIÓN:
 * 1. Subir este archivo a: /wp-content/themes/cantia/assets/css/
 * 2. Agregar en functions.php del child theme o usar plugin de CSS
 */

/* ========================================
   ITEM 5 - Configuración completa
   ======================================== */

.ct-portfolio-4-item:nth-child(5) {
  z-index: 5 !important;
}

.ct-portfolio-4-item:nth-child(5) .main-img-wrap .shapes .shape-1 {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 0px;
  top: 0px;
  background: #F6F6F6;
}

.ct-portfolio-4-item:nth-child(5) .main-img-wrap .shapes .shape-2 {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 40px;
  top: 40px;
  background: #F6F6F6;
}

.ct-portfolio-4-item:nth-child(5) .main-img-wrap .shapes .shape-3 {
  position: absolute;
  width: 80px;
  height: 40px;
  right: 0px;
  top: 0px;
  background: #F6F6F6;
}

.ct-portfolio-4-item:nth-child(5) .main-img-wrap .shapes .shape-4 {
  position: absolute;
  width: 80px;
  height: 80px;
  right: 120px;
  top: 80px;
  background: #F6F6F6;
}

.ct-portfolio-4-item:nth-child(5) .main-img-wrap .shapes .shape-5 {
  position: absolute;
  width: 120px;
  height: 40px;
  right: 0px;
  bottom: 160px;
  background: #F6F6F6;
}

.ct-portfolio-4-item:nth-child(5) .main-img-wrap .shapes .shape-6 {
  position: absolute;
  width: 40px;
  height: 120px;
  right: 0px;
  bottom: 0px;
  background: #F6F6F6;
}

.ct-portfolio-4-item:nth-child(5) .main-img-wrap .shapes .shape-7 {
  position: absolute;
  width: 80px;
  height: 40px;
  left: 0px;
  bottom: 160px;
  background: #F6F6F6;
}

.ct-portfolio-4-item:nth-child(5) .main-img-wrap .shapes .shape-8 {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 80px;
  bottom: 80px;
  background: #F6F6F6;
}

.ct-portfolio-4-item:nth-child(5) .main-img-wrap .shapes .shape-9,
.ct-portfolio-4-item:nth-child(5) .main-img-wrap .shapes .shape-10,
.ct-portfolio-4-item:nth-child(5) .main-img-wrap .shapes .shape-11,
.ct-portfolio-4-item:nth-child(5) .main-img-wrap .shapes .shape-12 {
  display: none;
}

/* ========================================
   ITEM 6 - Configuración completa
   ======================================== */

.ct-portfolio-4-item:nth-child(6) {
  z-index: 6 !important;
}

.ct-portfolio-4-item:nth-child(6) .main-img-wrap .shapes .shape-1 {
  position: absolute;
  width: 80px;
  height: 80px;
  left: 0px;
  top: 160px;
  background: #F6F6F6;
}

.ct-portfolio-4-item:nth-child(6) .main-img-wrap .shapes .shape-2 {
  position: absolute;
  width: 80px;
  height: 80px;
  left: 80px;
  top: 80px;
  background: #F6F6F6;
}

.ct-portfolio-4-item:nth-child(6) .main-img-wrap .shapes .shape-3 {
  position: absolute;
  width: 120px;
  height: 80px;
  left: 160px;
  top: 0px;
  background: #F6F6F6;
}

.ct-portfolio-4-item:nth-child(6) .main-img-wrap .shapes .shape-4 {
  position: absolute;
  width: 80px;
  height: 80px;
  right: 240px;
  top: 80px;
  background: #F6F6F6;
}

.ct-portfolio-4-item:nth-child(6) .main-img-wrap .shapes .shape-5 {
  position: absolute;
  width: 120px;
  height: 80px;
  right: 120px;
  top: 0px;
  background: #F6F6F6;
}

.ct-portfolio-4-item:nth-child(6) .main-img-wrap .shapes .shape-6 {
  position: absolute;
  width: 80px;
  height: 120px;
  right: 0px;
  top: 80px;
  background: #F6F6F6;
}

.ct-portfolio-4-item:nth-child(6) .main-img-wrap .shapes .shape-7 {
  position: absolute;
  width: 120px;
  height: 80px;
  right: 0px;
  bottom: 80px;
  background: #F6F6F6;
}

.ct-portfolio-4-item:nth-child(6) .main-img-wrap .shapes .shape-8 {
  position: absolute;
  width: 80px;
  height: 80px;
  left: 0px;
  bottom: 0px;
  background: #F6F6F6;
}

.ct-portfolio-4-item:nth-child(6) .main-img-wrap .shapes .shape-9,
.ct-portfolio-4-item:nth-child(6) .main-img-wrap .shapes .shape-10,
.ct-portfolio-4-item:nth-child(6) .main-img-wrap .shapes .shape-11,
.ct-portfolio-4-item:nth-child(6) .main-img-wrap .shapes .shape-12 {
  display: none;
}

/* ========================================
   ITEM 7+ - z-index adicionales
   ======================================== */

.ct-portfolio-4-item:nth-child(7) {
  z-index: 7 !important;
}

.ct-portfolio-4-item:nth-child(8) {
  z-index: 8 !important;
}

.ct-portfolio-4-item:nth-child(9) {
  z-index: 9 !important;
}

.ct-portfolio-4-item:nth-child(10) {
  z-index: 10 !important;
}

/* Si necesitas más de 6 items, copia el patrón de shapes de arriba
   para nth-child(7), nth-child(8), etc. */



/* ========================================
   FEATURE ONE - aditional box
   ======================================== */
 
.ct-feature-4-wrap {
	max-width: 948px;
	margin-left: auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0 0;
	align-items: center;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ct-feature-4-wrap {
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.ct-feature-4-wrap {
		grid-template-columns: repeat(2, 1fr);
		align-items: stretch;
	}
}


/* ===== CANTIA CONTACT FORM STYLES ===== */

.cantia-contact-form {
  font-family: inherit;
}

.cantia-form-row {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
}

.cantia-form-col {
  flex: 1;
}

.cantia-form-col-full {
  flex: 1 1 100%;
}

.cantia-form-group {
  position: relative;
}

/* Inputs y textarea */
.cantia-contact-form .wpcf7-form-control:not([type="submit"]) {
  width: 100%;
  height: 58px;
  padding: 0 24px;
  background: #f5f7fa;
  border: 1px solid #e8ecf0;
  border-radius: 6px;
  font-size: 15px;
  color: #333;
  font-family: inherit;
  outline: none;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  box-sizing: border-box;
}

.cantia-contact-form .wpcf7-form-control[type="textarea"],
.cantia-contact-form textarea.wpcf7-form-control {
  height: 160px;
  padding: 18px 24px;
  resize: vertical;
}

/* Placeholder */
.cantia-contact-form .wpcf7-form-control::placeholder {
  color: #999;
  font-size: 15px;
}

/* Focus */
.cantia-contact-form .wpcf7-form-control:not([type="submit"]):focus {
  border-color: #e8b45a; /* color dorado del tema Cantia */
  box-shadow: 0 0 0 3px rgba(232, 180, 90, 0.15);
  background: #fff;
}

/* Botón de envío */
.cantia-contact-form .wpcf7-submit {
  display: inline-block;
  padding: 16px 44px;
  background: #e8b45a;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  text-transform: uppercase;
  transition: background 0.3s ease, transform 0.2s ease;
  font-family: inherit;
}

.cantia-contact-form .wpcf7-submit:hover {
  background: #c9922e;
  transform: translateY(-2px);
}

.cantia-form-submit {
  text-align: left;
}

/* Mensajes de validación */
.cantia-contact-form .wpcf7-not-valid-tip {
  font-size: 12px;
  color: #e74c3c;
  margin-top: 5px;
  display: block;
}

.cantia-contact-form .wpcf7-response-output {
  margin-top: 20px;
  padding: 14px 20px;
  border-radius: 6px;
  font-size: 14px;
  border: none;
}

.cantia-contact-form .wpcf7-mail-sent-ok {
  background: #eafaf1;
  color: #27ae60;
}

.cantia-contact-form .wpcf7-validation-errors,
.cantia-contact-form .wpcf7-mail-sent-ng {
  background: #fdf0ef;
  color: #e74c3c;
}

/* Responsive */
@media (max-width: 768px) {
  .cantia-form-row {
    flex-direction: column;
    gap: 16px;
  }
}
 

/* ========================================
   FEATURE ONE - aditional box
   ======================================== */

.elementor-widget-container,
.elementor-element,
.elementor-element-ab414b0,
.elementor-widget,
.elementor-widget-go-social-icon-tw,
.ct-footer-3-info,
.social-media,
.social-item,
.link-text {
  text-transform: none !important;
}

.grecaptcha-badge {
  right: auto !important;
  left: 24px !important;
}