/*
 * body.ymk-rules 
 * background-color: var(--wp--preset--color--ymk-btn-bg);
 * color: var(--wp--preset--color--ymk-btn-text);
 * var(--header--color-link-hover,
 * var(--header--color-link-hover,
*/

/*
 * General 
*/
body *:focus {
    outline: 0px !important;
}

/*
 * Body
*/
html.no-scroll, body.no-scroll {
    overflow: hidden;
}

.ocultar {
	display:none !important;
}

/*
 * Logo Cabecera
*/
@media only screen and (max-width: 1024px) {
    .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
        position: relative;
        padding: 0;
        top: auto;
        display: block;
        visibility: visible !important;
        z-index: +9;
    }
}

@media only screen and (min-width: 482px) {
body.tw-header-layout-stack-left 
.site-branding {
    width: fit-content;
}
	
body.tw-header-layout-stack-left 
ul.header-actions {
    position: absolute;
    right: 0;
    top: -70px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    /* z-index: -1; */
}

body.tw-header-layout-stack-left
li.menu-search {
    width: 70%;
    display:flex;
    /* background: rebeccapurple; */
    justify-content: center;
}

/* Buscador Twentig: forzar campo siempre abierto */
	body.tw-header-layout-stack-left
	.header-actions .search-form{
		width:500px;
		background:white;
		padding: 5px 27px;
		border-radius:25px;
		box-shadow: var(--tw-block-shadow);
	}
	
	body.tw-header-layout-stack-left
	button.search-submit {
		background:white;
		padding: 0 14px 0 0;
		border-radius:25px
	}
	
body.tw-header-layout-stack-left
.header-actions .search-field {
	
    width: 100% !important;
	border:0
}

body.tw-header-layout-stack-left
.header-actions .search-field::placeholder {
  color: #777;
  font-size: 16px;
  opacity: 1; /* Necesario para corregir la opacidad predeterminada en Firefox */
}
	
body.tw-header-layout-stack-left
.header-actions .search-field:placeholder-shown + .search-submit {
    pointer-events: auto;
}
    
body.tw-header-layout-stack-left 
ul#primary-menu-list {
    width: 100%;
    flex-wrap: nowrap;
}

}


/**/
@media (max-width: 1279px) {
.tw-header-break-tablet-landscape
   .primary-menu-container {
       background:white !important;
   }

.tw-header-break-tablet-landscape
   ul#primary-menu-list {
      flex-wrap: wrap !important;
   }	
}

/**/
@media (max-width: 1023px) {
.tw-header-break-tablet
   .primary-menu-container {
       background:white !important;
   }
.tw-header-break-tablet
   ul#primary-menu-list {
      flex-wrap: wrap !important;
   }	
}

/**/
@media (max-width: 481px) {
.tw-header-break-mobile
   .primary-menu-container {
       background:white !important;
   }
.tw-header-break-mobile
   ul#primary-menu-list {
      flex-wrap: wrap !important;
   }	
}

@media (min-width: 1024px) {

/*
 * Cabecera: Menu principal principal Ampliado
    * header-layout-inline-left
	* header-layout-inline-center
	* header-layout-stack-left
	* header-layout-stack-center
*/	



}

/*
 * Iconos Cabecera — MOVIDO a ymk-nav-icons.css
 * Encolado desde ymk-nav-menus.php → wp_enqueue_style( 'ymk-nav-icons-css' )
*/


/* 
 * Cabecera Fija 
*/
body.tw-header-sticky header.nav-down,
body.tw-header-sticky .top-bar {
  transition: all 0.2s ease-in-out;
 
}

body.tw-header-sticky:not(.page-carrito, .page-finalizar-compra) header.nav-down,
body.tw-header-sticky:not(.page-carrito, .page-finalizar-compra) .top-bar.nav-down,
body.tw-hero-cover.tw-header-sticky header.nav-down{
  top: 0 !important;
}

body.tw-header-sticky.tw-header-transparent:not(.tw-header-opaque) header.nav-down.site-header,
body.tw-header-sticky.tw-header-transparent:not(.tw-header-opaque) header {
    position: absolute;
}


.grecaptcha-badge { 
 visibility: hidden; 
}

/*
 * Contenido
 * Previene la interferencia de WC sobre los #main .wp-block-cover
 * Preserva el uso previsto por Twentig para el primer bloque full-width que se pega a la cabecera 
*/
.tw-header-bg:not(.tw-header-transparent, .tw-header-transparent-light) #main .entry-content > .alignfull:first-child {
    margin-top: calc(var(--global--spacing-vertical) * -3);
}

/*SOy Ortopedia*/
body.ymk-soy-ortopedia div.ymk-soy-ortopedia {
    max-width: none;
    padding: calc(var(--global--spacing-vertical)*2) calc((100% - var(--responsive--alignwide-width))/2);
    margin-top: calc(var(--global--spacing-vertical)*3);
    background-color: var(--widgets--color-background,var(--footer--color-background));
}

@media only screen and (min-width: 652px){
    body.ymk-soy-ortopedia div.ymk-soy-ortopedia {
        padding-top: calc(var(--global--spacing-vertical) * 3);
        padding-bottom: calc(var(--global--spacing-vertical) * 3);
        margin-top: calc(var(--global--spacing-vertical)*4);
    }
}

body.ymk-soy-ortopedia .widget-area {
	margin-top: 0 !important;
	padding-top: 0;
}

body.ymk-soy-ortopedia .widget-area section:first-of-type {
  margin-top: 0;
}

/*
 * Presets
*/

.ymk-no-gap{
	gap:0;
}

.ymk-xs-gap{
	gap:0.5rem;
}


@media (max-width: 651px) {
.ymk-read {
 word-break: break-all;
}
}

@media (max-width: 651px) {
  /* 1. Evitamos que todo el párrafo se rompa letra por letra */
  .ymk-read {
    word-break: normal;
    overflow-wrap: normal !important;
  }

  /* 2. Forzamos a que solo el correo electrónico salte de línea limpiamente */
  .ymk-read a[href^="mailto:"] {
    display: inline-block;
    vertical-align: bottom;
    word-break: normal;
    overflow-wrap: anywhere; /* Si la pantalla es ultra estrecha, solo se romperá el correo */
  }
}

/*
 * Transition effect Estado inicial del marcador
 * Estado Hover optimizado
*/

/* 1. Agrega una transición suave */
a:hover, 
.wp-block-group.tw-stretched-link mark,
.tw-stretched-link .wp-block-button__link {
    transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out !important;
}

/* 2. Cambia el color limpiamente al pasar el cursor */
a:hover, 
.wp-block-group.tw-stretched-link:has(.wp-block-button__link:hover) .ymk-featured-text mark {
    /* color: var(--ymk-btn-hover-bg) !important; */
    /* fill: var(--ymk-btn-hover-bg) !important; */
}

/*
 * Cookies
*/
.freeprivacypolicy-com---nb-simple:not(.freeprivacypolicy-com---is-hidden) {
    right: 0;
    top: auto;
    bottom: 0;
    left: auto;
    max-width: 100% !important;
    position: fixed;
    /* top: 0; */
    height: 100vh;
    display: flex;
    align-content: center;
    align-items: flex-end;
    justify-content: center;
    background-color: rgba(0,0,0,.4) !important;
}

.cc-nb-main-container {
    font-size: var(--global--font-size-base);
    font-weight: normal;
    color: var(--global--color-primary);
    text-align: left;
    background-color: var(--global--color-background) !important;
    height: auto;
}

.freeprivacypolicy-com---nb .cc-nb-title {
    font-size: var(--wp--preset--font-size--large) !important;
    line-height: var(--global--line-height-heading);
}

p#cc-nb-text {
    font-size: var(--global--font-size-base);
    font-weight: normal;
    color: var(--global--color-primary);
}



.cc-nb-buttons-container button {
    border-radius: var(--button--border-radius) !important;
}