/*
 Theme Name: The7 Child
 Template: dt-the7
 Text Domain: dt-the7-child
 Description: Tema hijo de The7.
 Author: Intermark
 Version: 1.0.0
*/

/* Color 1 Original: #006098 */
/* Color 2 Original: #01C2CE */


/** IMÁGENES ***************************************************************************************/
/* Chaflanes en las equinas sustituyendo al borde redondeado */

.cut-06 { --cut: .6rem; }
.cut-1 { --cut: 1rem; }
.cut-2 { --cut: 2rem; }
.cut-3 { --cut: 3rem; }
.cut-4 { --cut: 4rem; }
.cut-6 { --cut: 6rem; }

.chaflan-bottom-right {             
  	clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%);
	  overflow: hidden; /* por si algún hijo se sale */
}

.chaflan-bottom-left {
  	clip-path: polygon(0 0, 100% 0, 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
}

.chaflan-top-left {
  	clip-path: polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut));
}

.chaflan-top-right {
	clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cuttr), 100% 100%, 0 100%);
}

/** IMPORTAR MATERIAL SYMBOLS ***************************************************************************************/

/* Base Material Symbols (Outlined). Repite con Rounded/Sharp si las usas */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;

  /* Valores por defecto*/
  --ms-fill: 0;
  --ms-wght: 400;
  --ms-grad: 0;
  --ms-opsz: 24;

  font-size: var(--ms-opsz, 24px);
  font-variation-settings:
    'FILL' var(--ms-fill, 0),
    'wght' var(--ms-wght, 400),
    'GRAD' var(--ms-grad, 0),
    'opsz' var(--ms-opsz, 24);
}

/* Grosor icono */
.ms-fill-1    { --ms-fill: 1; }
.ms-wght-500  { --ms-wght: 500; }
.ms-wght-600  { --ms-wght: 600; }
.ms-grad-100  { --ms-grad: 100; }

/* Tamaños iconos */
.ms-18 { --ms-opsz: 18; font-size: 18px; }
.ms-24 { --ms-opsz: 24; font-size: 24px; }
.ms-36 { --ms-opsz: 36; font-size: 36px; }
.ms-48 { --ms-opsz: 48; font-size: 48px; }

/* Espacio a la derecha/izquierda cuando acompañan texto */
.ms-left  { margin-right: .4em; }
.ms-right { margin-left:  .4em; }

.icon-global-color {
    color: var(--e-global-color-el_c_1_color);
}
.icon-second-color {
    color: var(--e-global-color-el_c_2_color);
}
.icon-white-color {
    color: #ffffff;
}

/* Productos ***************************************************************************************************/


.block-product {
  padding-top: var(--padding-top)  !important;
  padding-right: var(--padding-right)  !important;
  padding-bottom: var(--padding-bottom)  !important;
  padding-left: var(--padding-left)  !important;
	
  margin-top: var(--margin-top)  !important;
  margin-right: var(--margin-right)  !important;
  margin-bottom: var(--margin-bottom)  !important;
  margin-left: var(--margin-left)  !important;	
}
/* Ejemplo aplicación al elemento: <ul class="block-product" style="--margin-bottom:30px; --padding-left:20px;"> */

.product_name h1 {
	color: var(--e-global-color-el_c_1_color);
	font-weight: 700 !important;
	font-size: 2.7rem;
	margin-bottom: 2.5rem;	
}

@media (max-width: 767.98px){
	.product_name h1 {
			font-size: 2.4rem !important;
	}
}
.product .custom-product-description h2 {
	margin-bottom: 2.5rem;	
	/*font-size: --e-global-typography-el_f_title_5-font-size);*/
}

@media (min-width: 768px){
	.product .custom-product-description h2,
	.e-con-inner h2 {
			font-size: 2.2rem;
	}
}

.product-icons {
  display: flex;
  align-items: center;
  gap: 5px; 
	margin-bottom: 25px;
}

.product-icons span {
  background-color: #1e75b9; 
  color: #fff;              
  border-radius: 50%;       
  padding: 10px;             
  display: flex;
  align-items: center;
  justify-content: center;
}


/* TABLAS ***************************************************************/

.product .woocommerce-product-details__short-description p,
.custom-product-description p,
.custom-product-description table {
	margin-bottom: 2.5rem;
}
	
.custom-product-description table th {
	background-color: var(--e-global-color-el_c_1_color);
	color: white;
}


.custom-product-description table tr > th:last-of-type {
	background-color: var(--e-global-color-el_c_1_color); 
  	background: linear-gradient(
    	90deg,
    	var(--e-global-color-el_c_1_color) 0%,
    	var(--e-global-color-el_c_1_color) 20%,
    	var(--e-global-color-el_c_2_color) 100%
  	);
	color: #ffffff;
}

/* Contenedor de tabla con scroll horizontal *******************************************************/

.table-scroll { /* Contenedor con scroll horizontal */
	overflow-x:auto; 
	-webkit-overflow-scrolling:touch; 
	margin-bottom: 40px;
} 
.table-scroll::after { display:none; }
.table-scroll:is(:hover, :focus-within)::after { display:block; }
.table-scroll > table { /* Ancho mínimo para scroll si hace falta */
	width:100%;  
	border-collapse:collapse; 
} 
.table-scroll .nowrap td,
.table-scroll .nowrap th { /* Evita roturas de línea si quieres celdas compactas */
	white-space:nowrap; 
} 
.table-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }


/* El icono va en el wrapper, que NO scrollea */
@media (max-width: 767.98px){
  .table-scroll-wrap{ position:relative; }
  .table-scroll{ padding-right:2rem; } /* para que no tape contenido */

  .table-scroll-wrap::after{
    content:'swipe';
    font-family:'Material Symbols Outlined';
    font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;
    position:absolute; right:12px; bottom:3px;
    font-size:26px; line-height:1; opacity:.5; color:black;
    pointer-events:none; z-index:2;

    /* opcional animación */
    animation: slide-hint 1.6s ease-in-out infinite;
  }
  @keyframes slide-hint{0%,100%{transform:translateX(0)}50%{transform:translateX(-4px)}}
}

/* Botón flecha *************************************************/


.btn-flecha .e-fas-arrow-right {
    transition: transform 0.3s ease;
}

.btn-flecha:hover .e-fas-arrow-right {
    transform: translateX(6px);
}


/* CTA Footer - Enlace azul Intermark *************************************************/

.cta-footer .elementor-widget-container a,
a.link-catdescription {
    font-weight: 600;
    text-decoration:underline;
    transition:color .25s ease;
}

a.link-catdescription:hover {
	color: #000000;
}
	


/* ************************************************************************* */

/* ===== ANULA HOVERS ANTERIORES ===== */
.product-item .post-thumbnail-rollover:hover::after,
.product-item .woocommerce-loop-product__image:hover::after,
.product-item .product-image-wrap:hover::after,
.product-item .woo-entry-media:hover::after{
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* ===== TÍTULOS LARGOS: 2 LÍNEAS + PUNTOS SUSPENSIVOS ===== */
.product-item .woocommerce-loop-product__title,
.product-item .product-title,
.product-item h2.woocommerce-loop-product__title,
.product-item h3.woocommerce-loop-product__title,
.product-item .the7-heading-title,
.product-item .entry-title{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2.8em;
    line-height: 1.4em;
    margin-bottom: 10px;
}

/* ===== BOTÓN REAL DE WOOCOMMERCE ABAJO ===== */
.product-item .button,
.product-item .added_to_cart,
.product-item .add_to_cart_button{
    margin-top: auto;
    align-self: flex-start;
}


/** Botón en descripción de categoría */

.custom-buttom-categories {
background: none;
border-width: 1px !important;
border-style: solid;
border-color: var(--e-global-color-el_c_1_color)!important;
color: var(--e-global-color-el_c_1_color)!important;
}

.custom-buttom-categories:hover {
    color: var(--the7-btn-hover-color)!important;
    background: linear-gradient(180deg, #005c92 30%, #1ebbf0 100%);
    border-color: none;
}


/* Varios *************************************************/

.titulo-sectores{
	min-height: 70px;	
}
	
.cierre-proyecto a:hover{
    color:#000000;
    text-decoration:underline;
}

/*
.elementor-41626 .elementor-element.elementor-element-f7c833f .the7-simple-post-thumb, .elementor-41626 .elementor-element.elementor-element-f7c833f .post-thumbnail-rollover, .elementor-41626 .elementor-element.elementor-element-f7c833f .the7-simple-post-thumb img {
	border-radius: 0px;
  width: 200px;
  height: 181.86px;

  clip-path: polygon(
    25% 0%,
    75% 0%,
    100% 50%,
    75% 100%,
    25% 100%,
    0% 50%
  );
}
*/




.catalogo-portada {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.catalogo-portada .elementor-widget-the7-heading {
	min-height: 100px;
}

.catalogo-portada .elementor-widget-text-editor {
	flex-grow: 1;
}

.catalogo-portada .elementor-widget-the7_button_widget {
	margin-top: auto;
}

/*BG opción Presupuesto del menú */

li.main-option .menu-text{
    border: 0px;
    padding: 6px 18px;
    background: linear-gradient(90deg, #0a3d5c 0%, #1a8fb8 50%, #2ec4e0 100%);
    color: #ffffff;
    border: none;
    border-radius: 3px;    
    clip-path: polygon(0 0, 100% 0, 100% 70%, calc(100% - 10px) 100%, 0 100%);
}

li.main-option .menu-text:hover{
    background: #01C2CE;
    border-bottom:none;
}
li.main-option {
    text-decoration: none;
    border-bottom: 0px;
}