/*
 Theme Name: 	Cardea WP Child
 Theme URI: 	http://demo.cocobasic.com/cardea-wp/
 Description: 	Cardea WP Child Theme
 Author: 		CocoBasic
 Author URI:  	http://www.cocobasic.com 
 Tags: grid-layout, four-columns, custom-colors, featured-images, threaded-comments, translation-ready, theme-options
 Template:		cardea-wp
 Text Domain: 	cardea-wp-child
*/
.doc-loader {
    background-color: transparent !important;
}
.header-holder,.menu-holder {
    background-color: #59437A;
}
.portfolio-text-holder {
    width: 70%;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffffff;
	border-radius:10px;
}
#home {
    background-image: url(hero.png);
    background-color: #f1e7e8 !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#servicios{
    background-image: url(logo_servicios_grande.png);
    background-color: #f1e7e8 !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
/* A partir de 1920px NO la agrandes más */
@media (min-width: 1930px){
  #home{
    background-size: 1930px auto;   /* o 1920px 100% si prefieres estirar en alto */
    background-position: top center;
  }
}
/* ===== MENÚ SmartMenus (sm-clean): hover/activo con subrayado animado ===== */

#header-main-menu ul.sm-clean > li > a{
  position: relative;
  display: inline-block;               /* importante para el ::after */
  color: rgba(255,255,255,.85) !important;
  background: transparent !important;
  text-decoration: none !important;
  transition: color .18s ease;
}

/* Subrayado */
#header-main-menu ul.sm-clean > li > a::after{
  content: "";
  position: absolute;
  left: 15px;                          /* coincide con el padding del tema */
  right: 15px;
  bottom: 4px;                         /* ajusta si lo quieres más pegado */
  height: 2px;
  background: #F3D2D8;
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .22s ease;
  opacity: .95;
}

/* Hover / focus */
#header-main-menu ul.sm-clean > li > a:hover,
#header-main-menu ul.sm-clean > li > a:focus{
  color: #F3D2D8 !important;
  background: transparent !important;
}
#header-main-menu ul.sm-clean > li > a:hover::after,
#header-main-menu ul.sm-clean > li > a:focus::after{
  transform: scaleX(1);
}

/* Activo “real” de WordPress */
#header-main-menu ul.sm-clean > li.current-menu-item > a,
#header-main-menu ul.sm-clean > li.current_page_item > a,
#header-main-menu ul.sm-clean > li.current-menu-ancestor > a{
  color: #F3D2D8 !important;
  background: transparent !important;
}
#header-main-menu ul.sm-clean > li.current-menu-item > a::after,
#header-main-menu ul.sm-clean > li.current_page_item > a::after,
#header-main-menu ul.sm-clean > li.current-menu-ancestor > a::after{
  transform: scaleX(1);
}

/* Activo en SmartMenus (muchos temas marcan el activo con .highlighted) */
#header-main-menu ul.sm-clean > li > a.highlighted{
  color: #F3D2D8 !important;
  background: transparent !important;
}
#header-main-menu ul.sm-clean > li > a.highlighted::after{
  transform: scaleX(1);
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  #header-main-menu ul.sm-clean > li > a,
  #header-main-menu ul.sm-clean > li > a::after{
    transition: none !important;
  }
}