/**** ISCREATURA STYLE USER ***/
/************** GENERALES *****************************************************/

/** OCULTAR RECAPTCHA **/
.grecaptcha-badge {
  display:none !important;
}

html {
scroll-behavior: smooth;
}

body {
position:relative;
overflow-x: hidden;
overflow-wrap: break-word;
}

div#content {
min-height:83vh;
}

h1.entry-title {
display:none !important;
}
* textarea {
resize:none;
}

/*****************************************************************************
RANK MATH SITE MAP
*****************************************************************************/
#page .rank-math-html-sitemap__section.rank-math-html-sitemap__section--post-type.rank-math-html-sitemap__section--page {
  margin-top: 40px;
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  
}
#page h2.rank-math-html-sitemap__title {
  display: block;
  width: 25%;
  border-right: 1px solid #111111;
  font-family: 'CreaturaPoppins';
  font-weight: 400;
}
#page ul.rank-math-html-sitemap__list {
  list-style: circle;
}
#page li.rank-math-html-sitemap__item {
  font-family: 'CreaturaPoppins';
  font-size: 1.3rem;

}
#page li.rank-math-html-sitemap__item a.rank-math-html-sitemap__link {
  color: #111111;
  text-decoration: underline;
}
#page li.rank-math-html-sitemap__item a.rank-math-html-sitemap__link:hover {
  color: #d39d39;
}
@media screen and (max-width:767px) {


#page .rank-math-html-sitemap__section.rank-math-html-sitemap__section--post-type.rank-math-html-sitemap__section--page {
  flex-direction: column;
  padding: 10px;
}
#page h2.rank-math-html-sitemap__title {
  width: 100%;
  border-right: 1px solid transparent;
  padding-bottom: 10px;
  border-bottom: 1px solid #111111;
  margin-bottom: 10px;

}
}

/*****************************************************************************
SCROLL ARRIBA BOTÓN PERSONAL
*****************************************************************************/
.arrow-top{
background-color: #111111;
color:#ffffff;
font-family: 'CreaturaPoppins';
font-size:0.9rem !important;
width: 50px;
height: 50px;
font-size: 28px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 25px;
cursor:pointer;
position: fixed;
right: 20px;
bottom: 20px;  
z-index: 99999;
}
.arrow-top:hover{
color:#ffe5ab;
}

/*******************************************************************************
HEADER
*******************************************************************************/
.iscreatura-header-sticky .iscreatura-menu span.elementor-icon-list-text{
  display: none;
}
.iscreatura-header-sticky.e-flex.e-con-boxed.e-con.e-parent.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects{
  background-color: #F8F8F8;
transition: all 300ms ease-in-out;
}

/*Cambiar color de borde***********************************************/
.iscreatura-header-sticky.e-flex.e-con-boxed.e-con.e-parent.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects {
  border-color: #ffffff;
transition: all 300ms ease-in-out;
}

/*Cambiar color elemento activo menú***********************************************/
.iscreatura-header-sticky.e-flex.e-con-boxed.e-con.e-parent.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects a.elementor-item.elementor-item-active.menu-link {
  color:#5b4749;
  border-bottom: 1px dotted #5b4749;
}

/*Cambiar dirección texto menú***************************************************/
.iscreatura-header-sticky .iscreatura-texto-menu{
   writing-mode: vertical-lr;
}

/**********************************************************************************************
FOOTER
**********************************************************************************************/
/*Textos legales*******************************************************/
.iscreatura-footer .iscreatura-legales a{
color: #ffffff !important;
}
.iscreatura-footer .iscreatura-legales  a:hover{
color: #111111; 
}
/*Textos legale snegro*******************************************************/
.iscreatura-footer .iscreatura-legales-ng a{
color: #111111 !important;
}
.iscreatura-footer .iscreatura-legales-ng  a:hover{
color: #111111; 
}

/*Copyrigth******************************************************/
.iscreatura-copy span.iscreatura-txtprv,
.iscreatura-copy span.iscreatura-txtpst,
.iscreatura-copy .elementor-shortcode{
font-family: 'CreaturaPoppins';
font-size: 1.1rem;
font-weight: 300;
color: #111111
}
.iscreatura-copy{
text-align: center;
}
/*Maquetar menú páginas legales***********************************************************/
@media screen and (max-width:767px) {
.iscreatura-footer .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li {
display: flex;
width: 100%;
}
.iscreatura-footer a.elementor-item.menu-link {
 display: block;
text-align: center !important;
}
}



/*******************************************************************************
RESULTADOS DE BÚSQUEDA
*******************************************************************************/
/*Ocultar-mostrar secciones en función del resultado************************************/
body.search-no-results .tw-sin-resultados {
  display:block;
}
body.search-results .tw-sin-resultados{
  display:none;
}

body.search-no-results .tw-resultados.e-con-boxed.e-con{
  display:none;
}
body.search-results .tw-resultados.e-con-boxed.e-con{
  display:block;
}

/*******************************************************************************
 POLITICAS
*******************************************************************************/
.tw-secpol{
  overflow-wrap: break-word;
}
.tw-secpol h2 {
  padding:2rem 0 1rem;
  font-family: 'CreaturaPoppins';
  font-weight: 400;
  font-size:2rem !important;
  color:#101010;
margin-bottom:0;
margin-top:0;
}
.tw-secpol p {
line-height:1.5;
  font-family: 'CreaturaPoppins';
   font-size:1rem !important;
}
.tw-secpol ul {
  padding-left:15px;
padding-bottom:5px;
}
.tw-secpol ul li {
  padding:0 10px;
line-height:1.5;
}
.tw-secpol ul li li {
  padding: 2px 0;
}
.tw-secpol a {
 color:#4173AF; 
 text-decoration:underline; 
}
.tw-secpol a:hover {
 color: #589BF7;
 text-decoration:none; 
}
.tw-secpol .bold,.tw-secpol .negrita,.tw-secpol strong {
  font-family: 'CreaturaPoppins';
font-weight:700;
}

@media screen and (max-width:767px) {
.tw-secpol h2{
  text-align:center;
  font-size:1.8rem !important;
}
}

/*******************************************************************************
 COOKIE NOTICE
*******************************************************************************/
.cky-notice-des img.iscreaturae-cookies-img {
  height: 18px;
  width: 18px;
}
a.iscreaturae-cookies{
color:#ffc046;
}
/*******************************************************************************
CONTENIDO --> PÁGINA INICIO
*******************************************************************************/
/*Efectos hover section presentación ¿Qué es?**********************************************************************/
.iscreatura-section-que-es .e-con-full.iscreatura-contenedor-logos.e-flex.e-con.e-child:hover .elementor-widget__width-initial.iscreatura-logo-linea.elementor-widget.elementor-widget-image{
  display: none;
  transition: all 300ms ease-in-out;
}
.iscreatura-section-que-es .e-con-full.iscreatura-contenedor-logos.e-flex.e-con.e-child:hover .elementor-widget__width-initial.iscreatura-logo-solid.elementor-widget.elementor-widget-image{
  display: block;
  transition: all 300ms ease-in-out;
}

/*Definitiva*********************************************************************************************/
/*Voltear texto***************************************************/
.iscreaturae-texto-vertical{
writing-mode: vertical-lr;
transform: rotate(180deg);
}
/*Enlace Linkedln***************************************************************************************/
/*.badge-base__link{
  color:#111111 !important;
}
.badge-base__link:hover{
  color:#ffb326;
}*/
/*Inicio iconos tarjetas animación PC y Móvil******************************************************************************/

/*Posicionar los elementos*********************************************************/
.studio-creatura-semicuadrado-amarillo {
width: 20%;
transform: translateX(135%);
}
.studio-creatura-semicirculo-naranja {
width: 17%;
transform: translateX(51%);
}

.studiocreatura-cuadrado-rosa {
width: 20%;
transform: translateX(-135%);
}

.studiocreatura-circulo-azul {
width: 17%;
transform: translateX(-50%);
}
/*Animaciones************************************************************/
/*Semicuadrado amarillo*************************************************/
.studio-creatura-semicuadrado-amarillo{
opacity:0;
animation-name: StudioCreaturaSemicuadradoAmarilloOpacidad;
animation-duration: 1s;
animation-iteration-count: 1;
animation-direction: normal;
animation-fill-mode: backwards;
}
@keyframes StudioCreaturaSemicuadradoAmarilloOpacidad{
0% {
opacity:0;
}
100% {
opacity:1;
}
}
/*Semicuadrado rosa*************************************************/
.studiocreatura-cuadrado-rosa {
opacity:0;
animation-name: StudioCreaturaSemicuadradoRosa;
animation-delay: 1s;
animation-duration: 1s;
animation-iteration-count: 1;
animation-direction: normal;
animation-fill-mode: backwards;
}
@keyframes StudioCreaturaSemicuadradoRosa{
0% {
opacity:0;
}
100% {
opacity:1;
}
}
/*Semicírculo azul*************************************************/
.studiocreatura-circulo-azul{
opacity:0;
animation-name: StudioCreaturaCirculoAzul;
animation-delay: 2s;
animation-duration: 1s;
animation-iteration-count: 1;
animation-direction: normal;
animation-fill-mode: backwards;
}
@keyframes StudioCreaturaCirculoAzul{
0% {
opacity:0;
}
100% {
opacity:1;
}
}
/*Semicirculo naranja*************************************************/
.studio-creatura-semicirculo-naranja{
opacity:0;
animation-name: StudioCreaturaSemicirculoNaranjaOpacidad;
animation-delay: 3s;
animation-duration: 1s;
animation-iteration-count: 1;
animation-direction: normal;
animation-fill-mode: forwards;
}
@keyframes StudioCreaturaSemicirculoNaranjaOpacidad{
0% {
opacity:0;
}
100% {
opacity:1;
}
}

/*Modificar tamaños************************************************/
@media (min-width: 1025px) and (max-width: 1141px){
.studio-creatura-semicuadrado-amarillo {
width: 20%;
}
.studio-creatura-semicirculo-naranja {
width: 17%;
}

.studiocreatura-cuadrado-rosa {
width: 20%;
}

.studiocreatura-circulo-azul {
width: 17%;
}
}
@media screen and (max-width:1024px) {
/*Posicionar los elementos*********************************************************/
.studio-creatura-semicuadrado-amarillo {
width: 40%;
transform: translate(50%, 50%);
}
.studio-creatura-semicirculo-naranja {
width:40%;
        transform: translate(-50%, 50%);
}

.studiocreatura-cuadrado-rosa {
width: 40%;
transform: translate(-50%, -50%);
}

.studiocreatura-circulo-azul {
width: 40%;
transform: translate(50%, -50%);
}
}
@media screen and (max-width:767px) {
/*Posicionar los elementos*********************************************************/
.studio-creatura-semicuadrado-amarillo {
width: 50%;
transform: translate(50%, 50%);
}
.studio-creatura-semicirculo-naranja {
width:50%;
        transform: translate(-50%, 50%);
}

.studiocreatura-cuadrado-rosa {
width: 50%;
transform: translate(50%, -50%);
}

.studiocreatura-circulo-azul {
width: 50%;
transform: translate(-50%, -50%);
}
}
/*Cambiar icono listados hover general************************************************/
.iscreatura-contenedor-web-boton-hablemos .creatura-listados span.elementor-icon-list-icon svg path.cls-1:hover {
  fill: #ef7d25;
}
/*Cambiar icono listados hover webs molonas************************************************/
.iscreatura-contenedor-web-boton-hablemos .creatura-listados span.elementor-icon-list-icon svg path.cls-1 {
  fill: #fbbf44;
}
.iscreatura-contenedor-web-boton-hablemos .creatura-listados span.elementor-icon-list-icon svg path.cls-1:hover {
  fill: #ef7d25;
}
/*Cambiar icono listados hover naranja*********************************************/
.iscreatura-contenedor-web-boton-hablemos .creatura-listados-nar span.elementor-icon-list-icon svg path.cls-1 {
  fill: #ef7d25;
}
.iscreatura-contenedor-web-boton-hablemos .creatura-listados-nar span.elementor-icon-list-icon svg path.cls-1:hover {
  fill: #fbbf44 ;
}
/*Cambiar icono listados hover rosa*********************************************/

.iscreatura-contenedor-web-boton-hablemos .creatura-listados-ros span.elementor-icon-list-icon svg path.cls-1 {
  fill: #ba4a95;
}
.iscreatura-contenedor-web-boton-hablemos .creatura-listados-ros span.elementor-icon-list-icon svg path.cls-1:hover {
  fill: #fbbf44;
}

/*Destacar palabra clave en textos*************************************************/
 strong.creatura-strong-palabra-clave {
    font-size: 1.3rem;
    font-weight: 300;
}

/*Cambiar tamaño tipografía Kit digital colaboraciones sección ¿Qué ofrecemos*********************************************************/
@media screen and (max-width:767px) {
.creatura-texto-listado {
  font-size: 1rem !important;
} 
}
/*******************************************************************************
CONTENIDO -->  PÁGINA HABLEMOS
*******************************************************************************/
.iscreaturae-form-template  label.elementor-field-label {
display: none;
}
/*Separadores maquetación*****************************************************/
/*Posicionar el elemento*******************************************************/
div.iscreaturae-texto-separador>div h2.elementor-heading-title{
   position:relative;
   padding-left:5%;
}
/*Crear el pseudoelemento before y posicionarlo**********************************************/
div.iscreaturae-texto-separador>div h2.elementor-heading-title:before{
  content: url("https://test.iscreaturae.com/wp-content/uploads/2024/03/prueba-fondo-amarillo-opacidad1-1.svg");
  height:50px;
  width: 50px;
  position: absolute;
  left: 0;
  top:0;
}
/*Crear el pseudoelemento after y posicionarlo**********************************************/
div.iscreaturae-texto-separador>div h2.elementor-heading-title:after{
  content: '';
  display: block;
  width: 70%;
  height: 10%;
  /*background-color: #111111;*/
background-color: #ffc145; 
  position: absolute;
  right: 0;
  top: 50%;
}

@media screen and (max-width:1024px) {
/*Ajustar padding del elemento****************************************************/
  div.iscreaturae-texto-separador>div h2.elementor-heading-title{
    padding-left:8%;
}
/*cambiar tamaño pseudoelemento after**********************************************/
 div.iscreaturae-texto-separador>div h2.elementor-heading-title:after{
    width: 55%;
}
}
@media screen and (max-width:767px) {
/*Ajustar padding del elemento****************************************************/
div.iscreaturae-texto-separador>div h2.elementor-heading-title{
  padding-left:10%;
}
/*cambiar tamaño pseudoelemento before**********************************************/
    
div.iscreaturae-texto-separador>div h2.elementor-heading-title:before{
   width: 10%;

}
/*cambiar tamaño y posicionar pseudoelemento after**********************************************/
div.iscreaturae-texto-separador>div h2.elementor-heading-title:after{
  top: 50%;
  width: 30%;
  height: 5%;
}
}

/*Romper palabras salto de línea****************************************/
.iscreaturae-form-template  .iscreaturae-correo{
overflow-wrap: break-word;
} 


/*******************************************************************************
CONTENIDO -->  PÁGINA PORTFOLIO DISENYO WEB Y COLABORACIONES
*******************************************************************************/

/*Botón hablemos mostrar-ocultar imagen sections diseño web y Diseño de marca***********************************************************/
.iscreatura-contenedor-web-boton-hablemos .iscreaturae-contedor-interno.e-flex.e-con-boxed.e-con.e-child:hover  .iscreaturae-boton-hablemos-discont.elementor-widget.elementor-widget-image{
 display: none;
 transition: all 300ms ease-in-out;
}
.iscreatura-contenedor-web-boton-hablemos .iscreaturae-contedor-interno.e-flex.e-con-boxed.e-con.e-child:hover   .iscreaturae-boton-hablemos-solido.elementor-widget.elementor-widget-image{
 display: block;
 transition: all 300ms ease-in-out;
}


/*Mostrar y ocultar imagen section casos de éxito********************************************************************/
.iscreaturae-casos-exito .iscreaturae-contenedor-interior.e-flex.e-con.e-child:hover .iscreaturae-circulo-linea-boton.elementor-widget.elementor-widget-image {
display: none;
transition: all 300ms ease-in-out;
}
.iscreaturae-casos-exito .iscreaturae-contenedor-interior.e-flex.e-con.e-child:hover .iscreaturae-circulo-linea-boton-solido.elementor-widget.elementor-widget-image {
display: block;
transition: all 300ms ease-in-out;
}

/*Casos de éxito. Ocultar imagen mostrar texto*****************************************************************/
.iscreaturae-contenedor-imagen-casos.e-flex.e-con-boxed.e-con.e-parent .iscreaturae-contenedor-interior-imagen-casos.e-flex.e-con.e-child:hover   .iscreaturae-imagen-casos.elementor-widget.elementor-widget-image img{
 opacity:0.2;
}

.iscreaturae-contenedor-imagen-casos.e-flex.e-con-boxed.e-con.e-parent .iscreaturae-contenedor-interior-imagen-casos.e-flex.e-con.e-child:hover .iscreaturae-texto-casos.elementor-hidden-desktop.elementor-hidden-laptop.elementor-hidden-tablet_extra.elementor-hidden-tablet.elementor-hidden-mobile_extra.elementor-hidden-mobile.elementor-widget.elementor-widget-heading {
 display: block;
}

/*Mostrar texto botón ver portfolio Section SITIOS WEB y MARCAS en páginas diseño web y porfolio**************************************************/
.iscreaturae-casos-exito .iscreaturae-contenedor-interior.e-flex.e-con.e-child:hover .iscreaturae-ver-portfolio span{
 color:#FFC145 !important;
 transition: all 300ms ease-in-out;
}

/*Mostrar texto botón ver portfolio Section SITIOS WEB y MARCAS en página COLABORACIONES**************************************************/
.iscreaturae-casos-exito .iscreaturae-contenedor-interior.e-flex.e-con.e-child:hover .iscreaturae-ver-colaboraciones span{
 color:#FFC145 !important;
 transition: all 300ms ease-in-out;
}
/*******************************************************************************
CONTENIDO -->  MENÚ PANTALLA COMPLETA
*******************************************************************************/
/*Desplazamiento del icono cerrar********************************************/
.iscreatura-menu-dark.e-flex.e-con-boxed.e-con.e-parent:hover .iscreatura-cerrar{
   transform: translateX(-10rem);
    transition: all
  600ms ease-in-out;
}
.iscreatura-menu-dark .iscreatura-encabezado-link:hover a{
  color:#CFD8E2 !important;  
}

/*Dar la vuelta al texto**********************************/
.iscreaturae-texto-vertical{
  writing-mode: vertical-lr;
  transform: rotate(180deg);
}

/*******************************************************************************
CONTENIDO -->  PLANTILLA SÍGUEME CONTENEDOR
*******************************************************************************/

/**Ocultar texto iconos sociales***/
.iscreaturae-redes-sociales .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text{
  display: none;
}

/*Posicionar elemento before***************************************************/
.iscreaturae-redes-sociales .elementor-widget-container{
  position: relative;
  padding-left: 50px;
}
.iscreaturae-redes-sociales ul.elementor-icon-list-items.elementor-inline-items:before{
  content:'';
  width:80%;
  height: 1px;
  background-color: #111111;
  position: absolute;
  top: 50%;
  left: 0%;
}
/*Maquetar 1025px************************************************/
@media (min-width: 1025px) and (max-width: 1141px){
.iscreaturae-redes-sociales ul.elementor-icon-list-items.elementor-inline-items:before{
  content:'';
  width:60%;
}
}
@media screen and (max-width:1024px) {
.iscreaturae-redes-sociales ul.elementor-icon-list-items.elementor-inline-items:before{
  content:'';
  width:50%;
}
}
@media screen and (max-width:767px) {
.iscreaturae-redes-sociales ul.elementor-icon-list-items.elementor-inline-items:before{
  content:'';
  width:60%;
}
}
/*******************************************************************************
CONTENIDO -->  PLANTILLA BOTÓN HABLEMOS
*******************************************************************************/
/*Botón hablemos mostrar-ocultar imagen sections diseño web y Diseño de marca***********************************************************/
.iscreatura-contenedor-web-boton-hablemos .iscreaturae-contedor-interno.e-flex.e-con-boxed.e-con.e-child:hover  .iscreaturae-boton-hablemos-discont.elementor-widget.elementor-widget-image{
 display: none;
 transition: all 300ms ease-in-out;
}

.iscreatura-contenedor-web-boton-hablemos .iscreaturae-contedor-interno.e-flex.e-con-boxed.e-con.e-child:hover   .iscreaturae-boton-hablemos-solido.elementor-widget.elementor-widget-image{
 display: block;
 transition: all 300ms ease-in-out;
}

/*******************************************************************************
CONTENIDO -->   BOTÓN VER TRABAJOS PÁG INICIO
*******************************************************************************/
/*Botón hablemos mostrar-ocultar imagen section ¿que es? inicio***********************************************************/
.iscreatura-section-que-es .iscreaturae-contedor-interno-trabajos:hover  .iscreaturae-boton-trabajos-discont.elementor-widget.elementor-widget-image{
    display: none;
    transition: all 300ms ease-in-out;
   }
   
.iscreatura-section-que-es .iscreaturae-contedor-interno-trabajos:hover   .iscreaturae-boton-trabajos-solido.elementor-widget.elementor-widget-image {
    display: block;
    transition: all 300ms ease-in-out;
   }

/*******************************************************************************
CONTENIDO -->  PÁGINA IDENTIDAD VISUAL
*******************************************************************************/
/*Mostrar y ocultar imagen section casos de éxito Marcas********************************************************************/
.iscreaturae-casos-exito .iscreaturae-contenedor-interior-marcas.e-flex.e-con.e-child:hover .iscreaturae-circulo-linea-boton-marcas.elementor-widget.elementor-widget-image {
   display: none;
   transition: all 300ms ease-in-out;
}
.iscreaturae-casos-exito .iscreaturae-contenedor-interior-marcas.e-flex.e-con.e-child:hover .iscreaturae-circulo-linea-boton-solido-marcas.elementor-widget.elementor-widget-image {
   display: block;
   transition: all 300ms ease-in-out;
}
/*Casos de éxito. Mostrar texto Marcas*****************************************************************/
.iscreaturae-contenedor-imagen-casos.e-flex.e-con-boxed.e-con.e-parent .iscreaturae-contenedor-interior-imagen-casos-marcas.e-flex.e-con.e-child:hover   .iscreaturae-imagen-casos.elementor-widget.elementor-widget-image img{
   opacity:0.2;
}
.iscreaturae-contenedor-imagen-casos.e-flex.e-con-boxed.e-con.e-parent .iscreaturae-contenedor-interior-imagen-casos.e-flex.e-con.e-child:hover .iscreaturae-texto-casos.elementor-hidden-desktop.elementor-hidden-laptop.elementor-hidden-tablet_extra.elementor-hidden-tablet.elementor-hidden-mobile_extra.elementor-hidden-mobile.elementor-widget.elementor-widget-heading {
   display: block;
}
/*Cambiar color texto Section MARCAS**************************************************/
.iscreaturae-casos-exito .iscreaturae-contenedor-interior-marcas.e-flex.e-con.e-child:hover .iscreaturae-ver-portfolio-marcas span{
   color:#ffffff !important;
   transition: all 300ms ease-in-out;
}
/*Cambiar color encabezado Section Marcas*******************************************************/
.iscreaturae-casos-exito .iscreaturae-contenedor-interior-marcas.e-flex.e-con.e-child:hover .iscreaturae-encabezado-marcas.elementor-widget.elementor-widget-heading span{
    color:#ffffff !important;
}

/*******************************************************************************
CONTENIDO -->  PLANTILLA CAPA PROTECCIÓN DATOS
*******************************************************************************/
/*Color enlace*********************************************************/
.tw-texto-enlace-politicas a{
  color:#FFDB7F;
}
.tw-texto-enlace-politicas a:hover{
  color:#CFD8E2;
}
/*Desplazamiento Icono cerrar********************************************/

.iscreatura-capa-datos:hover .iscreatura-cerrar{
   transform: translateX(-10rem);
    transition: all
  600ms ease-in-out;
}
.iscreatura-menu-dark .iscreatura-encabezado-link:hover a{
  color:#CFD8E2 !important;
  
}