/**
 * @file
 * Subtheme specific CSS.
 */

 :root {
    --color-pink: #cd1d94;
   --color-green: #00c3cb;}

@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


h1,h2,h3,h4,h5{
   font-family: "Cardo", serif;
  font-weight: 700;
  font-style: normal;
}

h1.page-title {
   text-align: center;
   font-size: 52px;
   white-space: normal;
}
.block-page-title-block{
   text-align: center;
}
 /*pagina de usuarios*/

 body{
    background: #fff!important;
    font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
    
 }
 a{
   text-decoration: none;
 }
.region-sticky,
.site-name,
.sticky-shadow,
.profile,
.view-agents-with-user-access li .field__label,
.region-agentes  .field__label {
    display: none!important
    ;
}

.region-header{
   display: flex;
    flex-direction: row; 
}
.region-header .menu-item{
   display: inline-block;
}

.region-header .menu--account{
   margin-left: auto;
}

/*menus*/


.region-header .menu--account ul li,
.region-header .menu--main ul li{
   background: url( ../images/bullet-menu.png) no-repeat left 12px;
   padding-left: 20px;
   margin-left: 20px;
}


.region-header .menu--account ul li a,
.region-header .menu--main ul li a{
   color: black!important;
   text-transform: uppercase;
   font-size: 0.9em;
    font-weight: 400;
}

.region-header .menu--account,
.region-header .menu--main{
   display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.region-agentes{
    display: flex;
    flex-direction: row;
 }

.block-views-blockagents-with-user-access-block-1 div:first-child{
    /*display: block;
    height: 100%;
    align-items: center;*/

}
.view-id-agents_with_user_access   {
    display: flex !important;
    align-items: center !important;    
}
.view-id-agents_with_user_access  .item-list {
   
   height: 100%;
   width: 100%;
   align-items: center;    
}
.language-switcher-language-url{
   justify-content: center;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}
.language-switcher-language-url ul{    
   display: flex;
   border-left: 1px solid #ccc;
   padding-right: 40px;
   height: inherit;
}
.language-switcher-language-url ul li{
   margin: 0 0 0 10px;   
   padding: 0;
   list-style: none;
   font-size: 0.9em;
   font-weight: 400;
}
   



/* region agentes*/
.path-user .region-agentes .block{
    width: 50%;
 }
 .path-user .region-agentes .block{
    width: 50%;
 }
 #block-techframe-admin-imagendestacadaperfilusuario-2 img{
   width: 100%;
 }


 .path-user .view-id-agents_with_user_access .gin-layer-wrapper{
    border: none;
    box-shadow: none;
    border-radius: none;
 }
 .path-user .view-agents-with-user-access .view-content ul{
   display: flex;
    flex-wrap: wrap;
 }

.path-user .view-agents-with-user-access .view-content li{        
    display: flex;
    flex-direction: column;
    list-style: none;
    width: 30%;
    margin: 0;
    margin-right: 20px;
    text-align: center;
 }
 .path-user .view-agents-with-user-access .view-content li img{
   border-radius: 0 30% 0 0;
   width: 80%;
 }
 .path-user  .view-id-agents_with_user_access .view-content .field--name-title{
    font-size: 1.5em;

 }
 .path-user  .view-id-agents_with_user_access .view-content .btn_primary{
   margin-top: 15px;
   margin-bottom: 15px;
 }
.path-user  .view-id-agents_with_user_access .view-content .btn_primary a{
   text-transform: uppercase;
   border: var(--color-pink) 2px solid;
   border-radius: 5px;
   padding: 10px 50px;
   background-color: #fff;
   color: var(--color-pink);
}

.path-user #block-techframe-admin-imagendestacadaperfilusuario img{
   width: 100%;
}


.button{
   font-size: 1.2em !important;
   text-transform: uppercase !important;
}

.button--buy{   
   border: var(--color-pink) 2px solid !important;
   border-radius: 5px !important;
   padding: 15px !important;
   background-color: var(--color-pink) !important;
   color: #fff !important;
}
.button--access,
.field--name-field-agent-url a{
   
   border: var(--color-pink) 2px solid !important;
   border-radius: 5px !important;
   padding: 15px   !important;
   background-color: #fff !important;
   color: var(--color-pink) !important;
   font-size: 1.2em !important;
   text-transform: uppercase !important;
   font-weight: 600;
}

.button--buy:hover{   
   border: var(--color-pink) 2px solid !important;
   background-color: #fff !important;
   color: #fff !important;
   transition: color 0.5s ease;
}
.button--access:hover,
.field--name-field-agent-url a:hover{   
   border: var(--color-green) 2px solid !important;
   background-color: var(--color-green) !important;
   color: #fff !important;
   transition: color 0.5s ease;
}

/*home*/
body.page-node-type-home{
   font-size: 1.2rem;
}

body.page-node-type-home .layout-container{
   margin: 0!important;
}

body.page-node-type-home .block-page-title-block{
   display: none;
}

/* block hero home*/
.field--name-field-p-titulo{
   font-size: 52px;
   font-family: "Cardo", serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
}
.page-node-type-home .paragraph{
   margin-bottom: 60px;
   margin-top: 40px;   
}

.paragraph--type--hero-p-img-text-cta{
   display: flex;
   flex-wrap: wrap;
   align-content: space-between;
   justify-content: center;
   flex-direction: row;
   background: #000;
   margin-top: 0px;
}
.paragraph--type--hero-p-img-text-cta a{
   background: #cd1d94;
   color: #fff!important;
   border-radius: 3px;
   border: 1px solid #cd1d94;
   text-transform: uppercase;
   font-weight: 400;
   padding: 15px 30px;
}
.paragraph--type--hero-p-img-text-cta a:hover{
   background: #fff;
   color: #cd1d94!important;
   border-radius: 5px;
   border: 2px solid #cd1d94;
   transition:  0.1s ease-out;
}
.paragraph--type--hero-p-img-text-cta .item_hero_imagen,
.paragraph--type--hero-p-img-text-cta .item_hero_texto{
   width: 50%;

}
.paragraph--type--hero-p-img-text-cta .item_hero_imagen img{
   object-fit: fill;
   width: 100%;
}
.paragraph--type--hero-p-img-text-cta .item_hero_texto{
   background: #000;
   color: #fff;
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
   text-align: center;
   align-items: center;
   justify-content: center;s
   
}
.paragraph--type--hero-p-img-text-cta .item_hero_texto .field {
   width: 100%;
}

/*block contenido principal - agentes*/

.field--name-field-home-bloque-de-contenido .field--name-field-p-descripcion,
.paragraph .field--name-field-p-descripcion{
   width: 100%;
   margin-bottom: 40px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}
.paragraph .field--name-field-p-descripcion p{
   width: 60%;
}
.field--name-field-home-bloque-de-contenido .view-id-agents_with_user_access ul{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   justify-content: center;
   align-content: center;
}

.field--name-field-home-bloque-de-contenido .view-id-agents_with_user_access ul li{
   padding: 0;
   margin: 0;
   list-style: none;
   width: 30%;  
   display: flex;
   flex-wrap: wrap;   
   flex-direction: column;
   align-content: center;
   align-items: center;
   margin-bottom: 40px;
}
.field--name-field-home-bloque-de-contenido .view-id-agents_with_user_access ul li .views-field{
   max-width: 370px;
}
.field--name-field-home-bloque-de-contenido .view-id-agents_with_user_access ul li .views-field-title{
   font-size: 28px;
   font-family: "Cardo", serif;
   font-weight: 700;
   font-style: normal;
   text-align: left;
   margin-top: 10px;
}
.field--name-field-home-bloque-de-contenido a{
   color: #000;
}
.field--name-field-home-bloque-de-contenido .views-field-field-agente-imagen img{
   border-radius: 0 30% 0 0;
}
.field--name-field-home-bloque-de-contenido .gin-layer-wrapper{
   padding: 0;
   border: none;
   box-shadow: none;
}


/*bloque contenido secundario - impacto social*/

.paragraph--type--bloque-secundario-de-contenido{
  background: #d3e7e7;
  margin-top: 0;
  padding: 40px;
}
.paragraph--type--bloque-secundario-de-contenido .block_texto_imagen{
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
}
.paragraph--type--bloque-secundario-de-contenido .block_texto_imagen .item_texto{
   width: 40%;
   text-align: left;
}
.paragraph--type--bloque-secundario-de-contenido .field--name-field-p-titulo{
    text-align: left;
}
.paragraph--type--bloque-secundario-de-contenido .field--name-field-p-descripcion p{
   width: 95%;
}
.paragraph--type--bloque-secundario-de-contenido .block_texto_imagen .item_imagen{
   width: 60%;
   text-align: right;
}

/*bloque auxiliar - colaboradores*/
.field--name-field-p1-colaboradores{
   margin-right: 3em;
   margin-left: 3em;
    display: flex;
    gap: 3rem;
}
.field--name-field-p1-colaboradores .field__items{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;

 }
 .field--name-field-p1-colaboradores .field__items .field__item:nth-child(1),
.field--name-field-p1-colaboradores .field__items .field__item:nth-child(2),
.field--name-field-p1-colaboradores .field__items .field__item:nth-child(3){
   width: 30%;
 }
 .field--name-field-p1-colaboradores .field__items .field__item:nth-child(1) .field__item,
.field--name-field-p1-colaboradores .field__items .field__item:nth-child(2) .field__item,
.field--name-field-p1-colaboradores .field__items .field__item:nth-child(3) .field__item{

   width: 100%;
}
 .field--name-field-p1-colaboradores .field--name-field-p-colaboradores{
   display: inline-block;
 }
 .field--name-field-p1-colaboradores .paragraph--type--bloque-tipo-de-colaboradores .field--name-field-p-titulo{
   text-align: left;
   font-size: 1.8rem;
 }
.field--name-field-p1-colaboradores .paragraph--type--bloque-tipo-de-colaboradores .field--name-field-p-descripcion p{
   width: 100%;
  }
.field--name-field-p1-colaboradores .field--name-field-p-colaboradores{
   display: flex;
   gap: 15px;
   justify-content: center;
   
}
.field--name-field-p1-colaboradores .field--name-field-p-colaboradores .field__item{
   width: auto!important;
}
.field--name-field-p-colaboradores  .paragraph{
   margin: 0;
}

/*footer*/

.region-footer{
   background: #2d3e3e;
   padding: 2rem 3rem;
   color: #fff;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
   
}
#block-techframe-admin-textofooter{
   font-size: 0.8em;
   width: 300px;
   word-break: auto-phrase;
   margin-left: 40px;
}
.menu--menu-legal ul{
   display: flex;
   flex-direction: row;
   gap: 20px;
}
.menu--menu-legal ul li{
   list-style: none;
}
#block-techframe-admin-menulegal ul a{
   color: #fff;
   font-size: 0.8em;
}
.block_left{
   display: flex ;
}



/*detalle producto agente*/
 .detalle-producto{
   max-width: 60%;
   margin: auto;
   text-align: center;
   border: 10px solid #f1f1f1;
   padding: 60px;
}
.detalle-producto .field--name-field-agent-url{
   margin-top: 40px;
   margin-bottom: 40px;
}

 .detalle-producto .field--name-field-agente-imagen img{
   border-radius: 0 30% 0 0;
   max-width: 370px;
}

.detalle-producto .field--type-text-with-summary {
   text-align: left;
}

@media (max-width: 992px) {
   h1.page-title {
     font-size: 36px;
   }
   .field--name-field-p-titulo {
    font-size: 2rem;}
    .paragraph--type--bloque-principal-de-contenido ul{
      margin: 0;
    }

   .paragraph--type--hero-p-img-text-cta .item_hero_imagen,
   .paragraph--type--hero-p-img-text-cta .item_hero_texto{
      width: 100%;
   }
   .paragraph--type--hero-p-img-text-cta,
   .field--name-field-home-bloque-de-contenido .view-id-agents_with_user_access ul,
    .paragraph--type--bloque-secundario-de-contenido .block_texto_imagen{
      flex-direction: column;
   }

   .paragraph .field--name-field-p-descripcion p,
   .field--name-field-home-bloque-de-contenido .view-id-agents_with_user_access ul li,
   .paragraph--type--bloque-secundario-de-contenido .block_texto_imagen .item_texto,
   .field--name-field-p1-colaboradores .field__items .field__item:nth-child(1),
   .field--name-field-p1-colaboradores .field__items .field__item:nth-child(2),
   .field--name-field-p1-colaboradores .field__items .field__item:nth-child(3),
   .paragraph--type--bloque-secundario-de-contenido .block_texto_imagen .item_imagen{
   width: 100%;
   }
   .paragraph .field--name-field-p-descripcion p{
      width: 90%;
   } 

   .field--name-field-p1-colaboradores {    
    flex-direction: column;}

   /*footer mobile*/
   #block-techframe-admin-textofooter{
      font-size: 0.6em;
   }
   .menu--menu-legal ul{
      flex-direction: column;
      gap: 0px;
      margin: 0;
      padding: 0;
      text-align: center;
   }
   .menu--menu-legal ul li{
      margin: 0;
      padding: 0;
   }
   #block-techframe-admin-textofooter{
      margin-left: 0;
      padding: 1rem;
   }
   .region-footer{
    flex-direction: column;
   }

   /*pagina de agentes - mi cuenta*/
   .region-agentes {
      flex-direction: column;
   }
   .path-user .region-agentes .block{
      width: 100%;
   }
   .path-user .view-agents-with-user-access ul{
      margin: 0;
    }
   .path-user .view-agents-with-user-access li{
      width: 50%;
      margin-right: 0;
   }
   /*detalle producto agente*/
   .path-product .detalle-producto{
      max-width: 100%;
      padding: 15px;
   }

}