/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

html { scroll-behavior: auto !important; }

.heading-now-63 h2 {
	font-family: 'Heading Now 65 Medium', sans-serif !important;
    font-weight: normal !important; 
}
.margin-s {
	margin: 0 !important;
}
fieldset {
	border-width: 0 !important;
}
.text-round-home {
	padding: 30px 200px 30px 0;
}
#edhr-02 {
	z-index: 1;
	top: -70px;
}
#edhr-03 {
	z-index: 2;
	top: -150px;
}

#top-home a:hover {
	color: #fff !important;
}

/* Logo blanco en modo oscuro / fondo negro */
body:not(.menu-force-opacity):not(.navbar-hover)
  .style-dark-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent
  .navbar-brand .logo-skinnable img,
body:not(.menu-force-opacity):not(.navbar-hover)
  .style-dark-override:not(.is_stuck:not(.menu-desktop-transparent)).is_mobile_open.menu-transparent.menu-parent-off-canvas
  .navbar-brand .logo-skinnable img,
html.overlay-open body:not(.menu-force-opacity):not(.navbar-hover)
  .style-dark-override .navbar-brand .logo-skinnable img {
  filter: brightness(0) invert(1) contrast(100%) !important;
  /* opcional: transición suave */
  transition: filter .2s ease;
}

.font-size-large, .form-large input, .form-large textarea, .form-large select, .form-large .seldiv, .form-large .select2-choice, .form-large .select2-selection--single {
	font-size: 18px;
}

.form-large input, .form-large textarea, .form-large select, .form-large .seldiv, .form-large .select2-choice, .form-large .select2-selection--single {
	padding: 20px;
}

.shadow-inset-form, input, textarea, select, .seldiv, .select2-choice, .select2-selection--single {
	box-shadow: none;
}

@media (max-width: 768px) {
	
	#home-sobre-mi .background-inner {
		background-position: right bottom !important;
		background-image: url("http://robertohung.com/wp-content/uploads/2025/09/Roberto_Hung-2.png") !important;
	}
	
	#edhr-02 {
		top: -50px !important;
	}
	#edhr-03 {
		top: -100px !important;
	}
	
	h3 {
		line-height: 1.2 !important;
	}
	
#footer-contact .row div[class*=col-lg-].align_left > .uncol > .uncoltable > .uncell > .uncont,
#footer-contact .row div[class*=col-lg-] .row-inner .align_left > .uncol > .uncoltable > .uncell > .uncont,
#footer-contact .row div[class*=col-lg-].align_right > .uncol > .uncoltable > .uncell > .uncont,
#footer-contact .row div[class*=col-lg-] .row-inner .align_right > .uncol > .uncoltable > .uncell > .uncont {
    text-align: center !important;
}
	
	#footer-contact h4:not([class*="fontsize-"]),
#footer-contact .h4:not([class*="fontsize-"]) {
    font-size: 18px;
}
	
	.linear-v-align-top.linear-system .linear-wrapper .linear-container .tmb {
		width: 90vw;
	}
	
	#edhr-responsive .icon-media {
		width: auto !important;
	}
}

@media (min-width: 570px) {
	.comment-form p:not(.stars).comment-form-author, .comment-form p:not(.stars).comment-form-email, .comment-form p:not(.stars).comment-form-url {
		flex: 0 0 calc(50% - 18px) !important;
	}
}

.share-button.share-buttons ul li.social-pinterest,
.share-buttons ul li.social-pinterest,
.share-button ul li.social-pinterest,
ul li.social-pinterest[data-network="pinterest"] { display: none !important; }

.js-scroll-to { cursor: pointer; text-decoration: none; }

.tit-home-youtube {
	margin-top: 20px !important;
}

/* Solo Home: si la fila interna está vacía, no la muestres */
body.home .row-container > .row.row-parent:empty {
  display: none;
  padding: 0;
  margin: 0;
}


/* ===== Contact Form 7 – móvil, ajuste de input y botón ===== */
@media (max-width: 768px) {
  .wpcf7-inline-wrapper.wpcf7-input-group{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:14px;                 
  }

  .wpcf7-inline-field-text input[type="email"],
  .wpcf7-inline-field-text input[type="text"]{
    width:100%;
    height:48px;
    border-radius:0;
    padding:0 16px;
    box-sizing:border-box;
  }

  .wpcf7-inline-field-btn .btn,
  .wpcf7-inline-field-btn input[type="submit"]{
    display:block;
    width:100% !important;
    height:52px;              
    line-height:52px;         
    border-radius:0;           
    padding:0 16px !important;
    font-size:18px;         
  }
	
	.wpcf7-inline-wrapper .wpcf7-inline-field {
	width: 100%;
	display: block;
	}
	
	  body:not(.rtl) .main-container
  .wpcf7-inline-wrapper.wpcf7-input-group > *:first-child
  input:not(.btn):not(.inset-input){
    border-right: 1px solid var(--input-border, #3a3a3a) !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
	
	#intro-footer {
		display: none;
	}
	
	#sobre-mi h3 span {
		font-weight: 400 !important;
	}
	
	.pagination > li .page-numbers, .navigation > li .page-numbers {
		font-size: 18px !important;
	}
	
	.uncode-ib-separator-symbol {
		display: none !important;
	}
	
	.date-info, .category-info {
		display: block;
	}
	
}

  .wpcf7-inline-field-btn .btn,
  .wpcf7-inline-field-btn input[type="submit"]{
    width: 100%;
    height: 54px;
    display: inline-block;
  }

  .wpcf7-inline-field-text input::placeholder{
    opacity: .8;                 
  }

  .wpcf7-inline-wrapper { text-align: left; }
}

.wpcf7 .wpcf7-not-valid-tip{ font-size: 13px; margin-top: 6px; }
.wpcf7-response-output{ margin: 12px 0 0; }


/* El hero debe ser el referente de posición */
#top-home { position: relative; }

@media (min-width: 1025px){
	.home-hero-arrow {
		display: none !important;
	}
}

@media (min-width: 992px){
  .home-hero-arrow { display:none !important; }
}

.home-hero-arrow{
  position: absolute;
  left: 50%;
  bottom: clamp(16px, 3vh, 40px);
  transform: translateX(-50%);
  z-index: 1000;                 
  pointer-events: auto !important;
  text-decoration: none;
  display: inline-flex;
  padding: 8px;                 
}

.home-hero-arrow .arrow-down{
  display: inline-block;
  font-size: 40px;
  line-height: 1;
  color: #111;                  
  animation: floatY 1.4s ease-in-out infinite;
}

@keyframes floatY{
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(6px); }
}

#home-sobre-mi{ scroll-margin-top: 0; }

/* === BLOG / OWL NAV — círculos, centrado y responsive === */

.main-container .owl-carousel-container .owl-nav{
  position:absolute;
  inset:0;             
  display:flex;
  align-items:center;   
  justify-content:space-between;
  pointer-events:none;   
  padding:0 10px;        
}

.main-container .owl-carousel-container .owl-nav button.owl-prev,
.main-container .owl-carousel-container .owl-nav button.owl-next, .owl-prev .owl-nav-container, .owl-next .owl-nav-container {
  pointer-events:auto;        
  width:40px;
  height:40px;
  border-radius:9999px;
  background:#000;
  border:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  transition:transform .2s ease, background .2s ease, opacity .2s ease;
	top: 35%;
}

.main-container .owl-carousel-container .owl-nav i{
  position:static !important; 
  font-size:22px !important;
  line-height:1 !important;
}

.main-container .owl-carousel-container .owl-nav button:hover,
.main-container .owl-carousel-container .owl-nav button:focus{
  background: rgba(0,0,0,.5);
  transform:translateY(-1px);
  outline:none;
}

.main-container .owl-carousel-container .owl-nav button.disabled{
  opacity:.35;
  cursor:default !important;
  transform:none;
}

.main-container .owl-carousel-container .owl-nav .owl-prev{ margin-left:-4px; }
.main-container .owl-carousel-container .owl-nav .owl-next{ margin-right:-4px; }

@media (max-width: 768px){
  .main-container .owl-carousel-container .owl-nav button.owl-prev,
  .main-container .owl-carousel-container .owl-nav button.owl-next{
    width:45px; height:45px;
  }
  .main-container .owl-carousel-container .owl-nav i{
    font-size:20px !important;
  }
  .main-container .owl-carousel-container .owl-nav{ padding:0 6px; }
}

.main-container .owl-carousel-container .owl-prev .owl-nav-container,
.main-container .owl-carousel-container .owl-next .owl-nav-container{
  background:transparent !important;
  border:0 !important;
  position:static !important;
}

/* MAILPOET */

form.mailpoet-manage-subscription .mailpoet_text_label, 
form.mailpoet-manage-subscription .mailpoet_select_label, 
form.mailpoet-manage-subscription .mailpoet_segment_label{
    display: block;
    font-weight:bold;
}
form.mailpoet-manage-subscription .mailpoet_select, 
form.mailpoet-manage-subscription .mailpoet_text{
	width: 50%;
	padding: 12px;
}
form.mailpoet-manage-subscription .mailpoet_paragraph{
	margin-bottom:20px
}
form.mailpoet-manage-subscription .mailpoet_submit{
    padding: 20px 20px;
    width: 50%;
    font-weight: bold;
    font-size: 11pt;
}

.type-mailpoet_page .post-info, .mailpoet_segment_label {
	display: none !important;
}

.post-title-wrapper {
	text-align: center;
}

.mailpoet_confirm_unsubscribe {
	text-align: center;
	font-weight: 400;
}

.mailpoet_confirm_unsubscribe a {
	font-weight: 700;
	color: #ff6900;
}

.mailpoet_unsubscribed_content, .post-167016  {
	text-align: center;
}

.mailpoet_unsubscribed_content a {
	color: #ff6900;
}


.grecaptcha-badge { visibility: hidden; }


#comments h3 {
  font-size: 20px !important;
  margin-top: 50px !important;
}

/* Evita que el reCAPTCHA se aplaste en comentarios */
#commentform .gglcptch_v2,
.comment-form .gglcptch_v2 {
  width: 304px !important;
  height: 78px !important;
  overflow: visible !important;
  display: inline-block;
  margin-top: 20px !important;
}

/* Asegura el tamaño correcto del iframe interno */
#commentform .g-recaptcha > div,
.comment-form .g-recaptcha > div {
  width: 304px !important;
  height: 78px !important;
}

/* Opcional: centrado y pequeño margen */
#commentform .g-recaptcha,
.comment-form .g-recaptcha { margin: 8px 0; }

/* Ajuste responsivo si el móvil es muy estrecho */
@media (max-width: 360px) {
  #commentform .g-recaptcha,
  .comment-form .g-recaptcha {
    transform: scale(0.90);
    transform-origin: left top;
  }
}

.comment-form-mailpoet {
  margin-top: 0px !important;
}

.comment-form-mailpoet label {
  font-weight: 700 !important;
}


#commentform label {
  font-size: 16px;
  font-weight: 400;
}

.comment-form-mailpoet #mailpoet_subscribe_on_comment {
  margin-right: 10px;
}

/* 1) Oculta la imagen de placeholder del tema */
img.uncode-missing-media { 
  display: none !important;
}

/* 2) Si el contenedor de media SÓLO tiene esa imagen, escóndelo */
.uncode-single-media-wrapper:has(img.uncode-missing-media),
.single-wrapper:has(img.uncode-missing-media),
.uncode-single-media:has(img.uncode-missing-media) {
  display: none !important;
}

/* 3) Colapsa la altura fija del "row" de cabecera cuando dentro está la missing-media */
.wpb_row.row-inner:has(img.uncode-missing-media) {
  height: auto !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 4) Por si el padding queda en wrappers intermedios */
.uncoltable:has(img.uncode-missing-media),
.uncont:has(img.uncode-missing-media) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Oculta el bloque del autor del header en posts de la categoría 158 */
.rh-hide-author .uncode-info-box .author-wrap,
.rh-hide-author .uncode-info-box .author-info {
  display: none !important;
}

/* Por si el theme imprime otro metadato del autor más abajo */
.rh-hide-author .t-entry-author,
.rh-hide-author .t-table-author,
.rh-hide-author .tmb-date-author-separator {
  display: none !important;
}

