/* Estilos personalizados visibles dentro del editor de bloques Gutenberg o Elementor */



/*=================GENERAL==========================*/
body, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *{
	text-transform: none !important;
}

a{
	transition: all .5s ease !important;
}

a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}


/*--Boton secundario--*/
.elementor-element.elementor-button-info .elementor-button, .btn-secundario {
  background-color: rgba(255,255,255,0.1) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  backdrop-filter: blur(10px) !important;
}

.elementor-element.elementor-button-info .elementor-button:hover, .btn-secundario:hover{
	background-color: rgba(255,255,255,1) !important;
	color:#000 !important;
}


/*
.chaty-sts3-0 {
    fill: #eef075 !important;
}*/
.open-chaty{
	border:none !important;
}

.z-index-1{
	z-index:1;
}
/*=================HEADER==========================*/


#mysticky-nav.wrapfixed { 
 	background-color: rgba(255,255,255,0.1) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  backdrop-filter: blur(10px) !important;
}
@media only screen and (max-width: 921px) {
#mysticky-nav.wrapfixed { 
 	background-color: rgba(0,0,0,0.6) !important;
  border: 1px solid rgba(0,0,0,0.6) !important;
  backdrop-filter: blur(10px) !important;
}
}

/*--Seccion activa en menu con header transparente--*/
.ast-desktop .ast-menu-hover-style-underline > .menu-item.current-menu-item> .menu-link, 
.ast-desktop .ast-menu-hover-style-overline > .menu-item.current-menu-item > .menu-link
{
	color:#fff;
	font-weight:500;
	
}


/*=================FOTTER==========================*/
.icon-footer img {
  filter: brightness(0%) invert(0%);
}

footer .widget {
    margin: 0 0 1.5em 0;
}

footer .widget h2 {
	font-weight:500;
}

footer .widget_nav_menu li{
	margin-bottom:5px;
}


/*=================FR ESPECIALES==========================*/

/*--Spectra especial-*/
.fr-italic *, kbd  {
  font-family: 'Spectral', serif !important;
  font-weight: 200 !important;
  font-style: italic !important;
  font-size: 1.2em;
}


/*-------Separadores personalizados-----*/
/*--Horizontal para titulos en Gutenberg-*/
.wp-block-uagb-advanced-heading .uagb-separator {
	background-image: linear-gradient(135deg, #717171 13.64%, #00000000 13.64%, #00000000 50%, #717171 50%, #717171 63.64%, #00000000 63.64%, #00000000 100%);
    background-size: 5px 5px;
	height: 10px;
    width: 100px;
	border:none !important;
}

/*--Vertical para separadores-*/
.fr-separador, .fr-separador .uagb-ifb-separator {
	background-image: linear-gradient(135deg, #717171 13.64%, #00000000 13.64%, #00000000 50%, #717171 50%, #717171 63.64%, #00000000 63.64%, #00000000 100%);
    background-size: 5px 5px;
    border-top-width: 0;
    width: 7px !important;
    border-top-style: slash;
     margin-top: 5px; 
     margin-bottom: 5px; 
	border-top-style: none !important;
}





/*=================SECCIONES==========================*/


/*- Circle logo home-*/


.fr-circulo-wrapper {
  width: 500px;
  height: 500px;
 position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo-wrapper{
  position: relative;
  width: 100%;
  height: 100%; /* O el alto que necesites */
  overflow: hidden; /* <- Esto evita que el logo se desborde visualmente */
}

.logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150px;
  height: 150px;
  /*background: url("https://arquitectosfr.com/wp-content/uploads/2025/06/FR-Simbolo-Blanco.svg") no-repeat center center;*/
  background-size: contain;
  transform: translate(-15%, 15%);
  pointer-events: none; /* Para que no bloquee clicks si hay interacción */

}

.frase-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 600px;
  height: 600px;
}

.path {
  fill: transparent;
}

.text {
  fill: white;
	
}

.text textPath {
	font-size: 5.5px;
}

@media only screen and (max-width: 921px) {
	
	.fr-circulo-wrapper {
  width: 200px;
  height: 200px;

}
	
.logo {

  width: 100px;
  height: 100px;
	top: 56%;
    left: 57%;
 
}
	
	.frase-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 300px;
}

	
	.text textPath {
	font-size: 5.2px;
}
}

/*--grid de servicios en home-*/
.fr-feature a{	
z-index:1;
	transition: all .2s ease-in-out;
}
.fr-feature a:hover{
	z-index:3;
	transform: scale(1.02);
	box-shadow: 0px 0px 74px -6px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 74px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 74px -6px rgba(0,0,0,0.75);
}

.fr-feature a:hover *, .fr-feature a:focus *, .fr-feature a:visited *{
	color: var(--ast-global-color-2);
}

/*--listado porque escogernos en home-*/
.fr-list-feature{
	opacity:.6;
	transition: all .4s ease-in-out;
	
}

.fr-list-feature:hover{
	opacity:1;
	cursor: url('https://arquitectosfr.com/wp-content/uploads/2025/06/FR-heart-plus.svg'), auto;
}

/*--listado de proyectos en home-*/
.fr-list-projects{
	opacity:.4;
	transition: all .2s ease-in-out;
}

.fr-list-projects:hover{
	opacity:1;
}


/*=================BLOG ELEMENTS==========================*/

/*--icono personalizado para date-*/
span.eael-posted-on.eael-meta-posted-on .fa-clock:before{
 	display: inline-block;
 	width: 16px;
 	height: 16px;
  	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z'/%3E%3C/svg%3E");
 	background-size: cover;
}

.eael-post-grid .eael-entry-wrapper > .eael-entry-meta span.eael-posted-on::before,
.eael-post-grid .eael-entry-wrapper > .eael-entry-header-after .eael-entry-meta span.eael-posted-on::before{
	color:red !important;
}



.wpforms-confirmation-container p{
	color:#000;
}