/* 
Style  OurStyle Gtheme
URI: https://www.gorvet.com/
Author: Juank de Gorvet
Description: Gtheme es el núcleo de plantillas propias desarrolladas por Gorvet Estudios.
*/
:root {
    --gorvet:#EE3054;

    --principal:#0aaecf;
    --principal_claro:#0CC2EC;
    --principal_oscuro2:#0DB9E9;
    --principal_oscuro:#098EAD;
    --principal_fondo:#D1F0F6;

    --texto:#404040;
    --gris:#6f6f6f;

    --footer:#f5f5f5;
    --footer_border:#d5d5d5;

    font-size: 18px!important;
  
};
 
html {
  overflow: auto!important;
  overflow-x: auto!important;
  color: var(--texto);
  font-weight: normal;

}


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: 'Montserrat', 'sans-serif','helvetica', 'arial' ;
  color: var(--texto);
  background:#FFF; 
  overflow: auto;
  font-weight: normal;
  line-height: 2;
}
@font-face {
  font-family:'tlindo';
  src: url('../vendor/tlinda/Anjhay.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}
.t-lindo{
    font-family: 'tlindo' ;
  color: var(--principal);
 
}


h1, h2, h3,h4,h5{
   /*font-family: 'Cambria','perpetua','lato','helvetica', 'sans-serif', 'arial' ;*/
   color: var(--texto);
   font-weight: 600;
}

h1 {font-size: 2.5rem; text-transform: uppercase;}
h2 {font-size: 2.0rem; text-transform: uppercase;}
h3 {font-size: 1.5rem; text-transform: uppercase;}
h4 {font-size: 1.2rem; text-transform: uppercase;}

@media (max-width: 414px) {
 h2 {font-size: 1.8rem;}
 }

a {
  color: var(--principal);
  transition: display 0.3s ease-in-out;
  text-decoration: none;
}

a:hover {
  color: var(--principal_oscuro);
}

 



/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 30px 0px  ;
}

.section-bg {
  background-color: #f3f8fa;
}

.section-title {
  text-align: center;
  padding-bottom: 40px;

  
}

.section-title h2,.section-title h1 {
  font-size: 1.8rem;
  font-weight: 600;
  
}

 h1.separador,  h2.separador , h3.separador{
   font-weight: normal!important;
   display: flex;
   align-items: center;
   text-transform: uppercase;
  
}
 h1.separador strong,  h2.separador strong , h3.separador strong{
display: contents;
  
}
.separador::after,  .separador::after{
display: block;
content: "";
border-bottom: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-top: 1px solid;
  margin-left: 20px;
  
}
 



.section-title p {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  height: 60px;
  transition: all 0.5s;
  z-index: 990;
  padding: 20px 0;
 display: flex;
 align-items: center;
}
#header .container{
 display: flex;
justify-content: space-between;
align-items: center;
}

#header.header-transparent {
 background: var(--footer);
 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.27);
 
}

#header.header-scrolled {
   height: 60px;
  padding: 10px 0;
 background: var(--footer);
 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.27);
}
 
 

#header .logo  img {
height: 50px;
}

#main {
margin-top: 60px;
}

 
 
#header.header-scrolled .nav-menu a {
    color: var(--texto)!important;
    text-decoration: none;
    font-size: .9rem}

#header.header-scrolled .nav-menu a:hover, #header.header-scrolled .nav-menu .active>a,#header.header-scrolled .nav-menu li:hover>a {
    color: var(--principal)!important;
 }
 #header.header-transparent .nav-menu a {
  color: var(--texto)!important;
    text-decoration: none;
    font-size: .9rem}

#header.header-transparent .nav-menu a:hover, #header.header-transparent .nav-menu .active>a,#header.header-transparent .nav-menu li:hover>a {
   color: var(--principal)!important; 
 }
#wpadminbar {
    position: fixed !important;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  float: left;
   padding: 10px 0px;
  margin: 0px 15px;
  line-height: 1;
}

.nav-menu a {
  display: block;
  position: relative;
  color: var(--texto);
  transition: 0.3s;
  
  
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  color: #a2cce3;
  text-decoration: none;
}

.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 0;
  top: calc(100% - 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
  transition: ease all 0.3s;
}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 10px 20px;
  
  text-transform: none;
  color: var(--texto)!important;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color:  var(--principal)!important;
}

.nav-menu .drop-down > a:after {
  content: "\e90a";
  font-family: gicon;
  font-size: .8rem;

}
.nav-menu .drop-down > span:after {
  content: "\e90a";
  font-family: gicon;
  font-size: .8rem;
 
}
.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
  content: "\eaa0";
  font-family: IcoFont;
  position: absolute;
  right: 15px;
}

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\e90d";
     font-family:gicon;
  }
}

/* Mobile Navigation */
.mobile-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 899;
  overflow-y: auto;
  left: -260px;
  width: 260px;
 padding-top: 30px;
  background: #fff;
  transition: 0.4s;
  margin-top: 0px;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
 color: var(--texto);
  padding: 10px 20px;
  font-weight: 500;
  text-decoration: none;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: var(--principal);
  text-decoration: none;
}

.mobile-nav .drop-down > a:after {
  content: "\e90a";
  font-family: gicon;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\e90e";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-toggle {
 
  position: absolute;
  right: 25px;
 top: 50% !important;
  transform:  translateY(-50%);
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

 

  .mobile-nav-toggle i {
 color:var(--texto);
}
 .header-scrolled .mobile-nav-toggle i {
  color: var(--texto);
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 898;
  top: 0;
  left: 0;
  position: fixed;
    background: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  display: none;
}

.mobile-nav-active {
  overflow: hidden !important;
}

.mobile-nav-active .mobile-nav {
  left: 0;
 
}
 .mobile-nav-active .mobile-nav-toggle i {
  color:var(--texto);
}
.header-scrolled .mobile-nav-active .mobile-nav-toggle i {
  color: var(--texto);
}

 /*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact {
 }
.contact .info-box-contanier {
    background: url("../img/contact.svg") no-repeat;
       
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-position: top center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.contact .info-box {
  color:var(--texto);
  text-align: center;
 
  padding: 30px;
  margin-bottom: 0px;
}
.contact .info-box i {
  font-size: 1rem;
  color: var(--principal);
     padding-right: 10px;
 display: inline-block;
 
}

.contact .info-box ul li i {
  font-size: 1.2rem;
  color:var(--principal);
 background: none;
  padding: 5px;
 margin-bottom: 5px;
 
 
}
.contact .info-box h3 {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 10px 0;
}
.contact .info-box p {
  padding: 0;
  line-height: 1.5rem;
  font-size: 1rem;
  margin-bottom: 0;
  text-align: center!important;}
.contact .info-box ul  {
 list-style: none;
padding: 0;
text-align: left;
}
.contact .info-box ul li a  {
color: var(--principal);
text-decoration: none;
}
.contact .info-box ul li a:hover  {
color: var(--gorvet);
text-decoration: underline;
}

 
.contact .php-email-form {
 margin-top: 60px;
 margin-bottom: 0;
}

 

 
  .wpcf7-form .btnsubmit {
  font-size: 1rem!important;
  padding: 10px 20px;
  border: 0;
  background-color: var(--principal);
  border-radius: 5px;
  display: block;
  margin-right: auto;
margin-left: auto;
min-width: 150px;
}
 .wpcf7-form .btnsubmit:hover {
  background-color: var(--principal_oscuro);
}


.contact .wpcf7-form textarea {
 height: 108px;
}
.contact .wpcf7-form .btnsubmit:hover {
  background-color: var(--principal_oscuro);
}
.contact .wpcf7-form .btnsubmit:focus {
    box-shadow: none;
}
 
.acceptance {
color: var(--gris);
 
   margin-top: 10px; 
   margin-bottom: 10px!important; 
   text-align: center;
}
.acceptance label {
 font-size: .9rem!important;
 font-weight: normal;
 }

.acceptance a {
font-weight: bold;
text-decoration: none;
transition: display 0.3s ease-in-out;

}
.acceptance a:hover{
 text-decoration: none; 
  
}
 
.wpcf7-spinner {
   margin-top: 5px;
    background-color:var(--principal);
  
}

.wpcf7-not-valid-tip{ font-size: .75rem; }
.wpcf7-form-control-wrap label.error {
    color: var(--gorvet);
    font-size: 14px;
    font-weight: normal;
    display: block;
}
 
.wpcf7 .wpcf7-form-control-wrap input.error ,form .wpcf7-not-valid {
  
  color: var(--gorvet);
  margin: 0 0 5px 0;
  border-color: var(--gorvet);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23E2076A'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E2076A' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.wpcf7 .wpcf7-form-control-wrap input.valid{
   margin: 0 0 5px 0;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%230073AA' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.wpcf7 form .wpcf7-response-output {
  background: none;
 padding: 10px;
 font-size: 16px;
      margin-top: -20px;
      text-align: center;
    
}
 

.wpcf7 form.sent .wpcf7-response-output {
  border: 1px solid var(--principal);
  color:var(--principal);
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border: 1px solid var(--gorvet);
      color:var(--gorvet);
}

.wpcf7 form.spam .wpcf7-response-output {
border: 1px solid var(--gorvet);
      color:var(--gorvet);
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border: 1px solid var(--gorvet);
      color:var(--gorvet);
}

 
 /*--------------------------------------------------------------
# Elementos del Form
--------------------------------------------------------------*/
.form-control {
color: var(--gris);
border-radius: 5px;
}
.form-group br{
display: none;
}

.form-control:focus {
    color: var(--texto);
    background-color: #fff;
    border-color:var(--principal_claro);
}



form .form-group {
    margin-bottom: 15px;
}



form .invalidate-text ,form .wpcf7-not-valid-tip{
  text-align: left;
  color: var(--gorvet);
  
 font-weight: 400!important;
  font-size: .7rem!important;
 }

form .validate {
  color: var(--gorvet);
  margin: 0 0 5px 0;
 
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%239CA2E0' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

 

form input, form textarea,select {
   box-shadow: none!important;
 font-weight: 400!important;
  font-size: .8rem!important;
 
}
 
  form input, form select, form textarea {
  padding: 10px 15px;
}

  select {
  color: var(--Texto);
  margin: 0 0 5px 0;
   background-image: url("data:image/svg+xml,  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 129' xmlns:xlink='http://www.w3.org/1999/xlink'><polygon class='fil0' points='18,36 49,70 83,37 94,48 49,93 6,47 '/></svg>");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

  select option {
   box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
   
}

 

 form .form-check {
    padding-left: 21px;
    min-height: 0px;
}



 form input[type="checkbox"] {
  margin-right: 5px;
  width: 14px;height: 14px;
  padding: 8px!important;
  }
  form input[type="checkbox"]:checked {
    background-color: var(--gorvet)!important;
    border-color: var(--gorvet)!important;
}

form input[type="radio"] {
  margin-right: 5px;
  width: 14px;height: 14px;
  padding: 8px!important;
  margin-left: 0px!important;
  }
form input[type="radio"]:checked {
    background-color: var(--gorvet)!important;
    border-color: var(--gorvet)!important;
}



   form label[for="rememberme"] {
  font-weight: normal!important;
  margin: 0px!important;
  padding: 0;
  }

  form .input-group-text {
    padding:0;

    width: 40px;
    padding-left: 8px;
    font-size: 1.35rem;
    color: var(--gorvet) !important;
    background-color: transparent;
    border:  none!important;;
    z-index: 5;

}

  
 form .input-group input {
     margin-left: -40px!important;
    padding-left: 40px!important;
    border-radius: .25rem!important;
    

}

  .mdisabled {pointer-events: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;}

 form .input-group input:focus  {
     border: 1px solid var(--gorvet) !important;   
}

 form label{
  font-size: 0.9rem;
  
  font-weight: 600;
display: block;
margin-bottom: 5px;
}
 

 

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.blog {
 
}
.entry li{ text-align: justify!important; }
.page li{ text-align: justify!important; }
.entry p{ text-align: justify!important; }
.page p{ text-align: justify!important; }
.blog .section-title  {
padding-bottom: 40px;
padding-top: 20px;
}
.blog .section-title h1{
  
  font-size: 2rem;
  line-height: 1;
}

@media (max-width: 576px) {

.blog .section-title h1 {font-size: 1.5rem}
.blog .section-title  {
padding-bottom: 20px;
padding-top: 0px;
}
 
  
}


.blog .entry {
   margin-bottom: 60px;
 }

.blog .page {
  padding: 0!important;
 
 border: none !important;
 

}
 
.blog .entry .entry-img {
  max-height: 502px;
 display: flex;
align-items: center;
  overflow: hidden;
  align-self: start;
}
.blog .entry .entry-img img{
 width: 100%;
}
.blog .entry .entry-title {
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0;
  margin: 0 0 15px 0;
}
.blog .entry .entry-title a {
  color: var(--texto);
  transition: 0.3s;
  text-decoration: none;
}
.blog .entry .entry-title a:hover {
  color: var(--principal);
  text-decoration: none!important;
}
.blog .entry .entry-meta {
  margin-bottom: 20px;
  color: var(--gris);
  font-weight: normal;
  font-size: 1rem;
}
.blog .entry .entry-meta ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  padding: 0;
  margin: 0;
}
.blog .entry .entry-meta ul li + li {
  padding-left: 20px;
}
.blog .entry .entry-meta i {
  font-size: 16px;
  margin-right: 8px;
  line-height: 0;
}
 
 
.blog .entry .entry-footer {
  padding-top: 10px;
  border-top: 1px solid var(--gris);
}
.blog .entry .entry-footer i {
  color: var(--principal);
  display: inline;
}
.blog .entry  a {
  color: var(--principal);
  transition: 0.3s;
text-decoration: underline;
}
.blog .entry  a:hover {
 color: var(--principal_oscuro);
 
}
 .blog  .entry-content p ,  .blog  .entry-content li {
text-align: justify;
 }
.blog .entry .entry-content blockquote {
  overflow: hidden;
  background-color: var(--footer);
  padding: 30px;
  position: relative;
  text-align: left;
  margin: 20px .8rem;
width: calc(100% - 1.6rem);
}
.blog .entry .entry-content blockquote p {
  color: var(--texto);
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 500;
  font-size: 1rem
}

.blog .entry .entry-content  cite {
   display: block;
 margin-top: 15px;
  font-style: normal;
  font-weight: 600;
 }

.blog .entry .entry-content blockquote::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: var(--principal);
  margin-top: 20px;
  margin-bottom: 20px;
}
 
.blog .entry .entry-footer .tags {
  list-style: none;
  display: inline;
  padding: 0;
  font-size: .9rem;
}
.blog .entry .entry-footer .tags li {
  display: inline-block;
}
.blog .entry .entry-footer .tags li + li::before {
  padding-right: 6px;
  color: var(--texto);
  content: ",";
}


.blog .entry   .share {
  font-size: 1rem;
  border-bottom: 1px solid var(--footer_border);
}

.blog .entry   .share  a{
font-size: 1.2rem;
display: inline-block;
color: var(--texto);
line-height: 1;
padding: 8px 0;
margin-right: 10px;
text-align: center;
transition: 0.3s;
text-decoration: none;

}
.blog .entry   .share  a:hover{
 
color: var(--principal);
 

}
.blog .entry  .share i {
  padding-left: 5px;
}
.blog .entry-single {
  margin-bottom: 30px;
}
.blog .blog-author {
  padding: 20px;
  margin-bottom: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.blog .blog-author img {
  width: 120px;
  margin-right: 20px;
}
.blog .blog-author h4 {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 0px;
  padding: 0;
  color: #1e4356;
}
.blog .blog-author .social-links {
  margin: 0 10px 10px 0;
}
.blog .blog-author .social-links a {
  color: rgba(30, 67, 86, 0.5);
  margin-right: 5px;
}
.blog .blog-author p {
  font-style: italic;
  color: #b7b7b7;
}
.blog .blog-comments {
 
}
.blog .blog-comments .comments-count {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 30px;
}
.blog .blog-comments .comment {
  margin-top: 15px;
  position: relative;
}

.blog .blog-comments .comment a {
text-decoration: underline;
}

.blog .blog-comments .comment .comment-img {
  margin-right: 14px;
  border-radius: 5px;
   width: 60px;
   height: 60px;
   overflow: hidden;
   display: table;

}
.blog .blog-comments .comment .comment-img img {
     width: 60px;
   height: 60px;
   max-width: 100px;
}
.blog .blog-comments .comment h5 {
  font-size: 1rem;
  margin-bottom: 2px;
   color: var(--texto);
}
.blog .blog-comments .comment h5 a {
  font-weight: bold;
  color: var(--texto);
  transition: 0.3s;
  text-decoration: none;
}
.blog .blog-comments .comment h5 a:hover {
  color: var(--principal);
  
}
.blog .blog-comments .comment h5 .reply,.blog .blog-comments .comment h5 .comment-edit-link {
  margin-left: 15px;
  color: var(--principal);
  font-size: .9rem;
}
.blog .blog-comments .comment h5 .reply:hover,.blog .blog-comments .comment h5 .comment-edit-link:hover {
 color: var(--principal_oscuro);
}
.blog .blog-comments .comment h5 .reply i,.blog .blog-comments .comment h5 .comment-edit-link i {
  font-size: .9rem;
  margin-right:5px ;

}
.blog .blog-comments .comment time {
  display: block;
  font-size: .9rem;
  color: var(--gris);
  margin-bottom: 5px;
}
.blog .blog-comments .comment.comment-reply {
  padding-left: 40px;
}
.blog .blog-comments .reply-form {
 
  padding: 0px;
 ;
}
.blog .blog-comments .reply-form h4 {
  font-weight: bold;
  
}
.blog .blog-comments .reply-form h4 a {
 text-decoration: none;
 font-size: .9rem;
 margin-left: 10px;
  font-family: 'lato', 'helvetica', 'sans-serif', 'arial' ;
  
}
.blog .blog-comments .reply-form p {
  font-size: .9rem;
  color: var(--gris);

}
.blog .blog-comments .reply-form p a  {
text-decoration: none;
 
}
.blog .blog-comments .reply-form p a + a{
text-decoration: none;
margin-right: 10px;
margin-left: 10px;
}
.blog .blog-comments .reply-form .form-submit {
 text-align: center;
}
.blog .blog-comments .reply-form input {
  border-radius: 4px;
  padding: 10px 10px;
  font-size: 14px;
}
.blog .blog-comments .reply-form input:focus {
  box-shadow: none;
  border-color: var(--principal);
}
.blog .blog-comments .reply-form textarea {
  border-radius: 4px;
  padding: 10px 10px;
  font-size: 14px;
}
.blog .blog-comments .comment-form-cookies-consent label {
display: inline;
font-size: .9rem;
color: var(--gris);
}
 
.blog .blog-comments .reply-form .form-group {
  margin-bottom: 25px;
}
.blog .blog-comments .reply-form .btn-primary {
 
  padding: 10px 20px;
  border: 0;
  background-color: var(--principal);
  border-radius: 5px;
}
.blog .blog-comments .reply-form .btn-primary:hover {
  background-color: var(--principal_oscuro);
}
.blog .blog-comments .reply-form .btn-primary:focus {
  box-shadow: none;
}

 #commentform .error  {
    color: var(--gorvet);
    font-size: 14px;
    font-weight: normal;
    display: block;
}
.blog .blog-pagination {
  color: var(--principal);
  display: grid;
  justify-content: center;
}
.blog .blog-pagination ul {
  
  padding-left: 0;
  list-style: none;
}
.blog .blog-pagination li {
  
  margin: 0 5px;
  transition: 0.3s;
  display: inline-block;
}
.blog .blog-pagination li.active {
  background: white;
}
.blog .blog-pagination li a {
 color: var(--principal);
  padding: 3px 15px;
  display: inline-block;
  text-decoration: none;
}
 

.blog .blog-pagination li.active, .blog .blog-pagination li:hover {
  /*background: var(--principal);
    border: 1px solid var(--principal);
   text-decoration: none;*/
}
.blog .blog-pagination li.active a, .blog .blog-pagination li:hover a {
  color: var(--texto);

}
.blog .blog-pagination li.active a i, .blog .blog-pagination li:hover a i {
  color: var(--texto); text-decoration: none;
}

.blog .blog-pagination li.disabled {
  background: #fff;
  border: 1px solid white;
}

.blog .blog-pagination li.disabled i {
  color: #f1f1f1;
  padding: 10px 16px;
  display: inline-block;
}

.blog .blog-pagination .current {
  background: none;
    border: 1px solid var(--principal);
 padding: 3px 15px;
display: inline-block;
color: var(--principal);
text-decoration: none;
border-radius: 100px;
 
}
.blog .blog-pagination .current:hover {
background: none;
border: 1px solid var(--principal);
color: var(--principal);
 
}



.blog .sidebar {
  padding: 30px;
  margin-left: 0;
  margin-bottom: 60px;
 
  border: 1px solid var(--gris);
  border-radius: 5px;
}
.blog .sidebar-alt {
  padding: 0px!important;
  margin-top: 30px!important;
  border: none!important;
 
}

.blog .sidebar .sidebar-title {
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  color: var(--texto);
  position: relative;
}
.blog .sidebar .sidebar-item {
  margin-bottom: 30px;
}
 
 .search-form form {
  border: 1px solid var(--gris);
  padding: 3px 10px;
  position: relative;
  border-radius: 5px;
}
 .search-form form:hover,
 .search-form form:active,
 .search-form form:focus,
  .search-form form:target {
  border: 1px solid var(--principal_claro);
 
}



 .search-form form input[type=text] {
  border: 0;
  padding: 4px;
  border-radius: 5px;
  width: calc(100% - 40px);
  outline: none;
}
  .search-form form button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 15px;
  margin: -1px;
  background: var(--principal);
  color: #fff;
  transition: 0.3s;
  border-radius: 0 5px 5px 0;
  line-height: 0;
}
  .search-form form button i {
  line-height: 0;
}
  .search-form form button:hover {
  background: var(--principal_claro);
}

.modal-backdrop {
 z-index: 99 !important;
}
#BuscarModal{margin-top: 80px; z-index: 9999; }
#BuscarModal .modal-dialog { z-index: 9999; }
  .modal-title {
font-size: 1.1rem!important;
}

#BuscarModal .modal-content {
    border: none !important;
    box-shadow: 1px 2px 15px rgba(100, 100, 100, 0.3); 
    border-radius: 5px;
}

#BuscarModal .modal-content.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(255, 110, 253, 0.25);
    opacity: 1;
}
.blog .sidebar .recent-posts .post-item + .post-item {
  margin-top: 15px;
}
.blog .sidebar .recent-posts img {
  width: 80px;
  float: left;
}
.blog .sidebar .recent-posts h4 {
  font-size: .85rem;
  margin-left: 95px;
  font-weight: bold;
}
.blog .sidebar .recent-posts h4 a {
  color: var(--principal);
  transition: 0.3s;
  text-decoration: none;
}
.blog .sidebar .recent-posts h4 a:hover {
  color: var(--gorvet);
  text-decoration: underline;
}
.blog .sidebar .recent-posts time {
  display: block;
  margin-left: 95px;
  font-style: italic;
  font-size: .8rem;
  color: var(--texto_gris);
}


.blog .sidebar .categories ul {
  list-style: none;
  padding: 0;
}
.blog .sidebar .categories ul li + li {
  padding-top: 10px;
}
.blog .sidebar .categories ul a {
  color: #1e4356;
  transition: 0.3s;
}
.blog .sidebar .categories ul a:hover {
  color: #68A4C4;
}
.blog .sidebar .categories ul a span {
  padding-left: 5px;
  color: #aaaaaa;
  font-size: 14px;
}
.blog .sidebar .tags {
  margin-bottom: -10px;
}
.blog .sidebar .tags ul {
  list-style: none;
  padding: 0;
}
.blog .sidebar .tags ul li {
  display: inline-block;
}
.blog .sidebar .tags ul a {
  color: #3f8db5;
  font-size: 14px;
  padding: 6px 14px;
  margin: 0 6px 8px 0;
  border: 1px solid #e4eff5;
  display: inline-block;
  transition: 0.3s;
}
.blog .sidebar .tags ul a:hover {
  color: #fff;
  border: 1px solid #68A4C4;
  background: #68A4C4;
}
.blog .sidebar .tags ul a span {
  padding-left: 5px;
  color: #bedae8;
  font-size: 14px;
}

/*--------------------------------------------------------------
# search-result
--------------------------------------------------------------*/
 .search-result .top{/*border-bottom: 1px solid var(--gris);*/}
 .search-result .section-title  {
  padding-bottom: 15px;
   }
.search-result .section-title h1 {
    font-weight: bold;
    font-size: 2rem;
   }

 
 

/*--------------------------------------------------------------
# Tetstimonials
--------------------------------------------------------------*/
.testimonials {
  padding: 60px 0;
}
.blog .testimonials {
  padding: 30px 0;
  margin-bottom: 30px;
  background: var(--footer);
  border-radius: 5px;
}
.testimonials .section-header {
  margin-bottom: 40px;
}
.testimonials .testimonials-carousel{margin-top: 20px;}
.testimonials .testimonial-item {
  text-align: center;
}

.testimonials .testimonial-item .testimonial-img {
  width: 120px;
  border-radius: 50%;
  border: 4px solid #fff;
  margin: 0 auto;
}

.testimonials .testimonial-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: var(--texto);
}

.testimonials .testimonial-item h4 {
  font-size: 16px;
  color: var(--texto_gris);
  margin: 0 0 15px 0;
}

.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
  color: var(--principal_claro);
  font-size: 36px;
  margin-left: 5px;
  margin-right: 5px;
}

.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}

.testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 auto 15px auto;
  font-weight: normal;
    text-align: center;
}

.testimonials .owl-nav, .testimonials .owl-dots {
  margin-top: 5px;
  text-align: center;
}

.testimonials .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd !important;
}

.testimonials .owl-dot.active {
  background-color: #68A4C4 !important;
}

@media (min-width: 992px) {
  .testimonials .testimonial-item p {
    width: 80%;
      text-align: center;
  }
}







/*--------------------------------------------------------------
# Home Proy
--------------------------------------------------------------*/
.home-blog{
 
}
.home-blog .entry {
  padding: 20px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
  border-radius: 5px;
  transition: 0.3s;
  overflow: hidden;
  display: grid;
  

}
.home-blog .entry:hover {
 box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
  transition: 0.3s;
}


.estilos .home-blog .entry .entry-img{
margin: 0px;

min-height: 200px;

}


.home-blog .entry .entry-img{
max-height: 200px;

margin: -20px -20px 0px -20px;
overflow: hidden;

}
.home-blog .entry .entry-img img{
width: 100%;
}
.home-blog .entry .entry-content{
 align-self: start;
 
}
 
 .entry-content ul{margin-left: 1rem;width: calc(100% - 1rem);}
.home-blog .entry h2,.home-blog .entry h3{
text-align: left;
font-size: 1.1rem;
margin-bottom: 5px;
margin-top: 15px;
-ms-word-wrap: anywhere;
word-wrap: anywhere;
text-transform: none;
}
.home-blog .entry h2 a,.home-blog .entry h3 a{
color: var(--texto);
text-decoration: none;
font-weight: 600;
transition: 0.3s;
}
.home-blog .entry h2 a:hover,.home-blog .entry h3 a:hover{
color: var(--principal);
text-decoration: none;
font-weight: 600;
transition: 0.3s;
}
.home-blog .entry .excerpt{
font-size: 1rem;
}

.home-blog .entry .row-more{
align-self: end;
margin-top: 15px;
}
 
.wrow-more .more{ 
  border: 1px solid;
padding: 8px 10px;
border-radius: 10px;
font-size: .9rem;
}

.home-blog .entry .more{
color: var(--principal);
text-decoration: none;
text-align: right;
transition: 0.3s;
 

}
.home-blog .entry .more:hover{
color: var(--principal_oscuro);
text-decoration: none;
text-align: right;
transition: 0.3s;

}

.vmore{
border: none;
padding: 10px 20px !important;
border: 1px solid var(--principal);;
color: var(--principal);;
display: inline-table;
text-decoration: none;
font-size: 1rem;
font-weight: 400;
transition: 0.3s;
margin: 10px;
width: fit-content;
border-radius: 5px;

}
 .vmore:hover{
 color: var(--principal_oscuro);;
border: 1px solid var(--principal_oscuro);;
 

}

/*--------------------------------------------------------------
# Home Post
--------------------------------------------------------------*/
.home-post{
   background: url("../img/home-post.svg") no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
background-position: center center;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
 
.home-post .lastpost-img{
 width: 150px;
height: 150px;
background: aquamarine;
border-radius: 100px;
overflow: hidden;
display: grid;
justify-content: center;
}
.home-post .lastpost-img img{
width: auto; 
height: 150px;
 
}
.home-post h3{
text-align: center;
font-size: 1.3rem;
margin-bottom: 15px;
margin-top: 15px;
}
.home-post h3 a{
color: var(--texto);
text-decoration: none;
font-weight: 600;
transition: 0.3s;
}
.home-post h3 a:hover{
color: var(--gorvet);
text-decoration: none;
font-weight: 600;
transition: 0.3s;
}
.home-post .excerpt{
font-size: 1rem;
}

.home-post .more{
color: var(--gorvet);
text-decoration: none;
text-align: right;
transition: 0.3s;
}
.home-post .more:hover{
color: var(--gorvet_oscuro);
text-decoration: underline;
transition: 0.3s;
}
.more-all{
  display: grid;
  justify-content: end
}
.more-all a{
color: var(--principal);
text-decoration: none;
text-align: right;
transition: 0.3s;
font-weight: bold;
}
.more-all a:hover{
color: var(--gorvet_oscuro);
text-decoration: underline;
transition: 0.3s;
}
/*--------------------------------------------------------------
# producto
--------------------------------------------------------------*/
#product .section-title h3{
  font-size: 2.5rem;
  font-weight: bold;
  text-align: left;

 }
 #product .section-title {
padding-bottom: 15px;
  
 }
#product .more{
 text-align: left;
 margin-top: 40px;
 margin-bottom:20px;
 }



 #product .more a{
 padding: 15px 25px;
 background: var(--gorvet);
 border-radius: 100px;
 color:#fff;
 text-decoration: none;
 font-size: 1rem;
 transition: all 0.3s ease-in-out;
 }
  #product .more a:hover{
 background: var(--gorvet_oscuro)!important;

 }

/*--------------------------------------------------------------
# CTAs
--------------------------------------------------------------*/
.cta-contacto .section-title  {
padding-bottom: 0;
}

.cta-contacto .section-title h2, .cta-contacto .section-title h1 {
padding: 0;
display: block;
font-size: 2.5rem;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
.cta-contacto .section-title p {
margin: 10px;
    padding: 0;
    line-height: 24px;
font-weight: bold;
font-size: 1.5rem;
text-align: center;
}
.cta-contacto .cta-btn {
 border: none;
padding: 10px 20px !important;
background: var(--gorvet);
color: #fff;
display: inline-table;
text-decoration: none;
font-size: 1rem;
font-weight: 400;
transition: 0.3s;
margin: 10px;
border-radius: 100px;
}

 
.cta-contacto .cta-btn:hover {
background: var(--gorvet_oscuro)!important;

}
@media (max-width: 576px) {


.cta-contacto .section-title h2 {font-size: 2rem}
.cta-contacto .section-title p { font-size: 1.3rem}
  
}

.cta-contacto    {
    background: url("../img/cta-contact.svg") no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}



.cta-home .section-title  {
padding-bottom: 10px;
}

.cta-home .section-title h2, .cta-home .section-title h1 {
padding: 0;
display: block;
font-size: 6rem;
font-weight: normal;
text-transform: none;
text-align: center;
line-height: 0.7;
}

@media (max-width: 768px) {
.cta-home .section-title h2, .cta-home .section-title h1 {
 
font-size: 4rem;
 

}
 }
.cta-home .cta-btn {
 border: none;
padding: 10px 20px !important;
background: var(--principal);
color: #fff!important;;
display: inline-table;
text-decoration: none;
font-size: 1rem;
font-weight: 400;
transition: 0.3s;
margin: 10px;
border-radius: 5px;
text-decoration: none!important;
}

 
.cta-home .cta-btn:hover {
background: var(--principal_oscuro)!important;
text-decoration: none!important;
}
@media (max-width: 576px) {


.cta-home.section-title h2 {font-size: 2rem}
.cta-home .section-title p { font-size: 1.3rem}
  
}

.cta-home    {
    background: url("../img/cta-contact.svg") no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}



.cta-blog {
 

background-image:   linear-gradient(45deg, rgba(28, 87, 132,.6) 0%, rgba(28, 87, 132,.6) 100%),url("../img/cta.jpg");;
background-color: var(--principal);
background-position: center center;
background-size: cover;
 
 
}
.cta-blog h2 {
font-weight: normal !important;
text-transform: uppercase;
color: #fff;
font-size: 2.5rem;
}
@media (max-width: 576px) {
.cta-blog h2 {
font-size: 1.5rem;
font-size: 1.5rem;
text-align: center;
}
  
}

.cta-blog iframe html body #__nuxt{
background-color: none!important;
border: none!important;
border-radius: 0px!important;
max-width: 100%!important;
 background: red;
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: var(--principal);
  width: 40px;
  height: 40px;
  border-radius: 50px;
  transition: all 0.4s;
  text-decoration: none;
}

.back-to-top i {
  font-size: 1rem;
  color: #fff;
  line-height: 0;
  position: absolute;
top: 50%;
left: 50%;
  transform:  translate(-50%);
}

.back-to-top:hover {
  background: var(--principal_oscuro);
  color: #fff;
  text-decoration: none;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

 
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
 
#footer {
  background: var(--footer);
  color: var(--texto);
  font-size: .80rem;

}
 
#footer .footer-top {
 background: var(--footer);
 padding: 25px 0 0px 0;
}
#footer .logo {

padding-bottom: 10px;
}


#footer .footer-top p{
color: var(--gris);
}




#footer .footer-top h4 {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--texto);
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 0px;
}
#footer .footer-top .footer-widget {
  margin-bottom: 15px;
}
#footer .footer-top .footer-links .link {
  line-height: 1;
  padding: 0;
  margin: 0;
  color: var(--principal_claro);
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
}
#footer .footer-top .footer-links .link:hover {
  color:var(--gorvet);
  text-decoration: underline;
  transition: 0.3s;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: var(--principal);
  line-height: 1;
}
#footer .footer-top .footer-links ul li {
  padding: 8px 0;
  display: flex;
  align-items: center;
  line-height: 1;
}
#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}
#footer .footer-top .footer-links ul a {
  color: var(--principal);
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
}
#footer .footer-top .footer-links ul a:hover {
  color:var(--principal_oscuro);
 
  transition: 0.3s;
}
#footer .footer-top .footer-links .social-links  {
margin-top: 0!important;
}

#footer .footer-top .footer-widget .logo {
 width: 70%;
}

#footer .footer-top .footer-links .contact .gicon {
  padding-right: .6rem;
  color: var(--principal);
  font-size: 1.3rem;
 
}
#footer .footer-top .footer-links .contact span {
  line-height: 1.5;
}
#footer .footer-top .footer-links .contact p {
margin-bottom: 0;
}
#footer .footer-top .footer-links .contact a {
line-height: 1.5;
}

#footer .footer-top .social-links a {
  font-size: 1.3rem;
  display: inline-block;
  color: var(--texto);
  line-height: 1;
  padding: 0px 0;
 
  text-align: center;
  transition: 0.3s;
  text-decoration: none;
}
#footer .footer-top .social-links a +a{
margin-left: 15px;
}

#footer .footer-top .social-links a:hover {
  color: var(--principal);
  transition: 0.3s;
}
#footer .copyright {
  text-align: center;
  padding-top: 0px;
  padding-bottom: 10px;
  color: var(--gris);
  font-size: .7rem;

}


#footer .footer-top .menu { 
margin: 0;
padding: 0;
list-style: none;
}
#footer .footer-top .menu .menu-item { 
position: relative;
white-space: nowrap;
 
padding: 10px 0px;
margin: 0px 5px;
display: inline;
}

#footer .footer-top .menu  .active a{ 
color: var(--principal);
} 
#footer .footer-top .menu .search { 
display: none!important;
}


#footer .copyright .container {
 padding-top: 10px;
 border-top: 1px solid var(--footer_border);
}

#footer .copyright a{
  color: var(--texto);
  text-decoration: none;
  font-weight: normal;
  transition: 0.3s;

}

#footer .copyright a:hover{
  color: var(--principal_oscuro);
    
   transition: 0.3s;
}


/*404 page pasar al main*/

.page-404 {
    
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    
}
 
    
 .justify-items-center {justify-items: center;}
 }
    
 
.page-404 h2 {
    
  font-size: 2.5rem;
    
}
@media (max-width: 414px) {
  .page-404 h2 {
  font-size: 1.8rem;  
}
.page-404 span {
  font-size: 1rem; 
}

}

.page-404 span {
  font-size: 1.2rem;
font-weight: bold;
  
}

.page-404 .tohome {
 padding: 8px;
 margin-top: 10px;
 border: 1px solid;
text-decoration: none;
display: inline-block;
border-radius: 5px;
 
  
}
.page-404 .tohome:hover {
 
 
 
  
}

.fondo-404{ } 

 
/*temporal*/
  .page-item {
  min-height: 100px;
  position: relative;
  margin: 0 0 30px 0;
}

 .page-item .thumbnail {
  
}

  .page-item img {
  border-radius: 5px;
  width: 100%;
}

  .page-item .page-info {
    margin-top: 1rem;
 /* background: var(--principal_fondo);
  width: 85%;
  bottom: 0;
  position: absolute;
  transition: all .3s linear;
  text-align: left;
  left: 0;
  right: 0;
  border-radius: 5px;*/
}

  .page-item .page-info h3 {
  font-size: 1.2rem;
  color: var(--texto);
 
}
  .page-item .page-info .more a {
 
  text-align: right;
  text-decoration: none;
  display: block;
  font-size: 16px;
  color: var(--gorvet);
}
  .page-item .page-info .more a:hover {
  color: var(--gorvet_oscuro);
  text-decoration: underline;
}

 .sidebar-alt-title{ font-size: 1.8rem!important;
font-weight: bold!important; text-align: center;margin-bottom: 0;}

.htips{
  font-size: 1.2rem;
  font-weight: bold;}

.sidebar-alt .sidebar-item {
  margin-bottom: -30px!important;
}




.btn-close:focus {
  outline: 0;
  box-shadow: none;
  opacity: 1;
}





 /*hero*/
 .vh90{height: 25vh;}
  .home  .vh90{height: 35vh;}

@media (min-width: 578px) {
  .vh90{height: 45vh;}
   .home  .vh90{height: 55vh;}
}
@media (min-width: 1200px) {
  .vh90{height: 55vh;}
  .home  .vh90{height: 65vh;}
}

.section_hero{overflow: hidden;padding-top: 0px !important; }
.featured-hero {
position: relative;
/* max-height: 400px;*/
}


.featured-hero .entry-container .entry-description-container{
    top: 45%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    /*margin-left: 5%;
    margin-right: 5%;*/
    width: 100%;
    text-align: center;

   
    
}
.featured-hero .entry-description-container .entry-description{
    /*background-color: #555555;
    background-color: rgba(0, 0, 0, 0.3);*/
    padding: 1rem 1.5rem;
}
.featured-hero  .entry-img {
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
    
}




.featured-hero .slider-title-head {
    display: inline-block;
    left: 0;
    
}

.featured-hero .entry-title {
padding: 0;
color: #FFFFFF;
display: block;
font-size: 2.5rem;
font-weight: normal;
 
text-align: center;
}

.home  .featured-hero .entry-title{
text-align: left;text-transform: none;
}
.home .entry-title .t-lindo{
    font-family: 'tlindo' ;
  color:#fff;
  text-transform: none;
 font-size: 8rem;
 line-height: .5;
 margin-left: -25px;
}

.featured-hero .entry-title a {
   text-decoration: none;
    color: #FFFFFF !important;
}

.featured-hero .entry-content p {
    margin: 10px;
    padding: 0;
    line-height: 24px;
font-weight: normal;
 color: #FFFFFF;
font-size: 1.3rem;
text-align: center!important;
text-transform: uppercase;
}



.featured-hero .slider-read-more-button {
 border: none;
padding: 10px 20px !important;
background: var(--gorvet);
color: #fff;
display: inline-table;
text-decoration: none;
font-size: 1rem;
font-weight: 400;
transition: 0.3s;
margin: 10px;
border-radius: 100px;
}

 
.featured-hero .slider-read-more-button:hover {
background: var(--gorvet_oscuro)!important;

}


.featured-hero .slider .owl-dots {
  position: absolute;
  bottom: -0px;
  width: 100%;
  text-align: center;
}

.featured-hero .slider .owl-dots .owl-dot {
  display: inline-block;
}

.featured-hero .slider .owl-dots .owl-dot > span {
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: #cbd3da;
  border-radius: 50%;
  margin: 5px;
}

.featured-hero .slider .owl-dots .owl-dot.active {
  outline: none;
}

.featured-hero .slider .owl-dots .owl-dot.active > span {
  background:  #274685;
}



@media (max-width: 768px) {

  .featured-hero .entry-container .entry-description-container{
    width: 96%;
    margin-left: 2%;
   
   
    
}
}
@media (max-width: 576px) {

/*  .featured-slider .slider-read-more-button { display: none;}*/
  .featured-hero .entry-title {font-size: 1.5rem}
  .featured-hero .entry-title .t-lindo {font-size: 6rem}
 .featured-hero .entry-content p { font-size: 1rem}
  
}


@media (max-width: 414px) {

  /*.featured-slider .slider-read-more-button { display: none;}
  .featured-slider .entry-content p { display: none;}*/
   .featured-hero .entry-container .entry-description-container{
    width: 100%;
    margin-left: 0%;
    padding: 0px;
   
  
   
}
  
}


 
 .hero_shape  {
     background:url("../img/hero_shape.svg") no-repeat;
     background-position: bottom center;
      -webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
 width: 100%;
 height: 100px;
   margin-top: -99px; 
   position: absolute;z-index: 99;
    }


.home .hero_shape  {
     background:url("../img/home_shape.svg") no-repeat;
     background-position: bottom center;
      -webkit-background-size:contain;
-moz-background-size:contain;
-o-background-size:contain;
background-size:contain;
 width: 100%;
 height: 50px;
   margin-top: -49px; 
   position: absolute;z-index: 99;
   
    }
.home {position: relative;}





 /*--------------------------------------------------------------
# utilidades
--------------------------------------------------------------*/
 .line-15 {line-height: 1.5rem;}
 .line-20 {line-height: 2rem;}
 .line-10 {line-height: 1rem;}
 .line-0 {line-height: 0rem;}

 .jumbo{
line-height: 1.5;
padding: 20px;
border: 1px solid var(--principal_claro);
border-radius: 5px;
 
margin-bottom: 20px;
 ;}

.jumbo-bgn{  background: var(--footer);}
 
  @media (min-width: 992px) {
.jumbo-50 {
   flex: 0 0 auto;
  width: calc(50% - 20px);margin: auto;}

  }
  .jumbo .has-text-align-center{text-align: center!important;}

.jumbo_img img {border-radius: 5px;} 

 .border-b{border-bottom: 1px solid var(--footer_border);}

 .border-t{border-top: 1px solid var(--footer_border);}

 b, strong {
  font-weight: 700;
}

.bg-cpf{background: var(--principal_fondo)!important;}
.border-cpf {border: 2px solid var(--principal_fondo)!important;}
  .color-gris  {
color: var(--gris);
}
  .color-texto  {
color: var(--texto);
}
 .color-p  {
color: var(--principal);
}
 /*compatibilidad con el editor de wp*/
 .aligncenter {
  clear: both;
}
svg, img, embed, object {
  display: block;
  height: auto;
  max-width: 100%;
}
.alignnone, .aligncenter, .alignleft, .alignright, .alignwide {
  margin-top: 2rem;
  margin-right: auto;
  margin-bottom: 2rem;
  margin-left: auto;
}

.alignleft {
  float: left;
  margin: 0.3rem 2rem 2rem 0rem;
}

.alignright {
   float: right;
 margin: 0.3rem 0rem 2rem 2rem;
}

figcaption, .wp-caption-text {
  color: var(--gris);
  display: block;
  font-size: .9rem;
  font-weight: normal;
 
  margin-top: 1rem;
}

.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: 100%;
 
}
*, ::before, ::after {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  word-break: break-word;
  word-wrap: break-word;
}


code, kbd, pre, samp {
 
  padding: 0.2rem ;
}
tt{font-weight: 600;}
em, i, q, dfn {
  font-style: italic;
}
pre {
  border: 0.1rem solid #dcd7ca;
     
  line-height: 1.5;
  margin: 2rem 0;
   
  overflow: auto;
  padding: 1rem ;
  text-align: left;

  font-size: 0.875em;
color: var(--bs-code-color);
word-wrap: break-word;
}



 ol {
  list-style: decimal;
}
ol ol {
  list-style: lower-alpha;
}

table {
  font-size: 1rem;
  color: var(--texto);
  border: 1px solid var(--gris);
    
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
 
  margin: 2rem 0;
   
  max-width: 100%;
  overflow: hidden;
  width: 100%;
}
th, td {
   border: 1px solid var(--gris);
  line-height: 1.4;
  margin: 0;
  overflow: visible;
  padding: 0.5rem;
}
.table-borderless > :not(caption) > * > * {
 border:  1px solid #fff;
}
.table-borderless {
 border:  none!important;
}

.table-head{ background: var(--principal_claro);
color:  #fff; font-weight:400; font-size:.9rem; }


.table-head th{  border: 1px solid  var(--principal_claro); }
.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  --bs-table-accent-bg: var(--principal_fondo);
  border: 1px solid var(--principal_fondo) !important;
 
}
 

 
.table > tbody > tr sub{
font-size: .75rem;
padding-top: 10px;
margin-bottom: 10px;
display:  block;
color: var(--gris);
font-weight: normal;
}
.table-striped > tbody > tr a{
text-decoration: none!important;
}
.table-striped > tbody > tr strong{
font-weight: 600;
}


@media   (max-width: 990px) {
  table {width:100%;}
  thead {display: none;}
  tr td:first-child {background: var(--principal_claro); font-weight: 600; color: #fff;}
  .table-striped tr td:first-child {background: var(--principal_claro); font-weight: 600; color: #fff;}
  tbody td {display: block;  text-align:center!important;}

  tbody td:nth-child(2){ border-bottom: 1px solid var(--footer_border)!important;}

  
 
  tbody tr:last-child td{ border-bottom: 1px solid var(--footer_border)!important;}

  tbody td:before { 
      content: attr(data-th); 
      display: inline-block;
      margin-right:10px;
      text-align:center; display: none; 
    }

.table-striped > tbody > tr:nth-of-type(2n+1) > * {
   --bs-table-accent-bg: transparent;
    border: 0px solid var(--principal_fondo) !important;
   
}
 
  .table-striped > tbody td:nth-child(2){ border-bottom: 1px solid var(--footer_border)!important;}
 
 


}




.no-comments{
  font-weight: bold;
}

 


.post-password-form   {
  display: grid;
  justify-items: center;
}
.post-password-form label  {
 min-width: 300px;
}

.post-password-form input[name="post_password"]:focus{
  border-color: var(--principal);
outline: 0;
}
.post-password-form input[name="post_password"] {
   
 margin-bottom: 10px;
  max-width: 100%;
  
   



display: block;
width: 100%;
 
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.375rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

border-radius: 4px;
padding: 10px 10px;
}

.post-password-form input[name="Submit"]:hover {
 
  background-color: var(--principal_oscuro);
}

.post-password-form input[name="Submit"] {
  margin-left: auto;
margin-right: auto;
display: block;
  cursor: pointer;
  padding: 10px 20px;
  border: 0;
  background-color: var(--principal);
  border-radius: 5px;
  color: #fff;
  font-size: 1rem!important;

 
  
   text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

 .wp-audio-shortcode{max-width: 400px;}
 .gallery-item{
 display: inline-block;
text-align: left;
vertical-align: top;
margin: 0 0 1.5em;
padding: 0 1em 0 0;
width: 50%;;
}

 
.gallery-caption {
  display: block;
  text-align: left;
  padding: 0 10px 0 0;
  margin-bottom: 0;
}


 



/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team {
 
}
.cta {
  font-size: 1rem !important;
padding: 10px 20px;
border: 0;
background-color: var(--principal);
border-radius: 5px;
 color: #fff!important;
 text-decoration: none!important;
}
.cta:hover {

background-color: var(--principal_oscuro);

}
.nteam-bg {
 background: var(--footer);
padding: 0;
    padding-top: 0px;
margin: 0;
}
  .member a{
text-decoration: none!important;
}
  .member p{
text-align: justify;
}
.team .member {
border-bottom: 1px solid var(--footer_border);
}
.team .member .member-img {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
   border-radius: 5px;
 
 box-shadow: 0 0 3px 0 rgba(0,0,0,.15);
 
display: flex;
align-items: center;
justify-content: center;
  margin: 3px;
}
.team .member .member-img img{
 width: 100%;
}
.team .member .social {
  
  transition: bottom ease-in-out 0.3s;
  text-align: left;
 
 
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
 .team .member .social {
  bottom: 0px;
  opacity: 1;
}
  }

.team .member .social a {
  transition: color 0.3s;
  color: var(--gris);;
  margin: 10px 15px 5px 0px;
 
  display: inline-block;
  text-decoration: none;

}
.team .member .social a:hover {
  color: var(--principal_claro);
}
.team .member .social i {
  font-size: 18px;
  margin: 0 2px;
}
.team .member .member-info {
width: 100%;
}
.team .member .member-info h3 {
color: var(--texto);
text-decoration: none;
font-weight: 600;
transition: 0.3s;
 
font-size: 1.2rem ;
margin-bottom: 0px;
 
}
.team .member .member-info span {
 display: block;
  font-size: .8rem;
color: var(--gris);
   font-weight: normal;
  margin-bottom: 0px;
 
 }
 .team .member .member-info span a {
 display: block;
  font-size: .8rem;
color: var(--principal);
   font-weight: normal;
  margin-bottom: 0px;
  text-decoration: none;
  margin-top: 5px;
 
 }
 .team .member .member-info span a:hover {
 
color: var(--principal_oscuro);
 
 
 }
.team .member .member-info p {
  font-size:1rem
  line-height: 24px;
  color: var(--texto );
  font-size: normal;
}
.team .member:hover .social {
  bottom: 0;
  opacity: 1;
  transition: bottom ease-in-out 0.3s;

}
.team .member:hover .social a, .team .member:hover .social i {
  

}


.team2  {
  background: url("../../../assets/img/team2.svg") no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
background-position: top  center;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
width: 100%;
height: 100px;
}
.team1  {
  background: url("../../../assets/img/team.svg") no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
background-position: bottom center;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
width: 100%;
height: 100px;
}



 

@media (max-width: 410px) {
  .team2,.team1  {height: 50px;}
 

}

/*-----------------------------------------------------------------------------------*/
/*  About
/*-----------------------------------------------------------------------------------*/

 
 .about {
  width: 100%;
  height: auto;
 }
.about .bwus{
 text-align: center;
 margin-top: 40px;

 }
 .about .bwus a{
 padding: 15px 25px;
 background: var(--principal);
 border-radius: 100px;
 color:#fff;
 text-decoration: none;
 font-size: 1rem;
 transition: all 0.3s ease-in-out;
 }
.about .bwus a:hover{
 background: var(--principal_oscuro)!important;

 }
 
.about .video-box {
  position: relative;
}
 
.about .video-box img {
 
 
 
  border-radius: 5px;
  transform: translatex(-50%) translatey(-50%)!important;
  
   left:50%;top: 50%; 
   position: relative;
}

 
.about .play-btn {
  width: 94px;
  height: 94px;
  background: radial-gradient(var(--principal) 50%,  rgba(217, 242, 237, 0.4) 52%) !important;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: calc(50% - 47px);
  top: calc(50% - 47px);
  overflow: hidden;
}
.about .play-btn::after {
  content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-40%) translateY(-50%);
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #fff;
z-index: 100;
transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 

.about .play-btn::before {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s;
  animation: pulsate-btn 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid var(--principal);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}
 
.about .play-btn:hover::after {
  border-left: 15px solid var(--principal);
  transform: scale(20);
}
.about .play-btn:hover::before {
  content: " ";
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-40%) translateY(-50%);
width: 0;
height: 0;
border: none;
    border-top-color: #fff;
    border-top-style: none;
    border-top-width: medium;
    border-bottom-color: #fff;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-left-color: #fff;
    border-left-style: none;
    border-left-width: medium;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #fff;
z-index: 200;
-webkit-animation: none;
animation: none;
border-radius: 0;
}
 

@-webkit-keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

@keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}


@media (max-width: 414px) {
  #aboutfull .div-img-bg {
 margin-bottom: 30px;
}
   
    }
.row-more {
  align-self: end;
}
 .row-more .more {
 font-size: 1rem;
  text-decoration: none;
  text-align: right;
  transition: 0.3s;
 
  width: auto;
  margin-left: auto;
  text-decoration: none;
}


#related h2, #popular h2, #homeblog h2 {font-size: 1.5rem;}


.about .the_content > * { padding-left: 0!important; padding-right:0!important ; }


/*--------------------------------------------------------------
# Boton de soporte
--------------------------------------------------------------*/
.support_button {
  position: fixed;
  bottom: 5rem;
  right: 3rem;
  z-index: 999;
}
.sb-checkbox {
  display: none;
}
.sb {
  position: fixed;
  bottom: 15px;
  right: 15px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0 5px 26px 0 rgba(68, 88, 144, 0.14); 
  transition: all 0.3s ease;
  z-index: 99;
  border-bottom-right-radius: 6px;
 background: var(--principal);
background: -moz-linear-gradient(45deg, var(--principal) 0%, var(--principal_claro) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, var(--principal)0%,var(--principal_claro) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, var(--principal) 0%,var(--principal_claro) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
text-decoration: none;
color: var(--Texto);
font-weight: bold; 

}

.sb:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
 
}
.sb-checkbox:checked ~ .sb:before {
  width: 90%;
  height: 90%;
  left: 5%;
  top: 5%;
  background-color: rgba(255, 255, 255, 0.2);
}
.sb:hover {
 cursor: pointer;
  background-color: rgba(255, 255, 255, 0.2);
}

.gicon-soporte {
  position: absolute;
  font-size: 2.3rem;
  color: #fff;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(0deg);
 
}
 
.sb-wheel {
  position: absolute;
  bottom: -25px;
  right: 15px;
  
  width: 5rem;
  height: 5rem;
  transition: all 0.3s ease;
  transform-origin: bottom right;
  transform: scale(0);
}

.sb-checkbox:checked ~ .sb-wheel {
  transform: scale(1);
}
.sb-action {
  position: absolute;
  background: var(--principal);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-shadow: 0 5px 26px 0 rgba(68, 88, 144, 0.14);
  transition: all 1s ease;
  opacity: 0;
}

.sb-checkbox:checked ~ .sb-wheel .sb-action {
  opacity: 1;
  transition: all .5s ease;
  cursor: pointer;
}

.sb-action:hover {
  background-color: var(--principal_oscuro);
  color: #fff;
}

.sb-wheel .sb-action-1 {
  right: -35px;
  top: 0;
}

.sb-wheel .sb-action-2 {
  left: 22px;
  top: 16px;
}
.sb-wheel .sb-action-3 {
  right: -35px;
  bottom: 60px;
}
.sb-wheel .sb-action-4 {
  left: 0;
  bottom: -35px;
}

.read-link{border: 1px solid;
padding: 8px 10px;
border-radius: 10px;
font-size: .9rem;
text-decoration: none!important;
min-width: 110px;
display: inline-block;
line-height: 1.5;
text-align: center;}

/*--------------------------------------------------------------
# Cliens
--------------------------------------------------------------*/
.cliens {
 
  text-align: center;

}
#footer .cliens .row{ padding: 25px 0;
    border-bottom: 1px solid var(--footer_border);
  border-top: 1px solid var(--footer_border);
}

.cliens img {
  max-height: 100px;
  transition: all 0.4s ease-in-out;
  display: inline-block;
  width: auto;
  -webkit-filter: grayscale(100);
  filter: grayscale(100);
}

.cliens img:hover {
  -webkit-filter: none;
  filter: none;
  transform: scale(1.1);
}

@media (max-width: 768px) {
  .cliens img {
    max-width: 40%;
  }
}


/*Review*/
#review .testimonial-item{background: #fff; height: 100%; min-height: 350px;}
.owl-carousel.owl-drag .owl-item {
 
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.owl-carousel {
  padding: 0;
}

#review .owl-nav, #review .owl-dots {
  margin-top: 5px;
  text-align: center;
}
 
#review .owl-dot {
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, .4) !important;
}

#review .owl-dot.active {
  background-color: var(--principal) !important;
}

#review .gicon-star {
color: #F7A303;
padding: 5px;
}
#review .owl-carousel .owl-stage-outer {
 
  padding: 10px 0;
}
 #review .entry {
  margin-bottom: 0px!important;
}
#review .testimonial-item { }
#review .t-lindo {
font-size: 50px;
font-weight: normal;
text-align: center;
margin: 0;
 
line-height: 1  ;
}
 #review .testimonials-carousel .owl-item { 
  height: 100%;
 
 }

  

  #review .rowazul{
  background: var(--principal);
  height: 45%;
  position: absolute;
top: 50%;
  transform:   translateY(-30%) ;
left: 0;
right: 0;

 }
 #review p{
 color: var(--gris);
 font-size: .8rem;
 }

 

.home-blog .fotos-carousel .fotos-item {
  padding: 0;
  margin-bottom: 0;
 box-shadow: none;
overflow: hidden;
min-height: 200px;
position: relative;
max-height: 200px;
display: grid;
justify-content: center; 
align-content: center;
 
 }

 .home-blog .fotos-carousel .fotos-item img{
 box-shadow: 0 0 10px 0 rgba(0,0,0,.15);border-radius: 5px;
 
 }


  .owl-nav,   .owl-dots {
  margin-top: 15px;
  text-align: center;
}

  .owl-dot.active {
  background-color: var(--principal) !important;
}
  .owl-dot {
  width: 30px;
  height: 5px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, .4) !important;
}
 

 /*areas*/


 .area .area-item {
  background: #1e4356;
  overflow: hidden;
  min-height: 250px;
  position: relative;
  border-radius: 4px;
  
  position: relative;
  transition: all .5s ease;

}

 .area .area-item .bgn{
position: absolute;
 
background-image: url("http://localhost/mario/wp-content/themes/realtor/assets/img/destacada_media.png");
background-position: center center;
background-size: cover;
border-radius: 4px;
left: 0;
right: 0;
top: 0;
border: ;
bottom: 0;
   transition: all .5s ease;
}
 .area .area-item:hover .bgn{ 
 
right: -10px;
left: -10%;
top: -10%;
bottom: -10px;
 
 transition: all .5s ease;
}


 .area .area-item .bgn::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0,0,0,.4);
  left: 0;
  top: 0;
  z-index: 1;transition: all 10s;}



  .home .area .area-item .bgn::before {
     background: rgba(0,0,0,.1);
  }
 .home   .area .area-item:hover .bgn{ 
 
right: 0px;
left: 0%;
top: 0%;
bottom: 0px;
 
 transition: all .5s ease;
}
 
 

  .area .area-item .area-info {
 padding: 15px;
  position: absolute;
  transition: all .3s linear;
  text-align: left;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 1.5;
  z-index: 9;

}

 .home   .area .area-item .area-info {
 padding: 15px;
  position: absolute;
  
  text-align: center;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 1.5;
  z-index: 9;
  height: 100%;
  display: grid;
  align-content: center;
justify-content: center;
}

 .area .area-info .info-icon{
color: #fff;
 font-size: 3rem;
}
 .area .area-info .title{
color: #fff;
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 10px;
text-transform: none;
margin: 0;
}

 .home .area .area-info .title{
color: #fff;
font-size: 1.2rem;
font-weight: 500;
padding: 10px 20px;
text-transform: none;
margin: 0;
background: rgba(10, 174, 207,.8);
width: fit-content;
border-radius: 5px;
  transition: all .3s ease;
  opacity: 1;
transform: scale(1.0);
}
 .home .area .area-item:hover .title{
  transition: all .3s ease;
  opacity: 0;
  transform: scale(.5);
}

 .home .area   .description{
color: #fff;
background: rgba(10, 174, 207,.8);
position: absolute;
padding: 20px;
left: 0;
right: 0;
bottom: -50%;
opacity: 0;
 transition: all .5s ease;
}
 .home .area .area-item:hover  .description{
  transition: all .5s ease;
opacity: 1;
bottom: 0;
}

 .home .estilos .gt_warea a{
position: unset;
}


.video .is-provider-youtube iframe {width: 100%; min-height: 200px;}
.video .is-provider-youtube  {margin-bottom: .5rem;}
.video  .title{
 text-align: left;
font-size: 1rem;
font-weight: 700;
margin-bottom: 10px;
text-transform: none;
margin: 0;
}
#about .video  .title{
 text-align: center;
}


 .btn-cta {
 
  padding: 10px 20px;
  border: 0;
  background-color: var(--principal);
  border-radius: 5px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  min-width: 150px;
}
 .btn-cta:hover {
 
  background-color: var(--principal_oscuro);
 
}
.btn-cta .wp-block-button__link {
   font-size: 1rem !important;
  padding: 0;
  background: none;
  color: #fff!important;
  text-decoration: none!important;
}



/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq .faq-list {
 
}

 
 

.faq .faq-list .item {
 
  box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
border-radius: 5px;
  position: relative;
 
}
.faq .faq-list .item:hover {

 box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
}



.faq .faq-list a {
  
  padding: 15px;

  line-height: 1.5;
  font-weight: 500;
  
position: relative;
display: flex;
align-items: center;
width: 100%;
 
font-size: 1rem;
 
text-align: left;
 
overflow-anchor: none;
transition: .3s;

}

.faq .faq-list .item a{
  background: #fff;
}

.faq .faq-list .item a:not(.collapsed){
  background: var(--principal_fondo);
}
.faq .faq-list .icon-help {
  font-size: 30px;
 margin-right: 15px;
   
}
.faq .faq-list   span {
width: calc(100% - 80px);
   
}

.faq .faq-list .icon-show, .faq .faq-list .icon-close {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 20px;
}

.faq .faq-list p {
  margin-bottom: 0;
padding: 20px;
padding-top: 10px;
}

.faq .faq-list .icon-show {
  display: none;
}

.faq .faq-list a.collapsed {
  
}
.faq .faq-list a.collapse  {
  
}

.faq .faq-list a.collapsed:hover {
  
}

.faq .faq-list a.collapsed .icon-show {
  display: inline-block;
}

.faq .faq-list a.collapsed .icon-close {
  display: none;
}

@media (max-width: 1200px) {
  .faq .faq-list {
    padding: 0;
  }



}

  .faq .faq-list .entry .entry-content a {
  padding: 0;
  line-height: 1.5;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 1rem;
  text-align: left;
  overflow-anchor: none;
  transition: .3s;
text-decoration: none;}

  .faq .faq-list .entry .entry-content a:not(.collapsed) {
  background: none;
}

.faq .faq-list .entry .entry-content p {
  margin-bottom: 0;
  padding: 0px;
  padding-top: 10px;
}

.faq .faq-list .entry  .item {
  box-shadow: none;
  border-radius: 0px;
 border-top: 1px solid var(--footer_border);
 margin-top: 20px;
}

.faq .faq-list .entry  .icon-show, .faq .faq-list .entry  .icon-close {
  font-size: 2rem;
  position: absolute;
  right: 0;
  top: 0;
  padding: 1px;
  font-style: normal;
}

.home-blog.faq-list .entry {
display: block!important;
}

.estilos .home-blog .entry h3{
 
}

.faq-list .textwidget {margin-top: 1.5rem !important; margin-bottom: 1rem !important;}


.fcliens .owl-carousel.owl-drag .owl-item {
height: 100%;
justify-content: center;
align-content: center;
display: grid;
}
.home-blog .fotos-carousel .fotos-item {
  padding: 0;
  margin-bottom: 0;
  box-shadow: none;
  overflow: visible;
  min-height: 200px;
  position: relative;
  max-height: 100%;
 
  display: grid;
  justify-content: center;
  align-content: center;
}


.home .faq-list .area-item .description {
 display: none!important;
}
.home .faq-list  .area-item:hover .title {
  
  opacity: 1!important;;
  transform: scale(1)!important;;
}

.home .faq-list  .area-item:hover   {
box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
}