/*
	Theme Name: Pharmware WordPress Theme 2026
	Version: 0.1

*/


.box-general {
	position: relative;
	float: left;
	width: 100%;
    margin: 0px auto;
    height: auto;
    display: block;
    flex: 1 0 auto;
}


/* *************** ESTRUCTURA ******************* */


.main-box {
	position: relative;
    float: left;
    width: 100%;
    height: auto;
    padding-top: 30px;
}

.blog-index {
	position: relative;
	padding: 0;
	width: 100%;
	height: auto;
	display: inline-block;
	max-width: 840px;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 25px;
}



/* SINGLE.PHP */


.content {
	position: relative;
	float: left;
    margin: 25px 0 0;
    padding: 50px;
    width: 100%;
    height: auto;
    display: inline-block;
}



.post-header {
	float: left;
	width: 100%;
    font-size: 26px;
    letter-spacing: -1px;
    margin-bottom: 10px;
}

.post-header h2{
	box-sizing: border-box;
	color: rgb(0, 0, 0);
	display: block;
	font-size: 36px;
	font-weight: 700;
	line-height: 54px;
	margin-bottom: 28px;
	margin-top: 28px
}
.post-header h2 a{
	color: rgb(0, 0, 0);
}
.post-box {
	float: left;
	width: 100%;
}
.post-box figure{
	margin-bottom: 28px
}
.post-box a{
	color: #2AA9D3;
}
.post-box em{
	font-style: italic;
}
.post-box p,
.post-box ol,
.post-box ul{
	color: rgb(0, 0, 0);
	font-size: 18px;
	line-height: 32.4px;
	margin-bottom: 28px
}
.post-box ol,
.post-box ul{
	list-style: auto;
	padding-left: 40px;
}
.post-box ol li{
	list-style: auto;
}
.post-box ul li{
	list-style:disc;
}
.post-box b,
.post-box strong{
	font-weight: 600;
}

.post-box {
	float: left;
	width: 100%;
}

.post-footer {
	float: left;
	width: 100%;
}

.post-box br { 
	clear: both;
	display: block;
	margin: 20px 0;
}
.post-box h2 { 
	font-size: 27px;
	line-height: 31px;
}
.post-box h3 { 
	font-size: 21px;
  line-height: 54px;
  padding-top: 17px;
  color: inherit;
  clear: both;
  display: block;
  font-weight: 700;
} 

.post-box h4 { 
	font-size: 18px;
	font-weight: 600;
	margin: 20px 0;
	text-transform: none;
	display: block;
}
.post-box h4::after { 
	display: none;
}

/* SIDEBAR */ 

.sidebar {
	/* position: relative;
	float: left; 
	width: 25%; 
	margin: 30px 0 0;
	padding: 25px 25px 0;
	display: block; */
	display: none;
}

.widget_media_image .sidebar-logo-dark {
	float: left;
	width: 100%;
	margin: 0; 
	display: inline-block;
}

.widget_media_image img.sidebar-logo-dark { float: left; width: 180px; }

.widget_media_image .sidebar-logo-light { display: none; }

.sidebar-content { 
	font-size: 85%; 
	float: left; 
	width: 100%; 	
	margin: 0 0 25px;
	border-bottom: 1px solid #ccc;
}

.sidebar-content p { 
	float: left; 
	width: 100%; 
}


.textwidget {
	float: left;
	width: 100%;
	margin: 0 0 35px;
	padding-bottom: 25px; 
	font-size: 85%;
	border-bottom: 1px solid #ccc;
}

.sidebar li { 
	list-style-type: none;   	
	padding: 5px 0; 
}


.postsbycategory li::before { 
	content: "\2022";
  	color: #2A4053;
  	display: inline;
  	width: 30px;
  	margin-left: -30px;
  	vertical-align: top;
}

.widget_recent_entries { float: left; }


ul.postsbycategory li { font-size: 18px; }

.widget_polylang {
	float: left;
	margin-bottom: 30px;
}


.lang-item {
	width: auto;
	float: left;
	margin: 0 50px 0 -25px; 
}


/* 404 */

.content-404 {
	position: relative;
	float: left;
    margin: 25px 0 0 5%;
    padding: 0px;
    width: 90%;
    height: auto;
    display: inline-block;
    text-align: center;
}


.content-404 h2 { margin-bottom: 50px; display: block;  }

.content-404 h3 { font-style: italic; }

.content-404 .textwidget {
	float: left;
	width: 100%;
	margin: 0 0 0px;
	padding-bottom: 0px; 
	font-size: 85%;
	border-bottom: none;
}


.content-404 ul { 
	float: left;
	width: 100%;
}

.content-404 ul li { 
	position: relative;
	float: left;
	list-style-type: none;   	
	margin: 20px 0 0 0;
	width: 100%;
	height: auto; 
	padding: 0px;
	display: block;
}

.content-404 ul li a { 
	width: 50%;
	margin-left: 25%;
	padding: 50px;
	background-color: #2A4053;
	color: white;
	display: block;
}

.content-404 ul li a:hover { background-color: #5AB08B; }

.content-404 li::before { content: ""; }

.content-404 li { list-style-type: none; }



/* Super Sharing System :) */

.sharing-box{ float: left; width: 100%;	padding-top: 50px; }

.share-button-group { margin-top: 20px; }

.share-button { padding-right: 10px; }

.share-button img {
	width: 45px;
	height: 45px;
	opacity: 1;
	padding: 5px;
	background-color: #2A4053;
	border-radius: 50px;
}

.share-button img { background-color: #2A4053; text-decoration: none; }

a:hover.share-button  {	text-decoration: none; }

.share-twitter img:hover { background-color: #1DA1F2; }

.share-facebook img:hover { background-color: #3b5998; }

.share-whatsapp img:hover { background-color: #12AF0A; }

.share-linkedin img:hover { background-color: #0E76A8; }

.share-email img:hover { background-color: #b23121; }


/* EFECTO IMAGENES EN BLOG INDEX */


.content-index {
	position: relative;
	float: left;
    margin: 25px 2.5%;
    width: 45%;
    height: auto;
}


.thumbnail-wrapper img { 
	width: 100%; 
	height: auto; 
	padding: 0px; /* importante respetarlo */
}


.box-imagenes-index {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 1em 1em;
	list-style: none;
	display: inline;
}

.box-imagenes-index figure {
	position: relative;
	float: left;
	margin: 10px 0;
	width: 100%;
	height: 300px; /* Acá me aseguro que todas tengan el mismo alto */
	height: 20vw;
	overflow: hidden;
	background: #2A4053;
	text-align: center;
	cursor: pointer;
}

.box-imagenes-index figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}


.box-imagenes-index figure figcaption {
	padding: 2em;
	color: #fff !important;
	text-transform: uppercase;
	font-size: 1em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.box-imagenes-index figure figcaption::before,
.box-imagenes-index figure figcaption::after {
	pointer-events: none;
}

.box-imagenes-index figure figcaption,
.box-imagenes-index figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.box-imagenes-index figure h2 {
/*	word-spacing: -0.15em;*/
	color: #fff;
	font-size: 24px;
	font-weight: 300;
}

.box-imagenes-index figure h2 span {
	font-weight: 800;
}

.box-imagenes-index figure h2,
.box-imagenes-index figure p {
	margin: 0;
}

.box-imagenes-index figure p {
	letter-spacing: 1px;
	font-size: 100%;
}



/* Efecto Mouse Hover para Index.php */ 


figure.efecto-blog-index-images img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 0.6;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

figure.efecto-blog-index-images figcaption {
	text-align: left;
}

figure.efecto-blog-index-images figcaption > div {
	position: absolute;
	top: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	height: 10%;
}

figure.efecto-blog-index-images h2,
figure.efecto-blog-index-images p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.efecto-blog-index-images h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.efecto-blog-index-images p {
	color: rgba(255,255,255,0.7);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

figure.efecto-blog-index-images:hover img{
	opacity: .2;
}
figure.efecto-blog-index-images:hover p {
	opacity: 1;
}

figure.efecto-blog-index-images:hover img,
figure.efecto-blog-index-images:hover h2,
figure.efecto-blog-index-images:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.efecto-blog-index-images:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}



/* Custom Category page */ 

.category-section {
	position: relative;
	float: left;
	width: 90%;
	margin: 50px 0 0 5%;
	padding: 0;
	height: auto;
	display: inline-block;
}

.category-section-h2 {
	position: relative;
	display: block;
	text-align: center;
	font-size: 30px;
	padding-bottom: 20px;
}


.taxonomy-description {
	text-align: center;
	font-size: 22px;
}

.category-index {
	position: relative;
	float: left;
    margin: 25px 0;
    width: 100%;
    height: auto;
}

.category-box {
	margin-left: 10%;
	width: 80%;
	height: auto; 
	padding: 20px;
	background: #5AB08B;
}

.category-box:hover { background: #2A4053; }

.category-box h2 { float: left; margin-right: 15px; padding-bottom: 10px; } 


a.link-box-category, a:visited.link-box-category, a:hover.link-box-category, a:focus.link-box-category, .link-box-category h2 { 
	color: white; 
	text-decoration: none;
}



/* **************** WORDPRESS CORE **************** */
   
.alignnone { margin:5px 0px 20px 0px; }

.aligncenter,div.aligncenter { display: block; margin: 5px auto 5px auto; }

.alignright { float:right; margin: 5px 0 5px 20px; }

.alignleft { float:left; margin: 5px 20px 5px 0; }

.aligncenter { display:block; margin:5px auto 5px auto; }

a img.alignright { float:right;	margin:5px 0 20px 20px; }

a img.alignnone {  margin:20px 0px 0px 22px; } 

a:hover img.alignnone { opacity: .5; } 

a img.alignleft { float:left; margin:5px 20px 20px 0; }

a img.aligncenter { display:block; margin-left:auto; margin-right:auto; }

.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}

.wp-caption.alignnone { margin:5px 20px 20px 0; }

.wp-caption.alignleft { margin:5px 20px 20px 0; }

.wp-caption.alignright { margin:5px 0 20px 20px; }

.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

a.moretag, a:hover.moretag, a:visited.moretag { color: white; text-decoration: none; }

.blog-index .navigation { 
	float: left;
	width: 100%; 
	padding: 25px 50px; 
}


.category-section .navigation { 
	float: left;
	width: 90%; 
	margin: 0 5% ;
	padding: 25px 75px; 
}


/* ********** Media Queries ********** */


@media screen and (max-width:1280px) {
	
	.blog-index { margin: 0; width: 70%; }

}


@media screen and (max-width:980px) {


	.main-box { padding-top: 30px; }

	.blog-index { width: 100%; margin: 0; }

	.content { margin: 0; width: 100%; }

	.widget_polylang { margin-top: -30px; }

	.sidebar { width: 100%; background: #2A4053; color: white; }

	.widget_media_image .sidebar-logo-dark { display: none; }

	.widget_media_image .sidebar-logo-light {
		width: 100%;
		margin: 0 0 15px; 
		display: inline-block;
	}

	.widget_media_image img.sidebar-logo-light { float: left; width: 180px; }

	#text-2 { display: none; }

	#text-3 { display: none; }

	.sidebar h2 { color: white; }

	.widget_media_image {  }

	.textwidget { border-bottom: none; margin-bottom: 0px; }

	.telefono-ios { color: white; }
	
	a[href^=tel] { color: inherit; text-decoration: none; }

	.postsbycategory ul li::before { color: #fff; }

	.postsbycategory a:link, .postsbycategory a:visited { color: #fff; }

	.header-post-title { display: none; }

	.header-blog-link { display: inline; }
	
	.box-imagenes-index figure { height: 30vw; }

	.content-404 ul li a { width: 90%; margin-left: 0%; padding: 20px 0px}


}



@media screen and (max-width:720px) {


	.header-navigation { float: left; margin: 5px; }

	.main-box { padding-top: 30px; }
	
	.box-imagenes-index figure { height: 65vw; }

	.content-index { width: 90%; margin-left: 5%; }

}


/* ********************* FIN CSS ****************** */

.page-template{
	
}
.page-template header{
	display:none;
}




/*------------ actualización 2026 -------------*/

.btn-contacto {
    padding: 22px 42px;
    padding-top: 25px;
    margin: -26px;
}