/*
Theme Name: Inspiro Child
Theme URI: https://www.wpzoom.com/themes/inspiro/
Template: inspiro
Author: WPZOOM
Author URI: https://www.wpzoom.com/
Description: Inspiro is a professional & lightweight photo and video-focused WordPress theme with a modern design. Packed with features including a fullscreen area that supports Vimeo, YouTube & self-hosted video background, Page Builder integration, Inspiro is perfect for showing off your photography and video portfolio. Moreover, the theme is compatible with WooCommerce and popular Page Builders such as Elementor, Beaver Builder. The theme is fully GDPR-compliant and doesn't use any external Google Fonts. All fonts are locally hosted. Learn more and check out our powerful PREMIUM version at https://www.wpzoom.com/themes/inspiro/
Tags: one-column,two-columns,right-sidebar,flexible-header,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready,e-commerce,wide-blocks,portfolio,blog,custom-background,featured-image-header,full-width-template,theme-options,block-styles,block-patterns
Version: 1.9.7.1757500864
Updated: 2025-09-10 10:41:04

*/



/* Estilo base: label e input en la misma línea */

/* Estilo base (escritorio) */
.form-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.form-row label {
  display: inline-block;
  width: 140px;
  margin-right: 8px;
  font-weight: 600;
  text-align: right;
}

.form-row input,
.form-row textarea {
  flex: 1;
  max-width: 100%;
  box-sizing: border-box;
  padding: 6px 8px;
}

/* Estilos responsive: versión compacta para móviles */
@media (max-width: 768px) {
  .form-row {
    flex-direction: column;
    align-items: stretch;
    margin-bottom: -40px; /* menos espacio entre filas */
    font-size: 0.8rem;
  }

  .form-row label {
    width: auto;
    margin: 0;
    text-align: left;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.2; /* reduce altura de línea */
  }

	.entry-content p {
		margin-bottom: 0px !important;
	}
	
	/* Quitar los <br> solo en la página de contacto y solo en móvil */
@media (max-width: 768px) {
  body.page-id-628 br {
    display: none !important;
  }
}

	
  .form-row input,
  .form-row textarea {
    width: 100%;
    padding: 4px 6px;
    font-size: 0.75rem;
    line-height: 1.2; /* reduce espacio vertical interno */
    margin-bottom: 4px; /* separa mínimamente los campos */
  }

  .form-row textarea {
    min-height: 50px; /* más compacto aún */
    resize: vertical; /* permite al usuario ampliarlo si quiere */
  }

  /* Botón compacto y visible */
  .wpcf7 input[type="submit"] {
    display: block;
    width: 100%;
    font-size: 0.8rem;
    padding: 6px 0;
    margin-top: 6px;
    border-radius: 3px;
  }
}

/* Estilo del botón de enviar */
.wpcf7 input[type="submit"] {
  background-color: transparent;
  color: #333;
  border: 1.5px solid #333;
  padding: 8px 18px;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 4px;
}

/* Hover: texto y bordes burdeos */
.wpcf7 input[type="submit"]:hover {
  color: #800000;
  border-color: #800000;
  background-color: transparent;
}