/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Valtech
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

.ink-card{
  position: relative;
  width: 100%;
  aspect-ratio: 3/4;          
  border-radius: 14px;
  overflow: hidden;
  cursor: pointer;
}


.ink-card > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .45s ease;
}


.ink-card .ink-overlay{
  position: absolute;
  inset: 0;
  background: rgba(238, 238, 238, 0.92);  
  color: #1f1f1f;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 28px;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .28s ease, transform .28s ease;
}

.ink-card .ink-overlay h3{
  margin: 0 0 6px;
  font-size: clamp(18px, 2.4vw, 26px);
  font-weight: 700;
}

.ink-card .ink-overlay ul{
  margin: 0;
  padding-left: 18px;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: 1.45;
  display: flex;
  flex-direction: column;
  gap: 10px;
}


.ink-card:hover > img{ transform: scale(1.06); }
.ink-card:hover .ink-overlay{ opacity: 1; transform: translateY(0); }

@media (hover: none) and (pointer: coarse){
  .ink-card .ink-overlay{ opacity: 1; transform: none; }
}





/* pestaña 1 Cobertura */

.elementor-29 .elementor-element.elementor-element-143e321 .eael-advance-tabs .eael-tabs-nav > ul li:hover {
    background-color: #fff !important;
    color: #720000;
}
.elementor-29 .elementor-element.elementor-element-143e321 .eael-advance-tabs .eael-tabs-content > div.eael-tab-content-item {
    background-color: #FFF;
    border-radius: 0px 0px 10px 10px !important;
}
.elementor-29 .elementor-element.elementor-element-143e321 .eael-tabs-content {
    border-radius: 0px 0px 10px 10px;
    margin-top: -10px;
}

/* pestaña 2 cobertura */

.elementor-29 .elementor-element.elementor-element-5480cf9 .eael-advance-tabs .eael-tabs-nav > ul li:hover {
    background-color: #fff !important;
    color: #B70100;
}

.elementor-29 .elementor-element.elementor-element-5480cf9 .eael-tabs-content {
    border-radius: 0px 0px 10px 10px;
    margin-top: -10px !important;
}

.elementor-29 .elementor-element.elementor-element-5480cf9 .eael-advance-tabs .eael-tabs-content > div.eael-tab-content-item {
    background-color: #FFFFFFFA;
    border-radius: 0px 0px 10px 10px !important;
}


/* pestaña 3 cobertura */


.elementor-29 .elementor-element.elementor-element-140de0a .eael-advance-tabs .eael-tabs-nav > ul li:hover {
    background-color: #fff !important;
    color: #EF5557;
}

.elementor-29 .elementor-element.elementor-element-140de0a .eael-advance-tabs .eael-tabs-content > div.eael-tab-content-item {
    background-color: #FFFFFFFA;
    border-radius: 0px 0px 10px 10px !important;
}

.elementor-29 .elementor-element.elementor-element-140de0a .eael-tabs-content {
    border-radius: 0px 0px 10px 10px;
    margin-top: -10px !important;
}



/* pestaña 4 cobertura */

.elementor-29 .elementor-element.elementor-element-d223f12 .eael-advance-tabs .eael-tabs-nav > ul li:hover {
    background-color: #fff !important;
    color: #EE2A32;
}

.elementor-29 .elementor-element.elementor-element-d223f12 .eael-advance-tabs .eael-tabs-content > div.eael-tab-content-item {
    background-color: #FFFFFFFA;
    border-radius: 0px 0px 10px 10px !important;
}

.elementor-29 .elementor-element.elementor-element-d223f12 .eael-tabs-content {
    border-radius: 0px 0px 10px 10px;
    margin-top: -10px !important;
}



/* pestaña 5 cobertura */

.elementor-29 .elementor-element.elementor-element-ef1ea45 .eael-advance-tabs .eael-tabs-nav > ul li:hover {
    background-color: #fff !important;
}


.elementor-29 .elementor-element.elementor-element-ef1ea45 .eael-advance-tabs .eael-tabs-content > div.eael-tab-content-item {
    background-color: #FFFFFFFA;
    border-radius: 0px 0px 10px 10px !important;
}

.elementor-29 .elementor-element.elementor-element-ef1ea45 .eael-tabs-content {
    border-radius: 0px 0px 10px 10px;
    margin-top: -10px !important;
}

/* pestaña 6 cobertura */
.elementor-29 .elementor-element.elementor-element-8c82036 .eael-advance-tabs .eael-tabs-nav > ul li:hover {
    background-color: #fff !important;
}

.elementor-29 .elementor-element.elementor-element-8c82036 .eael-advance-tabs .eael-tabs-content > div.eael-tab-content-item {
    background-color: #FFF;
    border-radius: 0px 0px 10px 10px !important;
}

.elementor-29 .elementor-element.elementor-element-8c82036 .eael-tabs-content {
    border-radius: 0px 0px 10px 10px;
    margin-top: -10px !important;
}


/* pestaña 7 cobertura */

.elementor-29 .elementor-element.elementor-element-936effe .eael-advance-tabs .eael-tabs-nav > ul li:hover {
    background-color: #fff !important;
}

.elementor-29 .elementor-element.elementor-element-936effe .eael-advance-tabs .eael-tabs-content > div.eael-tab-content-item {
    background-color: #fff !important;
    border-radius: 0px 0px 10px 10px !important;
}
.elementor-29 .elementor-element.elementor-element-936effe .eael-tabs-content {
    border-radius: 0px 0px 10px 10px;
    margin-top: -10px !important;
}


/* Estilos para las pestañas avanzadas */

.zona-tabs .eael-advance-tabs.eael-closed-by-group .eael-tabs-content {
  display: none !important;
}

.zona-tabs .eael-advance-tabs:not(.eael-closed-by-group) .eael-tabs-content {
  display: block;
}


html, body {
  overflow-x: hidden;
}
.elementor-menu-anchor#cobertura {
  scroll-margin-top: 70px;
}
.elementor-menu-anchor#contenedores {
  scroll-margin-top: 70px;
}
.elementor-menu-anchor#por-que-inko {
  scroll-margin-top: 70px;
}
.elementor-menu-anchor#faq {
  scroll-margin-top: 70px;
}



/* CSS para formulario de contacto home */
:root{
  --c-card-bg:#fff;
  --c-border:#e5e5e5;
  --c-text:#202020;
  --c-muted:#6d6d6d;
  --c-red:#eb3e32;     
  --c-red-h:#d53227;
}
 
.cotiza-card{
  background:var(--c-card-bg);
  border-radius:20px;
  box-shadow:0 16px 35px rgba(0,0,0,.12);
  max-width:550px;
  margin:0 auto;
  padding:20px 20px 0;
  font-family: "Calibri Light",Calibri;
}

h2.cotiza-card{
	font-family: "acumin-pro";
}
 
.cotiza-title{
  font-size:20px;
  font-family: "acumin-pro";
  font-weight:700;
  margin:0 0 20px 0;
  color:var(--c-text);
}
 
.cotiza-card br{display:none!important;}
.cotiza-card .wpcf7-form p{margin:0!important;}
 
.cf7-row{
  margin-bottom:14px;
}
 
.cf7-label{
  display:block;
  font-size:12px;
  font-weight:600;
  color:var(--c-text);
  margin-bottom:6px;
}
 
.cotiza-card input[type="text"],
.cotiza-card input[type="email"],
.cotiza-card input[type="tel"],
.cotiza-card select,
.cotiza-card textarea{
  width:100%;
  border:1px solid var(--c-border);
  border-radius:7px;
  background:#fff;
  font-size:12px;
  color:var(--c-text);
  transition:border .15s ease, box-shadow .15s ease;
  box-sizing:border-box;
}
 
.cotiza-card input[type="text"],
.cotiza-card input[type="email"],
.cotiza-card input[type="tel"],
.cotiza-card select{
  height:28px;
  line-height:24px;
  padding:0 12px;
}
 
.cotiza-card select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%23777777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:14px;
  padding-right:36px;
}
 
.cotiza-card textarea{
	height: 60px;
  min-height:30px;
  padding:8px 12px;
  resize:vertical;
}
 
.cotiza-card input::placeholder,
.cotiza-card textarea::placeholder{
  color:var(--c-muted);
  font-size:13px;
}
 
.cotiza-card input:focus,
.cotiza-card select:focus,
.cotiza-card textarea:focus{
  border-color:rgba(235,62,50,.85);
  box-shadow:0 0 0 3px rgba(235,62,50,.08);
  outline:none;
}
 
.cotiza-card .cf7-actions{
  margin-left:-26px;
  margin: 14px auto;
}
 
.cotiza-card .btn-rojo,
.cotiza-card input[type="submit"]{
  width:100%;
  background:var(--c-red);
  color:#fff;
  border:none;
  border-radius:8px 8px 8px 8px;
  padding:9px 18px;
  font-size:18px;
  font-weight:600;
  text-align:center;
  cursor:pointer;
  transition:background .15s ease;
}
 
.cotiza-card .btn-rojo:hover,
.cotiza-card input[type="submit"]:hover{
  background:var(--c-red-h);
}
 
.cotiza-card .wpcf7-not-valid-tip{
  color:#d53227;
  font-size:12px;
  margin-top:4px;
}
.cotiza-card .wpcf7-response-output{
  margin:14px 0 0 0;
  border:none;
  background:#f2f2f2;
  border-radius:10px;
  padding:10px 12px;
  font-size:13px;
}
 
.cotiza-card .wpcf7-not-valid{
  border-color:#d53227!important;
}
 
 
@media (max-width:600px){
  .cotiza-card{
    max-width:100%;
    border-radius:10px;
    box-shadow:none;
    padding:18px 16px 0;
  }
  .cotiza-card .cf7-actions{
    margin-left:-16px;
    margin-right:-16px;
  }
	.cotiza-card .cf7-actions{
  margin-left:-26px;
  margin: 14px auto;
}
 
.cotiza-card .btn-rojo,
.cotiza-card input[type="submit"]{
  width:100%;
  background:var(--c-red);
  color:#fff;
  border:none;
  border-radius:8px 8px 8px 8px;
  padding:9px 18px;
  font-size:14px;
  font-weight:600;
  text-align:center;
  cursor:pointer;
  transition:background .15s ease;
}
}
 
#cf7-full-loader{
  position:fixed;
  inset:0;
  background:rgba(255,255,255,.85);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:99999;
  opacity:0;
  pointer-events:none;
  transition:opacity .15s ease;
}
#cf7-full-loader.show{
  opacity:1;
  pointer-events:auto;
}
#cf7-full-loader .cf7-spinner{
  width:52px;
  height:52px;
  border:4px solid rgba(235,62,50,.2);
  border-top-color:rgba(235,62,50,1);
  border-radius:50%;
  animation:cf7spin 1s linear infinite;
}
@keyframes cf7spin{
  to{transform:rotate(360deg);}
}
 
 
#cf7-success-modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.34);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:100000;
  opacity:0;
  pointer-events:none;
  transition:opacity .15s ease;
}
#cf7-success-modal.show{
  opacity:1;
  pointer-events:auto;
}
#cf7-success-modal .cf7-success-box{
  background:#fff;
  border-radius:14px;
  max-width:380px;
  width:90%;
  padding:20px 20px 16px;
  text-align:center;
  box-shadow:0 12px 30px rgba(0,0,0,.15);
}
#cf7-success-modal h3{
  margin:0 0 6px;
  font-size:18px;
  font-weight:700;
  color:#202020;
}
#cf7-success-modal p{
  margin:0 0 14px;
  font-size:14px;
  color:#4b4b4b;
}
#cf7-success-ok{
  background:#eb3e32;
  border:none;
  color:#fff;
  font-weight:600;
  padding:8px 18px;
  border-radius:999px;
  cursor:pointer;
  font-size:14px;
}
#cf7-success-ok:hover{
  background:#d53227;
}
 
.cotiza-card .wpcf7-response-output{
  display:none!important;
}



/* Cards desplegables */
.inkogrid{
  --inkogap: 24px;
}

.inkogrid .elementor-container,
.inkogrid .elementor-row,
.inkogrid .e-con,
.inkogrid .e-con-inner{
  align-items: flex-start !important;  
  min-height: 0 !important;
}

.inkogrid .elementor-column,
.inkogrid .e-con{
  height: auto !important;
}

.inkogrid .elementor-widget-wrap{
  height: auto !important;
  align-content: flex-start !important;
}

.inkocard{
  position: relative;
}

.inkocard__morewrap{
  display: none;              
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0;
}

.inkocard.is-open .inkocard__morewrap{
  display: block;
  margin-top: 12px !important;
  opacity: 1;
}

.inkocard:not(.is-open) .inkocard__morewrap *{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.inkocard__toggle{
  display: inline-block;
  padding: 5px 10px 8px;
  border-radius: 999px;
  background: #E04438;
  color: #fff;
  text-decoration: none;
  border: 0;
  line-height: 1;
  font-size: 12px;
  cursor: pointer;
  box-shadow: 0 2px 0 rgba(0,0,0,.06);
}
.inkocard__toggle:hover{ filter: brightness(.96); }

@media (max-width: 767px){
  .inkocard__toggle{ width: 100%; text-align: center; }
}

.inkocard .elementor-widget:last-child{ margin-bottom: 0; }
