/*
Theme Name: Mueve-T
Theme URI: https://wpastra.com/
Template: astra
Author: Noelia Cesar
Author URI: https://www.mueve-t.com/
Description: Tema Personalizado de Mueve-T
Version: 0.0.1.1750955619
Updated: 2025-06-26 16:33:39




*/


html, body { overflow-x: hidden; }

/* ############################################################      ESTILOS MUEVE-T 2025      ############################################################*/

:root {
  --color-primario: #c45eef;
  --color-texto: #222222;
  --color-secundario: #ad35df;
}

/* ############################## ESTILOS SOBREESCRITOS TEMA ASTRA ############################## */

html body p {
  margin-bottom: unset;
}

/* Flecha para subir hacia arriba */

#ast-scroll-top{
	border-radius:15px;
	background-color:var(--color-primario);
	transition:0.3s;
}

#ast-scroll-top:hover{
	background-color:#AD35DF;
}

/* ############################## IMÁGENES PERSONALIZADAS ESTILO MUEVE-T ############################## */

.imagen-mueve-t img {
  clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
  transition: clip-path 0.3s ease;
}

/* ############################## HEADER ############################## */

/* Sticky Header */

.header {
  transition: all 0.3s ease;
  background-color: transparent;
  box-shadow: none;
z-index:9999;
}
.logo-header,
.logo-header img {
  transition: all 0.3s ease;
  max-width: 100px !important;
}

.header.scrolled {
  background-color: rgba(30, 30, 30, 0.85);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.header.scrolled .logo-header,
.header.scrolled .logo-header img {
  max-width: 80px !important;
}

html body .menu-header ul li a {
  color: #fff !important;
}


@media(max-width:576px){
	.logo-header,
	.logo-header img {
	  transition: all 0.3s ease;
	  max-width: 80px !important;
}

	.header.scrolled .logo-header,
	.header.scrolled .logo-header img {
	  max-width: 60px !important;
	}
}

/* ############################## CONTACTO ############################## */

/* ------- Formulario de Contacto ------- */

.formulario-contacto {
}

/* Inputs y Botones */
.formulario-contacto .wpcf7-submit {
  background-color: var(--color-primario);
  color: #fff;
  border-width: 2px;
  border-color: var(--color-primario);
  transition: 0.3s;
}

.formulario-contacto p{
	margin-bottom:0;
}

.formulario-contacto .wpcf7-submit:hover {
  background-color: #fff;
  color: var(--color-primario);
  border-color: var(--color-primario);
  transition: 0.3s;
}

.formulario-contacto .wpcf7 input.wpcf7-form-control:not([type=submit]):focus, .wpcf7 select.wpcf7-form-control:focus, .wpcf7 textarea.wpcf7-form-control:focus{
	border:1px solid var(--ast-global-color-6);
	border-bottom:1px solid var(--color-primario);
	background-color:#c45eef10;
}

.formulario-contacto label{
	font-size:18px;
}
.formulario-contacto input[type="checkbox"] {
    border: solid 1px #e9eef2;
    background-color: #e9eef2;
    box-shadow: none;
    outline: none;
    transition: all 0.2s;
}


.formulario-contacto input[type="checkbox"]:checked {
    border-color: var(--color-primario);
    background-color: var(--color-primario);
}


.formulario-contacto input[type="checkbox"]:focus:not(:checked) {
    border-color: #e9eef2;
    background-color: #e9eef2;
    outline: 2px solid var(--color-primario); /* foco visible */
    outline-offset: 2px;
}


.formulario-contacto input[type="checkbox"]:focus:checked {
    border-color: var(--color-primario);
    background-color: var(--color-primario);
    outline: 2px solid var(--color-primario); /* foco visible */
    outline-offset: 2px;
}


.formulario-contacto .wpcf7 .wpcf7-submit:disabled {
	background-color:#570d76;
	border-color:#570d76;
}



.formulario-contacto input:not([type=submit]):not([type=checkbox]),.formulario-contacto select,.formulario-contacto textarea{
	margin-top:10px;
}

.formulario-contacto input.wpcf7-form-control:not([type=submit]),.formulario-contacto select.wpcf7-form-control,.formulario-contacto label, .formulario-contacto .wpcf7 textarea.wpcf7-form-control{
	width:100%;
}


.elementor-heading-title span.sub-title{
	font-size: 0.5em;
    display: block;
    line-height: 0.9em;
}



/* ############################## SERVICIO COREO KIDS ############################## */

.imagen-coreo-animada img{
	animation: rotarSuavemente 2s infinite ease-in-out;
	display:inline-block;
}

@keyframes rotarSuavemente {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

/* ############################## HOME ############################## */
.no-mobile-movement{
	
	
}

/* ############################## LANDINGS ############################## */

.post-landing .elementor-image-box-title{
	min-height:63px;
}